@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700); [class*=dhx_]{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"} [class*=dhx_],[class*=dhx_]:after,[class*=dhx_]:before{box-sizing:border-box} body{margin:0} @font-face{font-family:Roboto;src:url('roboto-regular-webfont.woff2') format("woff2"),url('roboto-regular-webfont.woff') format("woff");font-weight:400;font-style:normal;font-display:fallback} @font-face{font-family:Roboto;src:url('roboto-medium-webfont.woff2') format("woff2"),url('roboto-medium-webfont.woff') format("woff");font-weight:500;font-style:normal;font-display:fallback} @font-face{font-family:dhxicons;src:url(data:font/woff2;base64,d09GMgABAAAAAA7wAAsAAAAAKQAAAA6gAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCKbgqyKKgLATYCJAOCLAuBGAAEIAWEFgeJKBuGIkVFsHFAIPChiMpNXfZ/ncANGVAf+hKN04bZpnIMdwFRVKu+jK2N9gX0ZbzVqD7TU3+DsyfUbr1EgKeICBAQ4I1/Xvbceb7ZnzGpmKI0ik0QmpSFpGdJvwt4mooaO+jgMrW0v7TqYeG+jKl9qjsGYRMLicjichf41yXj0T8prAWciZk3Ey/XqxVA5j//btmJkUuSIS8MnTLVjFScIRUqmoDXyUDFlPWK6KrRrqlk17/MWicAlubIxCaWHqHwgAPqmM/Z1vYsDSwQPP/cq3zD1ylGY7//fkK7Y2G+di3r8W0lbagTrGYlxc7/1GbJvWuY282wjDuHkRjZ//Ob9v/0/zS9PdObaVnlGO2xmn+3FWM6DrWGy42xeX4KD1VgUUgeyqItBmOzHS76UURcIkOMKTqMr/qNqcC+mr2w8O7Dt5/VDlql6sJSRV9OBaejg7GzFq1ocUAkAhr7FD9Nm/1AgBMbHMWfX3Bh2JAWoF8+3u99NSzKYDpYeae8DcyrBZztmcxfufED4bA6Y5TtSvQwgF3rOOivUgEI4W1r34LBE4ikxUcy4qdQaaoEJh8xRdV0w7Qm/4bnuJ4fhFGcpFlelFXdtF0/jNO8bLa7/eG4ns6X6+3+eBpuBJsjLiEpJS0DswN6+AAsH1Q3CGEwFIbBcBgBI2EUjIYxMBbGwXiYABNhEkyGKTAVpsF0mAEzYRbMhjkwF+bBfFgAC2ERLIYlsBSWwXJYASthFayGNbAW1sF62AAbYRNshi2wDWwL28H2sAPsCFthJ9g5iLwgIK8IyBsC8o6AfCAgnwjIFwLyDQH5joD8QEB+IiC/EJDfCMgfBOQvAvIPNRvc+dovIUD5A7T3AdykKqXUyd5eMVR/ccHZoWCxVQHpoKUtzaTQobXbAIffUUJLd9d4IbmjuVVeyQ4Ktq0ySvEBeCUqOx1943tFxwnpJmWczHBIohFdyogR7kPzTtsUmbkZ4ZzWROq8VTxhuPs8bZnHWh8NPjk8Lw5ip2/68XjmzWzVr0jjPZ81GYxiVWb7MVgiMtQ1V6XkmRewtNghcVOL5Rn0gN54Q8iAiWzNP76MX3/G39+nb79CgwQ8ses/AtdoD4xXz4gpyLDBtInz+pzGHOtUNOYfSeIj8SLnSGmRi6gkkuT550+pyHYId3yNxU68FG+ITGFWAzDm5QT2oWAmntiIa+KqaPx9vTsrfyGleIUt3ZF57G4W68AfIO7ynxffRL9j9+cMdEnISEjAUKP9zA59v6mEW50vDkHxPQKENzvXXrsBgPY8TBl23vbadC+6kfAT7c2+87Y57lvvmpBtwpt7yLAb4s+v45cf869v0/ffrZiov8rDzIM1nbSDCmRifbE6LaqBFpg40cOxkRAwBoq1twZxfjPVmMc0lz14b0a3n+oy9H3OJT+MZbehzaPcSrNZmXyo8a7m6N49UJwK7WgzsWawLVOnmiT/5ehjMfMy5iezVi//aBYxD3oApPPXestIaWv+Y6zH/waW4DLQ1GIShmbtZaQlfEv8ooHmgjhVZuWYgWCZV1LqGzNRYCBlsUKgzAMCIezG7njw2Q0fgbrGK4l2ay0PPStKQhJphG6Pu2Jpd0SbNGqbo/d1GpYX107YWfksALewMGiZcYjgEaPIFrYaBZxesCd5LyIS1jnoDLKeaQswZDLenZF95o+1Lwl0jixSct6E6A4w9inb2LqUeI73OHyssNDfs5ASlWKec62+TMheK8esUsptG2udbjLS9tDkfOyu7AQ8fLJE0jHZ3TmdHjDSZirL5+x4Q5NzPJdh1+N+KXNKY86xegON4J+kK8pTaGV1H9W9A7hbSrOVgn2tGUFJZDJ/iQ8pYlqj5iw2WZmGEQsEsEKuk9sgK40+g1aS+RZLhZKaRQ9oHWzHyDXEnGEU5VY6tERNcL8Rg5evGl64YPnEQMjLrxFQxhj64cloodjPcAzpABKIsneAxmykIpMg1IGYjT59iezBwtvPs5GRgY/eWyITwSmNFx+itlATtAXbsFJo/iFa2zx9YQxandIOVLfUF5OsSx0kt/sVG+h3GGcY5/jj3P3yM+ECELZMOAYVqPRSAXstWI5ehHgxATdMOGrT2pvRVZuwkCSXpjBYNd6FcYkEOxKFBscMb3Bt7EVhhAtXzCFralBP9sOcxICtxp/q5ddNk7a3NX0Nrqs3dZTC1JloPUttdXPNza1quD1GjjcC1KYNBQy7LiTuRRouP7DPbqThiS9bxffwhugzT+K/lSweYO8g5+Lv3K4/nivzDaIlRvkyzvjdGTas83Bz8Wd++5j/bbXiCWbAMDneEv0anuPr60xTcGWCk7D2MTPUzJiyb7OzKrDrpSa+YA+/fRmsBWFtScew3cS/807u9rDbwT5AE2+uMAOPhejRlbWPhUTCJjtJFBwhFheMtyuu++c1kB0fU/o6xcg7cbnlfvON+9h4QDIvlLYreEHVLZXg1SVRYlvvBwntehVyP1cxF/a1aIWyTZ7nBg/hP+5SHatKxyYzRSKH4ttKT3LQYz8rZAUoRsiODhw1y8SHClSfz18ZR6j5nXAOhsYotoqF6SDsKQwbaxmy4ThVjic8ZTb4B16QCnr18MvbHDFXCroCn6zgDvcfTvsHbDeOZXPLdf/Gt51Eopd0XcifODZgWp9WbjNxTpqr+Hi0slhJH1Z48HB9eS63vF1oRsuC4AjDWELkg0p93JrzbdqUniyfwOURijxEKXqOEUNWH6TPDJfaeL05nfc5G/goOo0Oq2B+ofM3m1CfKUqd6kydTwmk0CniRxJEhFJsCQGMDWiBIev/R+NT5rV8XR9B3i7Xxtr4tqsJZJuAPtWS0wbrU66vn2XFt/dmkuEaIrOXMO349pcK/oG1WX/BthDN/63Km57cHGx6QuegU4rnKXVYCJdr65zuBIoMdLLXaXHKuu7Q8Vh9jHVaSGPMNJBpDAM7yv4x+faJsqmYvpJW8gmTPPF2nNMaaqtVTtHDCP9ojNjJFaFr+VZCZdFNGdEWVJU0wXdMjoyrdvnxwxs4QaMq1XfMJ87a1kSb3HI5yMBjRC39xmx9Jen/fE9wz+dBjrc9GkIjyVbiovW9JRIMq77RXTqeymOxjNrRdwln/EI24bEhOMDQjo/rt08MTLxdf7yjwehkiUG+OSNGOPV3WwcPlrp0sVxJhDWY4mld7cIQUN9JHKDc83b8f/yhVtfQXKmeCShzQp0Al7lfx42ykY9L1UaDf64/+k6U/ZpNT3DFNVEus9doquVkVfLv+RzFePnRRbLSDOHqWgLmKOeTCSx6dJ58t17Wr9GvxmOWhX52iC9nwkO63c3N3HWvE3q2W6+F4ZxJxDqfkn2MfEiBABeFPt7ig6z/6DAUhUrbwTHOhuBqCNb+/r0uPfV76dA1rqCBd66abLdwmHAmkuMjLGK9Kpq+MnXzsdiztyDMWIR4woePhnSf/MckTht0sMu5mm1eYw67Lt5MJPak9XNceyE1xxvFI4a2/PUlbMnry2nDyeDJDQxPjV9TiFKU7FVBGqznsLlxzDrWhj3GhOfKzmkaBaXQX21SuERsL6OyG692r/ZK0b5gQjQzTXaKCZU8FPoVoZLrXOS4ZGumscudwU3aUKr0Jky6umC6Jh/VRFpSzQGQi0KnJMZu+XRG6TpmA319Oe81Zt62T4ndbRw0Df+/HTeM+Ms8F+sq3oYf4KK/HwDyUQI3Iwq5LibraAY8Ny+63J7CkO1DkKLDCE4dokzpBIJzPkLS/Pax6I/7H6JUtFgFnXK5fTJGaWNsoCkdynPnIsa0TRE0ZULz/x9oGRXKk1vEuKqtjqB5nWKTNoZYJ19qRSQt3m4y0q5FJo4mOg7bHcRorEo6SCgqxeXbc+hNJ+h4bt8oLo6wxerYqrjMCTrBNiS0dF/RPBxjrMPLyLWR/z+nJzySPPfWNH3Qf6S685HPr974nZeKKf/YrOaR2+l0jfIfjkK1LPnnZSrnrNDPYQOAe7HilwEVoLkMrxKN+3fudIAnoxMWDlSHIDpaShJVe8mHdJUU3RAdXVWNKRBwWz84DMsnEi9gvSRg2CuIjhskSQ3ulXwYXpYUzfh4TqolKKfdz6JjGr9DV9DKShH7foOMsax5mNxff42PQCBWwTftvBmn3aNqaIJwaj4wKSByk4X/gNNJr5qf3N0F1V944jhVXm8mchgZfQc6BbJE0+Cl8RsQokY8f+PBxL2B8FElo2MtBXxma87tR1OdR0oFr7tAsKTxIV+4AgjxTs3q7v4AjprocxjZE3c+L5iqk4ppehlepTf8fRYwxMGDhtO/5//vgmSy2BQqjc5gstgcLo8vEIrEEqlMrlCq1BqtTm8wmswWG1s7ewdHq5Ozi6ubu4dn/bp+U7+t39Xv6w/1x/pT/bn+Un+tv1VbFkHUuCgOYceK8D/jGNHmEbbOh4RZtuTXWixiOISlWN9xeYYnb8Uoeztfdj244YT/WMsz06KlwXBRjARJpyUrA/g78XaBty4vnwqT8fyPlocRgm6fIbHrdWMWXvKyQ3bDFk8doUR12RtxxwOCggksMAVZWQy/61lH07PE/0xqcXsGdEEancW1KodCtn4FxI4gqzCHtuJFEdgMEeEhFLLozmlQBTFTK9GSbgZGv6riDLQCfHhP+2TVWIwdGQeU1rovwxZZD7Zys+jmBrdFKKlNjpHFVMdBSVKY6bYetQDm7gndfYkZs3WRujuE/C2sYNxi3b+GdaZH61FGlTiA9sKl6/dWgUIepDh6daW4ylXrl9KyKqcbqN1NOEefynkvFHIamRxZfdgD5m5Uxk7OYaTM0MQlG4sDzPdiNmSCvWTZuiKr3ThspG412Y5imK8noDKu0AHu1Q3Ie3V1033J6ylSGU3Ls2UyiVUqCSS6lQzkIm5m1CDbyNKpaDVLbF+PSwKet4TVKpRWszWyqCVBZ2pbhG4rLolMAXoLT+3hMPFZAomnsCV7j87gs1DO8hQbFGQvAaXX1q/OWyrk+aTQMHzcJBYY7P6qAgA=) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAABMcAAsAAAAAKQAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFY7OUfZY21hcAAAAYQAAAF8AAAFbm7E/a5nbHlmAAADAAAAC2gAABkoVSH60GhlYWQAAA5oAAAALAAAADYQrkN9aGhlYQAADpQAAAAYAAAAJAC+AKxobXR4AAAOrAAAABAAAAEsG8AAAGxvY2EAAA68AAAAmAAAAJj+8wUMbWF4cAAAD1QAAAAfAAAAIAFtAORuYW1lAAAPdAAAASoAAAIWkIbJG3Bvc3QAABCgAAACegAABKhuvyZ0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGSIZ5zAwMrAwMDP4AwkeaG0HgMLgwQDAxMDKzMDVhCQ5prC4PCR8aMXQwKQywEmGRgYQQQA9CsGkQAAAHic7dNVjtxAAAbhmh0vzzIzMzMzz8n2QDlQnvLuE2xc8+cYsfR1yS2T1G2gHahXdisF1P5Qw+N3NVtrzdfpac0X/GpdUzhfNn9+qrHmWJ0XrbGturaonthBJ110V/f10qCPfgYYZIhhRhhljHEmmGSKaWaYZY55FlhkiWVWWGWNdTbYZIttdqr377HPAYccccwJp5xxzgWXXHHNDbfccc8DjzzxzAuvvPHOB5980aw+qoP/R8Oh/v3vrOm6RWsl2wJbD3dEWYRrW7aHu6XsCGxnYLsC2x3YnnAXlb2BbYRfV/YFtj+wA4EdDOxQYIcDOxLY0cCOBXY8sBOBnQzsVGCnAzsT2NnAzgV2PrALgV0M7FJglwO7EtjVwK4Fdj2wG4HdDOxWYLcDuxPY3fDPL/cCux/Yg8AeBvYosMeBPQnsaWDPAnse2IvAXgb2KrDXgb0J7G1g7wJ7H9iHwD4G9imwz4F9CexrYN8C+x7Yj8B+BvYrsM2g+RfxMsGseJyNWL1zJEcV756e/piPnR2tZnfm7ta6ZVfWLJasW+/XrPFZJ2MVlm2VSzY6Sqo6UxQJAQkBCQEJAQkBCQEJAQkBIYSQkpLy7/B73TP7cdJdeXamv/u9169f/97rZYLRc4ufYJpljFWjxayLrxwmPDvg0zM+P+Vzg8ePOlHU6VFyUozNvC4jAQXP0rnBz7A9UNGLUXe2GFW6O9N5heJXHdNPOhdJR3XMTSfpm87QoJz078/FtJLmv+BEAgTGdtappRC7WWNLgrGOnfsT/GjuYzZiJ2zBzthP2S/Yr9hv2O/YH9if2F/Y39g/2L9Ae6iy3nQ5P8rvFco3d+n1mHzkih/zunOx1VKV6xkVJVTJ7xXKN7fMmkK3Lr3Ds96aVMw59ziPPM/zPS9xtXd2Gn/gau+72qDNbSHyhO/7kau05Sffd6PabpS3kx247NQNOXbZnsu4BzK+EG7Ie9Tk8YTKPsSxtZOdRm+n9qxt+fCIiEAoW4E4P3Sjlm5UupMNdqj3XebeAQkDDqLjxjBWvMEWPmPX7I79nP2S/Zr9lv2e/ZH9mf2V/Z39k/2b/Yf9l/1vyy70/T1/s6VU91reMn1TaDZ0YyT3Kb/Ffu6xuC/8eszKbhnph55Os9W2ljS7ahsfu1rrIaOos2FDzDXW03fs8HiH5oGrfbRjsdFDpM8sZT/1azntjg5dbfKQoQ0fMpO65sT0ezsTLnZMaPwQzXpCx9W8h0gzh5cv2SuLl09hOUDLHHi5GAGq7OeO7UecMGF+1M+yyWrlm4HxhZRihWSVpScZIaqrUsJ4jYFfMEnoWVZ5dTPpqfS9C6R7x2uMfMnabJ9QepeLBuurhhiSmw1ps1qt8ZlwXhJmVsQg38H4caaSA9XfgHw/U+2nqtiB+S05JOs2dBavSeNIrcVxhLKt1bJ6vZc4nbRe0NDlQaejiuJsfx9p3X+GEdJyKXXuetyouv/c9b/gEEMP7/dfYoTtBzZr1+NGbekjtvrY1kRewgXmk40mVFd1bjd6+LBVdDc+787SAPZU0wOeJXwId3nGsR6dw/OBcbVF6VGSqObdophtNTe6ucIvorVvKF2pXq95f7RVxmhRz7lhAfblHcxrtmOUW/WSQCUUNdLkmAspBkJOQhkYZdyb+ZmfrDLaoknWNOId+74x9VqJvrY+euQI6TWXq8TOnzvC15g0t6TWsn3NPqxxmVXz5bSXqeFRea9wLpXEW+xkE0GpFDtZQ/dDUG7oOhrz5f3CgyQGDzFjW2sVLKQTjoDEnuw8W61WaZH2U3NYFP3Nebi157JHltzL2lwNn/Gj+Qu+nOq8N4XSP8k8713ZkonnHXv6NPG0l+x/kyF7V0qqHXvTRIhkn/mW3rfgTef0KXtGNBfzo5HOu6TrXJF9lU+50gd8NiWryMnudL6sTvloiPxZS8uO0lIoGYQyC7xQyqIdBC352UiGkkehj7oxgXje4lILJaRWngyDJ4Fn4taewMAUVRGbCDVjzdHp+hX7CrrussGOx7QG74wfjgdyTUmWidQ61FqCpQxDSmS7gCQHlDynrlAP6h4k071Wa4++htc1tNpiKcstrw284DSM9KwLa64Ka2FCFn6vl/ZNHEW3UpzbxkL1Wn0TRfFa9hugAWF25Ha0xCnQyIvJJL48SdMTA0ieGLbGpm9hV12LtEfAtCVUP5v2uqNuNdMJv3pOXArTF/IiuAi4n1pBgOjjwVCIhsYtVrF3H62P+diKbkUdXNupmEnAKNexsJPVoT35GHx6K48vL9PxOG3SG9M8b6HRfe0DjcnEfd9p/gMyQH1Fk27TEDX+fg0KbYtH8JF0GEubHvP8jC9IEy7UXSZwxX4aI/HinvAD/aivAjmM4ccP8UlPCR2sgkhv7efPcDpbDMewUjhz1hqfcToRADuVPeV09JbzK859D+fa/2h/Xx/KAEeRHH3Pm3KufIkjr6L9ff9QBV0u0Yx3jQFfgItHGAAPUupZNctn5VEYtHqB/0gGvcmjR4erOF5t+bNra18ARnf9mS3GQRIN8F3HgxgvjfJr2/im1m/XWSRNoDhCz0qr5Go0ntgnDZMkpO8EUcTYmCQZk5tY49QFU9ADaFT2tuSyVWyKeExJPy2KNF37vM144rKAOdtsbOLCnFByUY9P2Zaur1EiS3BoCOOZLdz5gQ2YLM0O03RssMI4fh4ztouhvXoWvCscRZcA2eZAjNWqryMVmtiEKorhbiI9GJDbGQzQvqZzDTrKYrHDYdwqF+exidPB+QnM31rcBjde2fXtWZuFmOXWpAFNSt3MLIXM+Ozs1/nYmc94M2VwPgef1PFpMP+GDdmpRacu6RCwMDpFJHLAz/gLjq2szoDQvVxTRLFx4lMfEIy7XKh95SmupOA8bqGufI06DDGKmvdLHyCcacOFr4QPq81MrI2PihhuDduyKbrHpzhvi1rn23HN60jdnVmv2+YJ1gl3ZU/kyc5FPwqSIEg6lAQ6MDhG3Be+8XALDAqz2kQwl/UoJKtAA86kR05WYKTEyb0n3/ecfPmuSNvCopdk2RJgIxa813Mz37C83AjyvLHzV+xz+CqKCsj/E+jAKdUclm5/F30XB2QibkeAgXYs9lIzdnFAqgMVJZEKNGykti26Wx6wD9jHFhGwpwk/9ZYveEaAYz094r/ylC+w9QceUGleVnRta/MyX07zA67LeXk0N/JTuR/5YWgENhb4pEM/VLjKciGy3eaWTLmAzj0tvC9pWgjVmzD0ISP3YUM0jwvjP3mtvaU0KEQScQAXjc2+hM0+ZkvohMKi0sUoZAFrOVVWQVAXxFC3ala2JMGPISBXKpF7kZKeh431W37irdsgS93o82NPeFylqqWiPYJfD6AuEhHC1B9oFZ6oMfQD2EhA/wINrVmecQqfTZBcG2eOzVq+wWq62A0bd3cRAM2wIYtSjeoAvIlPjnSsFReZyjgijljTG0XtMLxBKdQcHZBfxwlOVtimnk0McMFWxA3HFte4VZY17Sv0ULvO0XixaX/u2mEH4yzrb9prOrAZNB5S++YeJdx9DnDxWpRwMR6b9R0K0P/A/emKzckyafbVanWy9rt34Cihm5n9Nw23mYpc7qJ2MOSIwUiNEM/QxZGCm00rXHJq0nMpCO7SVEi6+A5wYbAVZH1yQoh13A1WkctWJqUGdCJb29pL7CP8VEVumWyLELgqfwyog0mb9ov2SfsCpZBz3R6iso2tt/A2dKeyd2oIjfO6Aw8XkBFvtvWfJNXTw63r6u49aovSVWEKvCeUFBvsJF8VA50O7OhZ3uCGXm+OQ435EUImv/5TYzCIV1Knk1TfpJn7k6CfFVqSC5V6HQdeWE1QhK5wk+XTHPj2hUpM0vNDkfaC5HApZdoSYWySwzWeky+TkH4PngZWuKxGSneXVamqo1L3cvinxINK8gVMfll1L6Tihu8HWsncOpawY1pat0wQRQEYB7JtcFT9JzRC9joxD5I0CbjxWp2Wt+Pvd2LlRR0rxxQpFkUTKst6bXfYZ/K3XYvqjREvyLRyCi3waeuCXdhg74WHpk8PuWK8Lmy/HkBnKVSZ9qnRxhGyxvI7G4Xm7AkrSabGVF1snpN8+Cimz8vNdTclfBcuoedxqMLmbW4KSNZsB1v96z34HCtseL+V82Bgw3mb0PMQh3o9d9Bwlz2yfvB9uqvXBK1+mo80ntMH1SG+oJjdWrCja1L7u7SUx2lm9RhbhOi7ILwf28epeKPLOxujPsHdcmR1udZWVVabhQGEAA6NBPiOwo1yVpuVOf54T7b6e9QZ28Q+a13esU+2dPkWbrcPcBhTg4Wg1D6vnS3YN3ahxInNcc4+MC2VjJKguycCv3eOW/ZhYuJQtNIGYz61d2z3D0tePbN/EeWTlux0ZMumeUt1Oupdm/4fsaX2ynicY2BkYGAA4qPuv0/H89t8ZeBmSACKMNyY2fQAmWaIBYtzMDCBOABgrQtMeJxjYGRgYEhgYICTsQyMDKjAGwAcigFreJxjYACChFFMDAYAKNwbwQAAAAAAJABCAGABZgKYAsQC1AL0AxgDPANMA1wDbAN8A54DygPkBBQEMgReBIoEoATIBRQFSgVyBYoFrAXIBeoGCgYsBloGjAakBroG3gb2BxAHLAdQB2YHhAeaB+QINAhqCJQI9AlGCVoJjAmYCaQJsAm8CdwJ6AoqCkgKbgqCCrAKzAsICx4LUAuOC7gL9gw0DF4MegyUeJxjYGRgYPBmuMEgwQACTEDMBYQMDP/BfAYAJ3MCUgB4nGWNS27CMBRFb/i1BalFqtQO61EHVAqfIQuAOQNmHYTEgaAkjhyDYNYVdAldQldRdQVdEDfpYwK25Hfe8bUfgD5+4aFaHm7rs1oN3LD75ybpQbhFfhZuo4cX4Q79QLiLN0yEe3jEO3/wWnc0fRTCDdzjQ7hJ/yncIn8Jt/GEb+EO/Y9wF0v8Cffw6g2izSEJTV4u9HqXBvbcnutS2zIxuRr7o7Oa61zbwOlIrY6q3K8nzsUqtiZTM5M7naZGFdZsdej8jXPFdDiMxfuhyRBhgwMShDDIUWIBjTV2SBHAXt1e9kumLWtS9wpj+BhdpeZM5XUygGONmFzhyLPEntMmtA4x+5gZg4w0q99W6ZTb0BT13ZYmpPc5o3pVYIohd3yR9+vp2Qk9lV6oAAB4nH1T6XraMBBkGo4QHEJCmiZtet+Het/3faUvIew16EOWXCET6NNX8pGEfm35YXZG3l3N7Lp2rPb/3x6OYQl1NNBEC8toYwUdBFhFF2voYR0b6GMTx7GFE9jGDk7iFHZxGmdwFudwHhdwEZdwGVdwFddwHTdwE7fAcBt3cBf3cB8P8BCP8BhP8BTP8Bwv8BKv8Bpv8Bbv8B4f8BGf8Blf8BXf8B17+FELuCRjWShMKKnLjdH7LNRS8nRCQQFplnIVLQ9kZpiO47oPuqHLUxE3zOqIzxvhiMLxVv4c6BkbSK7GTGdWCkWHdMLNmKKy2dofdODw1GjFIr2vDoCk2K5WwIjhyK5UKEsbodThOHDPCZVVGznoRiTJEou1oSmZZgHXIm0nbKSN+KWV5XI1x+7cCidn2feVmkdNMnxCpkVz8nqX3H8nFpK8EdrYrostGTblRnBlO7GWkYM6JdUs4r5rm3DLuBRDxUJS7vX1Bc6r2lhgcmmdkhq4MlWCG4Y2zPWUi4ylmV0tGeHEiLBq6z1nk5SHQg2rJj8z7ezIvVlfoPy1N0tmYo0Ykx0ZnQ1HvZLMlFPkS+6WROVXefGBtlYn/zgstO/8/dDqtBdnKrTCDbN0sz8imZajrPanL1RRwL9XcktjmvdcMK4S/aSCo0TLj9I50Er4UIl43k5IZfluFZEfwUoe5da38jBL24lQ2cSpmjXyqKWyhIwIm86nUMhOKt1pcb+6j1upEV5j3VCkA6Mtd6bmFYOJW5bqNtuWD5wiN7osUSwvMiC/nf2FA0OJnlJwlNssgP8Q8zQeu269Q7JIaR8QdTcwvZUpv4oscR2OLHyt9hsthYOyAAA=) format("woff")} .dxi:before{font-family:dhxicons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .dxi.dxi-alert-circle:before{content:"\F101"} .dxi.dxi-arrow-collapse:before{content:"\F102"} .dxi.dxi-arrow-expand:before{content:"\F103"} .dxi.dxi-blur-off:before{content:"\F104"} .dxi.dxi-blur:before{content:"\F105"} .dxi.dxi-calendar-today:before{content:"\F106"} .dxi.dxi-check:before{content:"\F107"} .dxi.dxi-checkbox-blank-outline:before{content:"\F108"} .dxi.dxi-checkbox-marked-circle:before{content:"\F109"} .dxi.dxi-checkbox-marked:before{content:"\F10A"} .dxi.dxi-chevron-down:before{content:"\F10B"} .dxi.dxi-chevron-left:before{content:"\F10C"} .dxi.dxi-chevron-right:before{content:"\F10D"} .dxi.dxi-chevron-up:before{content:"\F10E"} .dxi.dxi-clock:before{content:"\F10F"} .dxi.dxi-close-circle:before{content:"\F110"} .dxi.dxi-close:before{content:"\F111"} .dxi.dxi-delete-forever:before{content:"\F112"} .dxi.dxi-delete:before{content:"\F113"} .dxi.dxi-dots-horizontal:before{content:"\F114"} .dxi.dxi-dots-vertical:before{content:"\F115"} .dxi.dxi-download:before{content:"\F116"} .dxi.dxi-eraser:before{content:"\F117"} .dxi.dxi-eye-off:before{content:"\F118"} .dxi.dxi-eye:before{content:"\F119"} .dxi.dxi-file-export:before{content:"\F11A"} .dxi.dxi-filter-variant:before{content:"\F11B"} .dxi.dxi-folder-open:before{content:"\F11C"} .dxi.dxi-folder:before{content:"\F11D"} .dxi.dxi-format-align-center:before{content:"\F11E"} .dxi.dxi-format-align-left:before{content:"\F11F"} .dxi.dxi-format-align-right:before{content:"\F120"} .dxi.dxi-format-bold:before{content:"\F121"} .dxi.dxi-format-color-fill:before{content:"\F122"} .dxi.dxi-format-color-text:before{content:"\F123"} .dxi.dxi-format-italic:before{content:"\F124"} .dxi.dxi-format-line-spacing:before{content:"\F125"} .dxi.dxi-format-quote-close:before{content:"\F126"} .dxi.dxi-format-quote-open:before{content:"\F127"} .dxi.dxi-format-strikethrough:before{content:"\F128"} .dxi.dxi-format-underline:before{content:"\F129"} .dxi.dxi-format-vertical-align-bottom:before{content:"\F12A"} .dxi.dxi-format-vertical-align-center:before{content:"\F12B"} .dxi.dxi-format-vertical-align-top:before{content:"\F12C"} .dxi.dxi-function-variant:before{content:"\F12D"} .dxi.dxi-help-circle-outline:before{content:"\F12E"} .dxi.dxi-information-outline:before{content:"\F12F"} .dxi.dxi-key:before{content:"\F130"} .dxi.dxi-link-variant-off:before{content:"\F131"} .dxi.dxi-link-variant:before{content:"\F132"} .dxi.dxi-loading:before{content:"\F133"} .dxi.dxi-magnify:before{content:"\F134"} .dxi.dxi-menu-down:before{content:"\F135"} .dxi.dxi-menu-left:before{content:"\F136"} .dxi.dxi-menu-right:before{content:"\F137"} .dxi.dxi-menu-up:before{content:"\F138"} .dxi.dxi-minus-box:before{content:"\F139"} .dxi.dxi-minus:before{content:"\F13A"} .dxi.dxi-numeric:before{content:"\F13B"} .dxi.dxi-pencil:before{content:"\F13C"} .dxi.dxi-plus-circle:before{content:"\F13D"} .dxi.dxi-plus:before{content:"\F13E"} .dxi.dxi-printer:before{content:"\F13F"} .dxi.dxi-redo:before{content:"\F140"} .dxi.dxi-rotate-right:before{content:"\F141"} .dxi.dxi-sort-variant:before{content:"\F142"} .dxi.dxi-table-column-plus-before:before{content:"\F143"} .dxi.dxi-table-column-remove:before{content:"\F144"} .dxi.dxi-table-column:before{content:"\F145"} .dxi.dxi-table-row-plus-after:before{content:"\F146"} .dxi.dxi-table-row-remove:before{content:"\F147"} .dxi.dxi-table-row:before{content:"\F148"} .dxi.dxi-undo:before{content:"\F149"} .dxi.dxi-unfold-more-horizontal:before{content:"\F14A"} .dxi{display:inline-block;text-rendering:auto;line-height:0;font-size:0} .dxi:before{font-size:20px} .dxi--small:before{font-size:16px} .dxi--medium:before{font-size:20px} .dxi--large:before{font-size:24px} .dhx_checkbox__input,.dhx_radiobutton__input,.dhx_visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0} .dhx_button,.dhx_no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .dhx_button{display:inline-block;padding:0;margin:0;font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-align:center;color:rgba(0,0,0,.7);vertical-align:middle;background-image:none;border-radius:2px;border:0;touch-action:manipulation;-webkit-appearance:button;background-color:transparent;cursor:pointer} .dhx_button:active,.dhx_button:focus{outline:none} .dhx_button__icon,.dhx_button__text{vertical-align:middle;pointer-events:none} .dhx_button--width_full{display:block;width:100%} .dhx_button--circle.dhx_button--size_small{border-radius:28px} .dhx_button--circle.dhx_button--size_medium{border-radius:32px} .dhx_button--circle .dhx_button__icon{display:block} .dhx_button--disabled,.dhx_button:disabled{pointer-events:none} .dhx_button--icon.dhx_button--circle{border-radius:50%} .dhx_button--icon.dhx_button--size_medium,.dhx_button--icon.dhx_button--size_small{padding-left:6px;padding-right:6px} .dhx_button--loading{position:relative} .dhx_button--loading .dhx_button__icon,.dhx_button--loading .dhx_button__text{visibility:hidden} .dhx_button--size_small{padding:6px 12px;line-height:16px} .dhx_button--size_small .dhx_button__icon:before{font-size:16px;line-height:16px} .dhx_button--size_small.dhx_button--loading:before{font-size:16px;margin-top:-8px;margin-left:-8px} .dhx_button--size_medium{padding:6px 16px;text-transform:uppercase} .dhx_button--size_medium .dhx_button__icon:before{font-size:20px} .dhx_button--size_medium.dhx_button--loading:before{font-size:20px;margin-top:-10px;margin-left:-10px} .dhx_button--type_flat{color:#fff;transition:background-color .2s ease-in,color .2s ease-in,box-shadow .2s ease-in} .dhx_button--type_flat:focus,.dhx_button--type_flat:hover{transition:background-color .2s ease-out,color .2s ease-out,box-shadow .2s ease-out} .dhx_button--type_flat.dhx_button--color_primary{background-color:#0288d1;outline-width:0} .dhx_button--type_flat.dhx_button--color_primary.dhx_button--active,.dhx_button--type_flat.dhx_button--color_primary:hover{background-color:#35a0da} .dhx_button--type_flat.dhx_button--color_primary:focus{box-shadow:0 0 1px 2px #0288d1} .dhx_button--type_flat.dhx_button--color_primary:active{background-color:#0288d1;box-shadow:none} .dhx_button--type_flat.dhx_button--color_primary:disabled{background-color:#81c4e8} .dhx_button--type_flat.dhx_button--color_secondary{background-color:#4d4d4d;outline-width:0} .dhx_button--type_flat.dhx_button--color_secondary.dhx_button--active,.dhx_button--type_flat.dhx_button--color_secondary:hover{background-color:#717171} .dhx_button--type_flat.dhx_button--color_secondary:focus{box-shadow:0 0 1px 2px #4d4d4d} .dhx_button--type_flat.dhx_button--color_secondary:active{background-color:#4d4d4d;box-shadow:none} .dhx_button--type_flat.dhx_button--color_secondary:disabled{background-color:#a6a6a6} .dhx_button--type_flat.dhx_button--color_danger{background-color:#ff5252;outline-width:0} .dhx_button--type_flat.dhx_button--color_danger.dhx_button--active,.dhx_button--type_flat.dhx_button--color_danger:hover{background-color:#ff7575} .dhx_button--type_flat.dhx_button--color_danger:focus{box-shadow:0 0 1px 2px #ff5252} .dhx_button--type_flat.dhx_button--color_danger:active{background-color:#ff5252;box-shadow:none} .dhx_button--type_flat.dhx_button--color_danger:disabled{background-color:#ffa9a9} .dhx_button--type_flat.dhx_button--color_success{background-color:#0ab169;outline-width:0} .dhx_button--type_flat.dhx_button--color_success.dhx_button--active,.dhx_button--type_flat.dhx_button--color_success:hover{background-color:#3bc187} .dhx_button--type_flat.dhx_button--color_success:focus{box-shadow:0 0 1px 2px #0ab169} .dhx_button--type_flat.dhx_button--color_success:active{background-color:#0ab169;box-shadow:none} .dhx_button--type_flat.dhx_button--color_success:disabled{background-color:#85d8b4} .dhx_button--type_link{background:transparent;transition:background-color .2s ease-in,box-shadow .2s ease-in} .dhx_button--type_link:focus,.dhx_button--type_link:hover{transition:background-color .2s ease-out,box-shadow .2s ease-out} .dhx_button--type_link.dhx_button--color_primary{color:#0288d1;outline-width:0} .dhx_button--type_link.dhx_button--color_primary.dhx_button--active,.dhx_button--type_link.dhx_button--color_primary:hover{background-color:#d9edf8} .dhx_button--type_link.dhx_button--color_primary:focus{box-shadow:0 0 1px 2px #d9edf8} .dhx_button--type_link.dhx_button--color_primary:disabled{color:#81c4e8} .dhx_button--type_link.dhx_button--color_secondary{color:#4d4d4d;outline-width:0} .dhx_button--type_link.dhx_button--color_secondary.dhx_button--active,.dhx_button--type_link.dhx_button--color_secondary:hover{background-color:#e4e4e4} .dhx_button--type_link.dhx_button--color_secondary:focus{box-shadow:0 0 1px 2px #e4e4e4} .dhx_button--type_link.dhx_button--color_secondary:disabled{color:#a6a6a6} .dhx_button--type_link.dhx_button--color_danger{color:#ff5252;outline-width:0} .dhx_button--type_link.dhx_button--color_danger.dhx_button--active,.dhx_button--type_link.dhx_button--color_danger:hover{background-color:#ffe5e5} .dhx_button--type_link.dhx_button--color_danger:focus{box-shadow:0 0 1px 2px #ffe5e5} .dhx_button--type_link.dhx_button--color_danger:disabled{color:#ffa9a9} .dhx_button--type_link.dhx_button--color_success{color:#0ab169;outline-width:0} .dhx_button--type_link.dhx_button--color_success.dhx_button--active,.dhx_button--type_link.dhx_button--color_success:hover{background-color:#daf3e9} .dhx_button--type_link.dhx_button--color_success:focus{box-shadow:0 0 1px 2px #daf3e9} .dhx_button--type_link.dhx_button--color_success:disabled{color:#85d8b4} .dhx_form-group{position:relative;padding-bottom:16px} .dhx_form-group[class*=dxi-] .dhx_input{padding-right:24px} .dhx_form-group[class*=dxi-]:before{display:inline-block;position:absolute;right:4px;top:30px;font-size:20px;font-weight:400;line-height:1;color:rgba(0,0,0,.5);pointer-events:none} .dhx_form-group--no-message-holder{padding-bottom:0} .dhx_form-group--type_inline{display:flex;width:100%;justify-content:flex-end;align-items:center} .dhx_form-group--type_inline[class*=dxi-]:before{top:6px} .dhx_form-group--type_inline:not(.dhx_form-group--label_sr) .dhx_input{display:inline-block;flex:1} .dhx_form-group--type_inline:not(.dhx_form-group--label_sr) .dhx_input-caption{left:100px} .dhx_form-group--type_inline .dhx_label{position:relative;width:92px;max-height:40px;margin-right:8px;margin-bottom:0;text-align:right} .dhx_form-group--required .dhx_label{padding-right:8px;position:relative} .dhx_form-group--required .dhx_label:after{content:"*";display:block;position:absolute;top:0;right:0} .dhx_form-group--state_error .dhx_input-caption,.dhx_form-group--state_error .dhx_label{color:#ff5252} .dhx_form-group--state_error .dhx_input,.dhx_form-group--state_error .dhx_input:focus{box-shadow:inset 0 0 0 1px #ffbaba} .dhx_form-group--state_success .dhx_input-caption,.dhx_form-group--state_success .dhx_label{color:#0ab169} .dhx_form-group--state_success .dhx_input,.dhx_form-group--state_success .dhx_input:focus{box-shadow:inset 0 0 0 1px #9de0c3} .dhx_form-group--label_sr[class*=dxi-]:before{top:6px} .dhx_form-group--label_sr .dhx_label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .dhx_label{display:inline-block;max-width:100%;font-weight:500;transition:color .2s ease-in;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis} .dhx_input,.dhx_label{font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;font-size:14px;line-height:20px;color:rgba(0,0,0,.7)} .dhx_input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:auto;padding:6px 8px;margin:0;background-color:#f6f6f6;background-clip:padding-box;box-shadow:inset 0 0 0 1px #dfdfdf;border:0;border-radius:0;outline:0;transition:border-color .2s ease-in,box-shadow .2s ease-in} .dhx_input::-webkit-input-placeholder{color:rgba(0,0,0,.5)} .dhx_input:-ms-input-placeholder,.dhx_input::-ms-input-placeholder{color:rgba(0,0,0,.5)} .dhx_input::-webkit-input-placeholder{color:rgba(0,0,0,.5)} .dhx_input::-moz-placeholder{color:rgba(0,0,0,.5)} .dhx_input:-ms-input-placeholder{color:rgba(0,0,0,.5)} .dhx_input::-ms-input-placeholder{color:rgba(0,0,0,.5)} .dhx_input::placeholder{color:rgba(0,0,0,.5)} .dhx_input:focus{box-shadow:inset 0 0 0 1px #67b8e3} .dhx_input:disabled{box-shadow:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .dhx_input:disabled::-webkit-input-placeholder{opacity:.8} .dhx_input:disabled:-ms-input-placeholder{opacity:.8} .dhx_input:disabled::-ms-input-placeholder{opacity:.8} .dhx_input:disabled::-moz-placeholder{opacity:.8} .dhx_input:disabled::placeholder{opacity:.8} .dhx_input-caption{position:absolute;left:0;bottom:1px;max-width:100%;font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:rgba(0,0,0,.5);white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis} .dhx_checkbox{position:relative;display:inline-block;padding-bottom:20px;padding-top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer} .dhx_checkbox__visual-input{position:absolute;display:inline-block;border:2px solid rgba(0,0,0,.5);bottom:4px;left:0;width:20px;height:20px;background-color:#fff;border-radius:2px} .dhx_checkbox--inline{padding-bottom:0;padding-left:24px} .dhx_checkbox--inline .dhx_checkbox__visual-input{bottom:auto;top:0} .dhx_checkbox__input:disabled+*+.dhx_label,.dhx_checkbox__input:disabled+.dhx_checkbox__visual-input{opacity:.6} .dhx_checkbox__input:focus+.dhx_checkbox__visual-input{border-color:#0288d1} .dhx_checkbox__input:focus+*+.dhx_label{color:#0288d1} .dhx_checkbox__input:checked+.dhx_checkbox__visual-input{background-color:#0288d1;background-position:50%;background-size:cover;border-color:#0288d1;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxIDdMOSAxOWwtNS41LTUuNSAxLjQxLTEuNDFMOSAxNi4xNyAxOS41OSA1LjU5IDIxIDd6Ii8+PC9zdmc+);transition:background-color .2s ease-out} .dhx_radiobutton{position:relative;display:inline-block;padding-bottom:20px;padding-top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer} .dhx_radiobutton__visual-input{position:absolute;display:inline-block;border:2px solid rgba(0,0,0,.5);bottom:4px;left:0;width:20px;height:20px;background-color:#fff;border-radius:50%} .dhx_radiobutton--inline{padding-bottom:0;padding-left:24px} .dhx_radiobutton--inline .dhx_radiobutton__visual-input{bottom:auto;top:0} .dhx_radiobutton__input:disabled+*+.dhx_label,.dhx_radiobutton__input:disabled+.dhx_radiobutton__visual-input{opacity:.6} .dhx_radiobutton__input:focus+.dhx_radiobutton__visual-input{border-color:#0288d1} .dhx_radiobutton__input:focus+*+.dhx_label{color:#0288d1} .dhx_radiobutton__input:checked+.dhx_radiobutton__visual-input{background-color:#0288d1;border-color:#0288d1;box-shadow:inset 0 0 0 4px #fff;transition:background-color .2s ease-out} .dhx_richtext-editor{font-family:Roboto,Arial,Tahoma,Verdana,sans-serif} .dhx_richtext-editor h1,.dhx_richtext-editor h2,.dhx_richtext-editor h3,.dhx_richtext-editor h4,.dhx_richtext-editor h5,.dhx_richtext-editor h6{margin-top:12px;margin-bottom:18px;font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;font-weight:700;line-height:1.2;color:#4d4d4d} .dhx_richtext-editor h1{font-size:36px} .dhx_richtext-editor h2{font-size:32px} .dhx_richtext-editor h3{font-size:28px} .dhx_richtext-editor h4{font-size:24px} .dhx_richtext-editor h5{font-size:20px;margin-bottom:12px} .dhx_richtext-editor h6{font-size:16px;margin-bottom:12px} .dhx_richtext-editor .bold{font-weight:700} .dhx_richtext-editor p{color:#4d4d4d;font-size:14px;line-height:1.5;margin-top:12px;margin-bottom:12px} .dhx_richtext-editor a{text-decoration:none;color:#0288d1;cursor:text} .dhx_richtext-editor a.dhx--link_edited{background-color:#d9edf8} .dhx_richtext-editor blockquote{position:relative;padding-top:10px;padding-left:32px;margin:24px 0;border-top:2px solid rgba(0,0,0,.3)} .dhx_richtext-editor blockquote:after{content:"";display:block;position:absolute;width:24px;height:24px;top:8px;left:4px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0icmdiYSgwLCAwLCAwLCAwLjMpIiBkPSJNMTQgMTdoM2wyLTRWN2gtNnY2aDNNNiAxN2gzbDItNFY3SDV2NmgzbC0yIDR6Ii8+PC9zdmc+)} .dhx_richtext__menu-text--h1 .dhx_menu__text{font-size:36px;line-height:1.2;font-weight:700} .dhx_richtext__menu-text--h2 .dhx_menu__text{font-size:32px;line-height:1.2;font-weight:700} .dhx_richtext__menu-text--h3 .dhx_menu__text{font-size:28px;line-height:1.2;font-weight:700} .dhx_richtext__menu-text--h4 .dhx_menu__text{font-size:24px;line-height:1.2;font-weight:700} .dhx_richtext__menu-text--h5 .dhx_menu__text{font-size:20px;line-height:1.2;font-weight:700} .dhx_richtext__menu-text--h6 .dhx_menu__text{font-size:16px;line-height:1.2;font-weight:700} .dhx_richtext{height:100%;min-width:950px} .dhx_richtext .dhx_toolbar__list{padding-top:8px;padding-bottom:8px} .dhx_richtext .dhx_toolbar-button:focus,.dhx_richtext .dhx_toolbar-button:hover{background:rgba(0,0,0,.07)} .dhx_richtext .dhx_toolbar-button--active{background:rgba(0,0,0,.15)} .dhx_richtext .dhx_toolbar-button .dhx_button__icon{font-size:20px;width:20px;height:20px} .dhx_toolbar__height-holder{display:flex;flex:1;flex-direction:column;height:100%} .dhx_richtext__editor-holder{flex:1;position:relative} .dhx_richtext--mode_classic .dhx_richtext__editor{position:absolute;top:0;right:0;bottom:0;left:0;min-height:1px;overflow-y:auto} .dhx_richtext--mode_document .dhx_richtext__overflow-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ededed;height:100%;overflow-y:auto;padding:20px} .dhx_richtext--mode_document .dhx_richtext__editor{width:900px;min-height:100%;margin-bottom:20px;margin-left:auto;margin-right:auto;box-shadow:0 2px 4px rgba(0,0,0,.15);border:0} @supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dhx_richtext--mode_document .dhx_richtext__editor{margin-bottom:0}} .dhx_richtext--fullscreen{max-width:100vw;max-height:100vh;overflow:hidden} .dhx_richtext--fullscreen .dhx_toolbar__height-holder{height:100%!important} .dhx_richtext--fullscreen .dhx_richtext{position:fixed;top:0;right:0;left:0;bottom:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;z-index:2147483646;pointer-events:all;height:100%} .dhx_richtext__background-color,.dhx_richtext__text-color{border:0;border-bottom-width:3px;border-style:solid;margin-bottom:-3px} .dhx_richtext-editor{padding:16px 28px;background-color:#fff;border:1px solid #e4e4e4;border-top:0 solid #e4e4e4;overflow-wrap:break-word;word-wrap:break-word;white-space:pre-wrap} .dhx_richtext-editor:focus{outline:0} .dhx_richtext-editor ::-moz-selection{background-color:#81c4e8} .dhx_richtext-editor ::selection{background-color:#81c4e8} .dhx_richtext--mode_document .dhx_richtext-editor{border:0;padding:48px 60px} .dhx_richtext--mode_document .dhx_richtext__overflow-wrapper{border:1px solid #e4e4e4;border-top:0 solid #e4e4e4} .dhx_richtext-linkeditor{padding:12px;display:flex;font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;line-height:20px;box-shadow:0 2px 5px rgba(0,0,0,.3);border-radius:2px} .dhx_richtext-linkeditor .dhx_form-group:last-child{padding-bottom:0} .dhx_richtext-linkeditor__input .dhx_label{width:28px;top:0;left:0;color:rgba(0,0,0,.7)} .dhx_richtext-linkeditor__input .dhx_input{min-width:180px} .dhx_richtext-linkeditor__controls{margin-left:16px;margin-bottom:0;margin-top:auto} .dhx_richtext-linkeditor__controls .dhx_button:not(:last-child){margin-right:4px} .dhx_richtext-linkeditor__link{align-self:center;max-width:150px;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#0288d1} .dhx_richtext-linkeditor__link--editing{background:#81c4e8} .dhx_richtext-stat{margin:0;padding:8px;list-style:none;box-shadow:0 2px 5px rgba(0,0,0,.3);border-radius:2px} .dhx_richtext-stat__item{font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;line-height:20px;font-size:14px;margin-bottom:4px} .dhx_richtext-stat__item:last-child{margin-bottom:0} .dhx_richtext-stat__name{padding-right:4px;text-transform:capitalize} .dhx_richtext-stat__name:after{content:":"} .dhx_richtext-stat__value{font-weight:700} .dhx_richtext__dropdown.dhx_toolbar-button{min-height:32px;padding-right:32px;position:relative} .dhx_richtext__dropdown.dhx_toolbar-button .dhx_button__icon--menu-down{position:absolute;top:50%;right:12px;transform:translateY(-50%)} .dhx_richtext__dropdown--force_max-width .dhx_button__text{display:block;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dhx_richtext__dropdown--mw_35 .dhx_button__text{width:35px} .dhx_richtext__dropdown--mw_50 .dhx_button__text{width:50px} .dhx_richtext__dropdown--mw_75 .dhx_button__text{width:75px} .dhx_colorpicker{font-family:Roboto,sans-serif;box-sizing:border-box;padding:8px;box-shadow:0 2px 5px rgba(0,0,0,.3);background-color:#fff;border-radius:2px} .dhx_colorpicker,.dhx_palette{overflow:hidden;width:100%;height:100%} .dhx_palette{margin:0;white-space:nowrap} .dhx_palette--custom{display:flex;flex-wrap:wrap;max-width:236px} .dhx_palette--custom .dhx_custom-color__cell{margin-bottom:2px} .dhx_palette__col{display:inline-block} .dhx_palette__col:last-child .dhx_palette_cell{margin-right:0} .dhx_palette__row .dhx_palette__cell{display:inline-block;margin-bottom:6px} .dhx_palette__row .dhx_palette__cell:last-child{margin-right:0} .dhx_palette__row--last{margin-bottom:0} .dhx_palette__cell{position:relative;width:20px;height:20px;margin:0 2px 2px 0;vertical-align:top;border:2px solid transparent} .dhx_palette__cell,.dhx_palette__cell:after{transition:border .2s ease-in} .dhx_palette__cell:after{content:"";display:block;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1px solid transparent} .dhx_palette__cell:last-child{margin-bottom:0} .dhx_palette__cell--selected,.dhx_palette__cell:hover{border:2px solid hsla(0,0%,100%,.6);transition:border .2s ease-out} .dhx_palette__cell--selected:after,.dhx_palette__cell:hover:after{border:1px solid rgba(0,0,0,.6);transition:border .2s ease-out} .dhx_colorpicker-custom-colors{font-size:14px;color:#909cad} .dhx_colorpicker-custom-colors__header{font-size:14px;padding:12px 0 4px;letter-spacing:-.2px} .dhx_colorpicker-custom-colors__hint{display:none} .dhx_colorpicker-custom-colors:hover .dhx_colorpicker-custom-colors__hint{display:inline} .dhx_colorpicker-custom-colors__picker{display:inline-block;width:20px;height:20px;cursor:pointer;color:#909cad;box-shadow:inset 0 0 0 1px #909cad} .dhx_colorpicker-picker__palette{position:relative;width:100%;border-radius:2px;overflow:hidden} .dhx_colorpicker-picker__palette:before{content:"";height:100%;width:100%;position:absolute;top:0;left:0;background-image:linear-gradient(0deg,#000,hsla(0,0%,100%,0));z-index:2} .dhx_colorpicker-picker__palette:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(90deg,#fff,hsla(20,42%,65%,0));z-index:1} .dhx_colorpicker-picker__buttons{display:flex;padding:12px 0 0;justify-content:flex-end} .dhx_colorpicker-picker__buttons .dhx_button:first-child{margin-right:4px} .dhx_colorpicker-hue-range{position:relative;width:100%;margin:4px 0 8px;border-radius:2px;background-image:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)} .dhx_colorpicker-hue-range__grip{width:6px;height:100%} .dhx_colorpicker-hue-range__grip,.dhx_palette_grip{position:absolute;top:0;left:0;border:1px solid #fff;background:transparent;box-shadow:0 2px 5px 0 rgba(0,0,0,.3)} .dhx_palette_grip{width:10px;height:10px;border-radius:50%;z-index:10} .dhx_colorpicker-value{display:flex;flex-direction:row;height:32px;justify-content:space-between} .dhx_colorpicker-value__color{width:100px;border:1px solid transparent;border-radius:2px;margin-right:8px} .dhx_colorpicker-value__input-wrapper{position:relative;border:1px solid #d4dde7} .dhx_colorpicker-value__input-wrapper:before{content:"#";position:absolute;top:5px;left:8px;color:#909cad} .dhx_colorpicker-value__input{width:100px;height:100%;padding:0 0 4px 24px;line-height:20px;font-size:14px;color:rgba(0,0,0,.7);border:none;border-radius:2px;outline:none} .dhx_popup{position:fixed;z-index:999;box-sizing:border-box;-webkit-animation:a .2s ease-in-out forwards;animation:a .2s ease-in-out forwards;background:#fff;will-change:transform} .dhx_popup--window_modal{z-index:2147483647} .dhx_popup--window_active{z-index:1000} .dhx_popup.hide{-webkit-animation:b .2s ease-in-out forwards;animation:b .2s ease-in-out forwards} .dhx_popup:focus{outline:none} .dhx_widget--fullscreen .dhx_popup{z-index:2147483647} @-webkit-keyframes a{0%{transform:translateY(30%);opacity:0}to{transform:translateY(0);opacity:1}} @keyframes a{0%{transform:translateY(30%);opacity:0}to{transform:translateY(0);opacity:1}} @-webkit-keyframes b{0%{transform:translateY(0);opacity:1}to{transform:translateY(30%);opacity:0}} @keyframes b{0%{transform:translateY(0);opacity:1}to{transform:translateY(30%);opacity:0}} .dhx_menu{padding:0;margin:0;background:#fff;list-style:none;box-shadow:0 2px 4px rgba(0,0,0,.15);z-index:999} .dhx_widget--fullscreen .dhx_menu{z-index:2147483647} .dhx_menu__item{min-width:170px} .dhx_menu__button{padding:6px 12px 6px 8px;display:inline-flex;text-align:left} .dhx_menu__text{font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;font-size:14px;line-height:20px;color:rgba(0,0,0,.7)} .dhx_menu__icon{color:rgba(0,0,0,.7);margin-right:12px} .dhx_menu__icon:before{font-size:20px;line-height:20px} .dhx_menu__icon--submenu{margin-right:0;margin-left:auto;vertical-align:middle} .dhx_menu__hotkey{padding-left:16px;margin-left:auto;margin-right:0;font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;color:rgba(0,0,0,.5);font-size:14px;line-height:20px} .dhx_menu__separator{align-self:stretch;height:1px;margin:2px 8px;background-color:#dfdfdf} .dhx-message-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;position:absolute;max-height:100%;width:240px;padding:4px} .dhx-message-container--top-left{top:0;left:0} .dhx-message-container--top-right{top:0;right:0} .dhx-message-container--bottom-left{bottom:0;left:0} .dhx-message-container--bottom-right{bottom:0;right:0} .dhx-message-container--in-body{position:fixed} .dhx_message{display:flex;justify-content:space-between;flex-shrink:0;width:100%;padding:12px;margin-bottom:4px;border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .dhx_message__text{font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;font-weight:500;line-height:20px;font-size:14px;color:rgba(0,0,0,.7);overflow-wrap:break-word;word-wrap:break-word;word-break:break-all} .dhx_message__icon{align-self:center;padding-left:8px;color:rgba(0,0,0,.7)} .dhx_message--error .dhx_message__icon,.dhx_message--error .dhx_message__text,.dhx_message--success .dhx_message__icon,.dhx_message--success .dhx_message__text{color:#fff} .dhx_message--error{background-color:#ff5252} .dhx_message--success{background-color:#0ab169} .dhx_alert{display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;padding:24px;background:#fff;border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.3);will-change:transform;z-index:2147483647} .dhx_alert__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2147483646} .dhx_alert__header{position:relative;margin-bottom:20px;font-weight:500;line-height:20px;text-transform:uppercase;color:rgba(0,0,0,.7)} .dhx_alert__content,.dhx_alert__header{font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;font-size:14px} .dhx_alert__content{height:100%;font-weight:400;color:rgba(0,0,0,.5);line-height:1.3;overflow-y:auto;overflow-wrap:break-word;word-wrap:break-word} .dhx_alert__footer{margin-top:20px;display:flex;justify-content:flex-start} .dhx_alert__footer--center{justify-content:center} .dhx_alert__footer--right{justify-content:flex-end} .dhx_alert__footer .dhx_button:not(:last-child){margin-right:16px} .dhx_tooltip{pointer-events:none;border-radius:2px;background-color:#333;box-shadow:0 2px 5px rgba(0,0,0,.3);padding:6px 12px;transition:opacity .01s ease,transform .01s ease;opacity:0;z-index:999;font-family:Roboto,Arial,Tahoma,Verdana,sans-serif} .dhx_tooltip--animate{opacity:1;transition:opacity .15s ease-out} .dhx_tooltip--forced{opacity:1} .dhx_tooltip--left{margin:0 0 -8px} .dhx_tooltip--right{margin:0 0 0 8px} .dhx_tooltip--light{background-color:#fff} .dhx_tooltip--light .dhx_tooltip__text{color:rgba(0,0,0,.7)} .dhx_widget--fullscreen .dhx_tooltip{z-index:2147483647} .dhx_tooltip__text{color:#fff;font-size:14px;font-weight:500;line-height:20px} .dhx_toolbar{display:flex;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .dhx_toolbar--bordered{border:1px solid #e4e4e4} .dhx_toolbar--shaded{box-shadow:0 2px 4px rgba(0,0,0,.15)} .dhx_toolbar--bg_gray{background-color:#f7f7f7} .dhx_toolbar__list{display:flex;flex-wrap:wrap;width:100%;min-height:50px;margin:0;padding:0;list-style:none} .dhx_toolbar__list:focus{outline:none} .dhx_toolbar__item{display:flex;align-items:center;align-self:stretch;margin:0;padding:0} .dhx_toolbar__item:last-child>:not(.dhx_toolbar-button):not(.dhx_button--type_link){margin-right:12px} .dhx_toolbar__item:first-child>:not(.dhx_toolbar-button):not(.dhx_button--type_link){margin-left:12px} .dhx_toolbar__item:not(:last-child)>:not(.dhx_toolbar-button){margin-right:12px} .dhx_toolbar__button{position:relative;align-self:center} .dhx_toolbar-button{position:relative;text-transform:none;padding:6px 12px;text-align:center;color:#4d4d4d} .dhx_toolbar-button--active,.dhx_toolbar-button:focus,.dhx_toolbar-button:hover{outline:none;background-color:#e4e4e4;transition:background-color .2s ease-out} .dhx_toolbar-button:disabled{color:#a6a6a6;transition:background-color .2s ease-out} .dhx_toolbar-button .dhx_button__icon{margin-right:8px} .dhx_toolbar-button .dhx_button__icon:before{font-size:20px;line-height:20px} .dhx_toolbar-button .dhx_button__icon--menu-down{margin-right:0;margin-left:0} .dhx_toolbar-button--icon .dhx_button__icon{margin-right:0} .dhx_toolbar-button__html-wrapper{display:inline-block;vertical-align:middle} .dhx_toolbar-img-button{position:relative;width:44px;height:44px} .dhx_toolbar-img-button__image{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center} .dhx_toolbar-img-button__image,.dhx_toolbar-img-button__text{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%} .dhx_toolbar-img-button__text{display:flex;justify-content:center;align-items:center;color:#f7f7f7;background-color:#a6a6a6;font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;font-weight:500;font-size:20px;text-transform:uppercase} .dhx_toolbar-counter{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background-color:#ff5252;border-radius:50%;font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;font-size:12px;line-height:20px;color:#fff;text-align:center;z-index:1} .dhx_toolbar__spacer{flex:1} .dhx_toolbar__separator{align-self:stretch;width:1px;margin:8px 2px;background-color:#dfdfdf} .dhx_toolbar__text{margin:0;padding:0;font-family:Roboto,Arial,Tahoma,Verdana,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-transform:uppercase;color:rgba(0,0,0,.7)} @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900"); @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900"); @charset "UTF-8"; /* #GLOBAL IMPORTS ========================================================================== */ /* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins ========================================================================== */ /*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*/ /*------------------------ Usage $color-white: hexToRGBString(#fff) => "255,255,255" $color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255" $color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255" ------------------------*/ /*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); } ------------------------*/ /*------------------------ FADE IN e.g. @include fadeIn( 2s ); ------------------------*/ /*------------------------ mixin that calculates if text needs to be light or dark depending on the background color passed. From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast usage: @include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000 ------------------------*/ /*------------------------ color factory eg: contrast-ink($contrastvalue) ------------------------*/ /*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50); ------------------------*/ /* backface visibility */ /* generate theme button */ /* #BASE - Base Variable file along with font library, and colors. ========================================================================== */ /* THEME COLORs ========================================================================== */ /* Looks good on chrome default color profile */ /* We will manually convert these primary colors to rgb for the dark mode option of the theme */ /* looks good in sRGB but washed up on chrome default $color-primary: #826bb0; $color-success: #31cb55; $color-info: #5e93ec; $color-warning: #eec559; $color-danger: #dc4b92; $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ /* Color Polarity ========================================================================== */ /* PAINTBUCKET MIXER ========================================================================== */ /* the grays */ /* the sapphires */ /* the emeralds */ /* the amethyths */ /* the topaz */ /* the rubies */ /* the graphites */ /* Define universal border difition (div outlines, etc) ========================================================================== */ /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) ========================================================================== */ /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ /* global var used for spacing*/ /* Uniform Padding variable */ /* Heads up! This is a global scoped variable - changing may impact the whole template */ /* BOOTSTRAP OVERRIDES (bootstrap variables) ========================================================================== */ /* usage: theme-colors("primary"); */ /* forms */ /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ /* links */ /* checkbox */ /*$custom-file-height-inner: calc(2.25rem - 1px);*/ /* not part of bootstrap variable */ /* custom checkbox */ /* custom range */ /* custom file */ /* badge */ /* cards */ /*border radius*/ /* alert */ /* toast */ /* breadcrumb */ /* input button */ /* nav link */ /* nav, tabs, pills */ /* tables */ /* dropdowns */ /* dropdowns sizes */ /* popovers */ /* tooltips */ /* modal */ /* reference guide http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ 8px = 0.5rem 9px = 0.5625rem 10px = 0.625rem 11px = 0.6875rem 12px = 0.75rem 13px = 0.8125rem 14px = 0.875rem 15px = 0.9375rem 16px = 1rem (base) 17px = 1.0625rem 18px = 1.125rem 19px = 1.1875rem 20px = 1.25rem 21px = 1.3125rem 22px = 1.375rem 24px = 1.5rem 25px = 1.5625rem 26px = 1.625rem 28px = 1.75rem 30px = 1.875rem 32px = 2rem 34px = 2.125rem 36px = 2.25rem 38px = 2.375rem 40px = 2.5rem */ /* Fonts */ /* carousel */ /* BASE VARS ========================================================================== */ /* font vars below will auto change to rem values using function rem($value)*/ /* 11px */ /* 12px */ /* 12.5px */ /* 14px */ /* 15px */ /* 16px */ /* 28px */ /* Font Family ========================================================================== */ /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ /* ANIMATIONS ========================================================================== */ /* this addresses all animation related to nav hide to nav minify */ /* Z-INDEX declearation ========================================================================== */ /* we adjust bootstrap z-index to be higher than our higest z-index*/ /* CUSTOM ICON PREFIX ========================================================================== */ /* PRINT CSS (landscape or portrait) ========================================================================== */ /* landscape or portrait */ /* auto, letter */ /* Common Element Variables ========================================================================== */ /* Z-index decleartion "birds eye view" ========================================================================== */ /* Components ========================================================================== */ /* PAGE HEADER STUFF ========================================================================== */ /* colors */ /* height */ /* logo */ /* try not to go beywond the width of $main_nav_width value */ /* you may need to change this depending on your logo design */ /* adjust this as you see fit : left, right, center */ /* icon font size (not button) */ /* search input box */ /* suggestion: #ccced0*/ /* btn */ /* dropdown: app list */ /* badge */ /* COMPONENTS & MODS */ /* NAVIGATION STUFF Guide: aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) ========================================================================== */ /* main navigation */ /* left panel */ /* nav footer */ /* nav parent level-0 */ /* nav link level-1 */ /* nav level-1 bg */ /* nav icon sizes */ /* badge default */ /* all child */ /* nav title */ /* nav Minify */ /* when the menu pops on hover */ /* navigation Width */ /* partial visibility of the menu */ /* top navigation */ /* nav Info Card (appears below the logo) */ /* width is auto */ /* nav DL labels for all child */ /* will be pulled to left as a negative value */ /* MISC Settings ========================================================================== */ /* List Table */ /* PAGE SETTINGS ========================================================================== */ /* PAGE BREADCRUMB ========================================================================== */ /* PAGE COMPONENT PANELS ========================================================================== */ /* PAGE COMPONENT PROGRESSBARS ========================================================================== */ /* PAGE COMPONENT MESSENGER ========================================================================== */ /* FOOTER ========================================================================== */ /* GLOBALS ========================================================================== */ /* ACCESSIBILITIES */ /* SHORTCUT BUTTON (appears on bottom right of the page) */ /* GULP WARNINGS */ /*! * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url('fa-brands-400.eot'); src: url('fa-brands-400d41d.eot?#iefix') format("embedded-opentype"), url('fa-brands-400.woff2') format("woff2"), url('fa-brands-400.woff') format("woff"), url('fa-brands-400.ttf') format("truetype"), url('fa-brands-400.svg#fontawesome') format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } /*! * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; font-display: block; src: url('fa-solid-900.eot'); src: url('fa-solid-900d41d.eot?#iefix') format("embedded-opentype"), url('fa-solid-900.woff2') format("woff2"), url('fa-solid-900.woff') format("woff"), url('fa-solid-900.ttf') format("truetype"), url('fa-solid-900.svg#fontawesome') format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Pro'; font-weight: 900; } /* THEME COLORs ========================================================================== */ /* Looks good on chrome default color profile */ /* We will manually convert these primary colors to rgb for the dark mode option of the theme */ /* looks good in sRGB but washed up on chrome default $color-primary: #826bb0; $color-success: #31cb55; $color-info: #5e93ec; $color-warning: #eec559; $color-danger: #dc4b92; $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ /* Color Polarity ========================================================================== */ /* PAINTBUCKET MIXER ========================================================================== */ /* the grays */ /* the sapphires */ /* the emeralds */ /* the amethyths */ /* the topaz */ /* the rubies */ /* the graphites */ /* Define universal border difition (div outlines, etc) ========================================================================== */ /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) ========================================================================== */ /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ /* global var used for spacing*/ /* Uniform Padding variable */ /* Heads up! This is a global scoped variable - changing may impact the whole template */ /* BOOTSTRAP OVERRIDES (bootstrap variables) ========================================================================== */ /* usage: theme-colors("primary"); */ /* forms */ /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ /* links */ /* checkbox */ /*$custom-file-height-inner: calc(2.25rem - 1px);*/ /* not part of bootstrap variable */ /* custom checkbox */ /* custom range */ /* custom file */ /* badge */ /* cards */ /*border radius*/ /* alert */ /* toast */ /* breadcrumb */ /* input button */ /* nav link */ /* nav, tabs, pills */ /* tables */ /* dropdowns */ /* dropdowns sizes */ /* popovers */ /* tooltips */ /* modal */ /* reference guide http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ 8px = 0.5rem 9px = 0.5625rem 10px = 0.625rem 11px = 0.6875rem 12px = 0.75rem 13px = 0.8125rem 14px = 0.875rem 15px = 0.9375rem 16px = 1rem (base) 17px = 1.0625rem 18px = 1.125rem 19px = 1.1875rem 20px = 1.25rem 21px = 1.3125rem 22px = 1.375rem 24px = 1.5rem 25px = 1.5625rem 26px = 1.625rem 28px = 1.75rem 30px = 1.875rem 32px = 2rem 34px = 2.125rem 36px = 2.25rem 38px = 2.375rem 40px = 2.5rem */ /* Fonts */ /* carousel */ /* BASE VARS ========================================================================== */ /* font vars below will auto change to rem values using function rem($value)*/ /* 11px */ /* 12px */ /* 12.5px */ /* 14px */ /* 15px */ /* 16px */ /* 28px */ /* Font Family ========================================================================== */ /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ /* ANIMATIONS ========================================================================== */ /* this addresses all animation related to nav hide to nav minify */ /* Z-INDEX declearation ========================================================================== */ /* we adjust bootstrap z-index to be higher than our higest z-index*/ /* CUSTOM ICON PREFIX ========================================================================== */ /* PRINT CSS (landscape or portrait) ========================================================================== */ /* landscape or portrait */ /* auto, letter */ /* Common Element Variables ========================================================================== */ /* Z-index decleartion "birds eye view" ========================================================================== */ /* Components ========================================================================== */ /* PAGE HEADER STUFF ========================================================================== */ /* colors */ /* height */ /* logo */ /* try not to go beywond the width of $main_nav_width value */ /* you may need to change this depending on your logo design */ /* adjust this as you see fit : left, right, center */ /* icon font size (not button) */ /* search input box */ /* suggestion: #ccced0*/ /* btn */ /* dropdown: app list */ /* badge */ /* COMPONENTS & MODS */ /* NAVIGATION STUFF Guide: aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) ========================================================================== */ /* main navigation */ /* left panel */ /* nav footer */ /* nav parent level-0 */ /* nav link level-1 */ /* nav level-1 bg */ /* nav icon sizes */ /* badge default */ /* all child */ /* nav title */ /* nav Minify */ /* when the menu pops on hover */ /* navigation Width */ /* partial visibility of the menu */ /* top navigation */ /* nav Info Card (appears below the logo) */ /* width is auto */ /* nav DL labels for all child */ /* will be pulled to left as a negative value */ /* MISC Settings ========================================================================== */ /* List Table */ /* PAGE SETTINGS ========================================================================== */ /* PAGE BREADCRUMB ========================================================================== */ /* PAGE COMPONENT PANELS ========================================================================== */ /* PAGE COMPONENT PROGRESSBARS ========================================================================== */ /* PAGE COMPONENT MESSENGER ========================================================================== */ /* FOOTER ========================================================================== */ /* GLOBALS ========================================================================== */ /* ACCESSIBILITIES */ /* SHORTCUT BUTTON (appears on bottom right of the page) */ /* GULP WARNINGS */ /*! * Bootstrap v4.5.0 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #886ab5; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #fd3995; --orange: #ffc241; --yellow: #ffc241; --green: #1dc9b7; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #868e96; --gray-dark: #495057; --primary: #886ab5; --secondary: #868e96; --success: #1dc9b7; --info: #2196F3; --warning: #ffc241; --danger: #fd3995; --light: #fff; --dark: #505050; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1399px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.8125rem; font-weight: 400; line-height: 1.47; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #886ab5; text-decoration: none; background-color: transparent; } a:hover { color: #967bbd; text-decoration: underline; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #868e96; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.3rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.57; } h1, .h1 { font-size: 1.5rem; } h2, .h2 { font-size: 1.375rem; } h3, .h3 { font-size: 1.1875rem; } h4, .h4 { font-size: 1.0625rem; } h5, .h5 { font-size: 0.9375rem; } h6, .h6 { font-size: 0.875rem; } .lead { font-size: 1.01563rem; font-weight: 300; } .display-1 { font-size: 5rem; font-weight: 300; line-height: 1.57; } .display-2 { font-size: 4.5rem; font-weight: 300; line-height: 1.57; } .display-3 { font-size: 3.5rem; font-weight: 300; line-height: 1.57; } .display-4 { font-size: 2.5rem; font-weight: 300; line-height: 1.57; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.01563rem; } .blockquote-footer { display: block; font-size: 80%; color: #868e96; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 4px; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #868e96; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 4px; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1399px) { .container { max-width: 1140px; } } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1399px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } .row { display: flex; flex-wrap: wrap; margin-right: -0.75rem; margin-left: -0.75rem; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; } .col { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1399px) { .col-xl { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #e9e9e9; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #e9e9e9; } .table tbody + tbody { border-top: 2px solid #e9e9e9; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #e9e9e9; } .table-bordered th, .table-bordered td { border: 1px solid #e9e9e9; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(80, 80, 80, 0.02); } .table-hover tbody tr:hover { color: #212529; background-color: #fdfdfd; } .table-primary, .table-primary > th, .table-primary > td { background-color: #ded5ea; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #c1b2d9; } .table-hover .table-primary:hover { background-color: #d1c4e2; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #d1c4e2; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #dddfe2; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #c0c4c8; } .table-hover .table-secondary:hover { background-color: #cfd2d6; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #cfd2d6; } .table-success, .table-success > th, .table-success > td { background-color: #c0f0eb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #89e3da; } .table-hover .table-success:hover { background-color: #abebe4; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #abebe4; } .table-info, .table-info > th, .table-info > td { background-color: #c1e2fc; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #8cc8f9; } .table-hover .table-info:hover { background-color: #a9d7fb; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a9d7fb; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeca; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf9c; } .table-hover .table-warning:hover { background-color: #ffe6b1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe6b1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #fec8e1; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #fe98c8; } .table-hover .table-danger:hover { background-color: #feafd3; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #feafd3; } .table-light, .table-light > th, .table-light > td { background-color: white; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: white; } .table-hover .table-light:hover { background-color: #f2f2f2; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f2f2f2; } .table-dark, .table-dark > th, .table-dark > td { background-color: #cecece; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #a4a4a4; } .table-hover .table-dark:hover { background-color: #c1c1c1; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #c1c1c1; } .table-active, .table-active > th, .table-active > td { background-color: #fdfdfd; } .table-hover .table-active:hover { background-color: #f0f0f0; } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #f0f0f0; } .table .thead-dark th { color: #fff; background-color: dimgray; border-color: #5d5d5d; } .table .thead-light th { color: #495057; background-color: #f3f3f3; border-color: #e9e9e9; } .table-dark { color: #fff; background-color: dimgray; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #5d5d5d; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: #886ab5; } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1398.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.47em + 1rem + 2px); padding: 0.1rem 0.875rem; font-size: 0.8125rem; font-weight: 400; line-height: 0.37; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #E5E5E5; border-radius: 4px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .form-control:focus { color: #495057; background-color: #fff; border-color: #886ab5; outline: 0; box-shadow: 0 0 0 0.2rem transparent; } .form-control::-webkit-input-placeholder { color: #868e96; opacity: 1; } .form-control::-moz-placeholder { color: #868e96; opacity: 1; } .form-control:-ms-input-placeholder { color: #868e96; opacity: 1; } .form-control::-ms-input-placeholder { color: #868e96; opacity: 1; } .form-control::placeholder { color: #868e96; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #f3f3f3; opacity: 1; } input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.47; } .col-form-label-lg { padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.75rem + 1px); font-size: 1rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); font-size: 0.75rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.5rem 0; margin-bottom: 0; font-size: 0.8125rem; line-height: 1.47; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.844rem; font-size: 0.75rem; line-height: 1.5; border-radius: 4px; } .form-control-lg { height: calc(1.5em + 1.5rem + 2px); padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.5; border-radius: 4px; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; min-height: 30px; padding: 10px; } .form-group { margin-bottom: 1.5rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #868e96; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #1dc9b7; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.3rem 0.6rem; margin-top: .1rem; font-size: 0.75rem; line-height: 1.47; color: #fff; background-color: #1dc9b7; border-radius: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #1dc9b7; padding-right: calc(1.47em + 1rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.3675em + 0.25rem) center; background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #1dc9b7; box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.47em + 1rem); background-position: top calc(0.3675em + 0.25rem) right calc(0.3675em + 0.25rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #1dc9b7; padding-right: calc(0.75em + 2.625rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.875rem/calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #1dc9b7; box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #1dc9b7; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #1dc9b7; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #1dc9b7; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #37e2d0; background-color: #37e2d0; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #1dc9b7; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #1dc9b7; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #1dc9b7; box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #fd3995; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.3rem 0.6rem; margin-top: .1rem; font-size: 0.75rem; line-height: 1.47; color: #fff; background-color: #fd3995; border-radius: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #fd3995; padding-right: calc(1.47em + 1rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.3675em + 0.25rem) center; background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #fd3995; box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.47em + 1rem); background-position: top calc(0.3675em + 0.25rem) right calc(0.3675em + 0.25rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #fd3995; padding-right: calc(0.75em + 2.625rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.875rem/calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #fd3995; box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #fd3995; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #fd3995; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #fd3995; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #fe6bb0; background-color: #fe6bb0; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #fd3995; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #fd3995; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #fd3995; box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.5rem 1.125rem; font-size: 0.8125rem; line-height: 1.47; border-radius: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem transparent; } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #886ab5; border-color: #886ab5; } .btn-primary:hover { color: #fff; background-color: #7453a6; border-color: #6e4e9e; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #7453a6; border-color: #6e4e9e; box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #886ab5; border-color: #886ab5; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #6e4e9e; border-color: #684a95; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5); } .btn-secondary { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-secondary:hover { color: #fff; background-color: #727b84; border-color: #6c757d; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #727b84; border-color: #6c757d; box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #666e76; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); } .btn-success { color: #fff; background-color: #1dc9b7; border-color: #1dc9b7; } .btn-success:hover { color: #fff; background-color: #18a899; border-color: #179c8e; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #18a899; border-color: #179c8e; box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #1dc9b7; border-color: #1dc9b7; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #179c8e; border-color: #159184; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); } .btn-info { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-info:hover { color: #fff; background-color: #0c83e2; border-color: #0c7cd5; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #0c83e2; border-color: #0c7cd5; box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0c7cd5; border-color: #0b75c9; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); } .btn-warning { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-warning:hover { color: #212529; background-color: #ffb61b; border-color: #ffb20e; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #ffb61b; border-color: #ffb20e; box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #ffb20e; border-color: #ffae01; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); } .btn-danger { color: #fff; background-color: #fd3995; border-color: #fd3995; } .btn-danger:hover { color: #fff; background-color: #fd1381; border-color: #fc077a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #fd1381; border-color: #fc077a; box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #fd3995; border-color: #fd3995; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #fc077a; border-color: #f40274; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); } .btn-light { color: #212529; background-color: #fff; border-color: #fff; } .btn-light:hover { color: #212529; background-color: #ececec; border-color: #e6e6e6; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #ececec; border-color: #e6e6e6; box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #fff; border-color: #fff; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #e6e6e6; border-color: #dfdfdf; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-dark { color: #fff; background-color: #505050; border-color: #505050; } .btn-dark:hover { color: #fff; background-color: #3d3d3d; border-color: #363636; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #3d3d3d; border-color: #363636; box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #505050; border-color: #505050; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #363636; border-color: #303030; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); } .btn-outline-primary { color: #886ab5; border-color: #886ab5; } .btn-outline-primary:hover { color: #fff; background-color: #886ab5; border-color: #886ab5; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #886ab5; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #886ab5; border-color: #886ab5; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); } .btn-outline-secondary { color: #868e96; border-color: #868e96; } .btn-outline-secondary:hover { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #868e96; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); } .btn-outline-success { color: #1dc9b7; border-color: #1dc9b7; } .btn-outline-success:hover { color: #fff; background-color: #1dc9b7; border-color: #1dc9b7; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #1dc9b7; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #1dc9b7; border-color: #1dc9b7; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } .btn-outline-info { color: #2196F3; border-color: #2196F3; } .btn-outline-info:hover { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #2196F3; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } .btn-outline-warning { color: #ffc241; border-color: #ffc241; } .btn-outline-warning:hover { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc241; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } .btn-outline-danger { color: #fd3995; border-color: #fd3995; } .btn-outline-danger:hover { color: #fff; background-color: #fd3995; border-color: #fd3995; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #fd3995; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #fd3995; border-color: #fd3995; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); } .btn-outline-light { color: #fff; border-color: #fff; } .btn-outline-light:hover { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #fff; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-dark { color: #505050; border-color: #505050; } .btn-outline-dark:hover { color: #fff; background-color: #505050; border-color: #505050; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #505050; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #505050; border-color: #505050; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); } .btn-link { font-weight: 400; color: #886ab5; text-decoration: none; } .btn-link:hover { color: #967bbd; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #868e96; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.5; border-radius: 4px; } .btn-sm, .btn-group-sm > .btn { padding: 0.375rem 0.844rem; font-size: 0.75rem; line-height: 1.5; border-radius: 4px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 2000; display: none; float: left; min-width: 10rem; padding: 0.3125rem 0; margin: 0.125rem 0 0; font-size: 0.8125rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1399px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #f3f3f3; } .dropdown-item { display: block; width: 100%; padding: 0.75rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #6e4e9e; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #563d7c; text-decoration: none; background-color: #efebf5; } .dropdown-item.disabled, .dropdown-item:disabled { color: #868e96; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.3125rem 1.5rem; margin-bottom: 0; font-size: 0.75rem; color: #868e96; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.75rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.84375rem; padding-left: 0.84375rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.633rem; padding-left: 0.633rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.5rem 0.875rem; margin-bottom: 0; font-size: 0.8125rem; font-weight: 400; line-height: 1.47; color: #495057; text-align: center; white-space: nowrap; background-color: #f3f3f3; border: 1px solid #E5E5E5; border-radius: 4px; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1.5rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.5; border-radius: 4px; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.75rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.375rem 0.844rem; font-size: 0.75rem; line-height: 1.5; border-radius: 4px; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.875rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.19437rem; padding-left: 1.625rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1.125rem; height: 1.15969rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #6e4e9e; background-color: #7a59ad; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem transparent; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #967bbd; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #beaed7; background-color: #beaed7; border-color: #beaed7; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #868e96; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #f3f3f3; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.03469rem; left: -1.625rem; display: block; width: 1.125rem; height: 1.125rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 2px; } .custom-control-label::after { position: absolute; top: 0.03469rem; left: -1.625rem; display: block; width: 1.125rem; height: 1.125rem; content: ""; background: no-repeat 50% / 0.5rem; } .custom-checkbox .custom-control-label::before { border-radius: 2px; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #886ab5; background-color: #886ab5; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #beaed7; } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: #beaed7; } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #beaed7; } .custom-switch { padding-left: 2.46875rem; } .custom-switch .custom-control-label::before { left: -2.46875rem; width: 1.96875rem; pointer-events: all; border-radius: 0.5625rem; } .custom-switch .custom-control-label::after { top: calc(0.03469rem + 4px); left: calc(-2.46875rem + 4px); width: calc(1.125rem - 8px); height: calc(1.125rem - 8px); background-color: #adb5bd; border-radius: 0.5625rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.84375rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #beaed7; } .custom-select { display: inline-block; width: 100%; height: calc(1.47em + 1rem + 2px); padding: 0.5rem 1.875rem 0.5rem 0.875rem; font-size: 0.8125rem; font-weight: 400; line-height: 1.47; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px; border: 1px solid #E5E5E5; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #886ab5; outline: 0; box-shadow: 0 0 0 0.2rem transparent; } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.875rem; background-image: none; } .custom-select:disabled { color: #868e96; background-color: #f3f3f3; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.75rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.844rem; font-size: 0.75rem; } .custom-select-lg { height: calc(1.5em + 1.5rem + 2px); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; font-size: 1rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.47em + 1rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.47em + 1rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #886ab5; box-shadow: 0 0 0 0.2rem transparent; } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #f3f3f3; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.47em + 1rem + 2px); padding: 0.5rem 0.875rem; font-weight: 400; line-height: 1.47; color: #495057; background-color: #fff; border: 1px solid #E5E5E5; border-radius: 4px; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.47em + 1rem); padding: 0.5rem 0.875rem; line-height: 1.47; color: #495057; content: "Browse"; background-color: #f3f3f3; border-left: inherit; border-radius: 0 4px 4px 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.3375rem; background-color: #886ab5; border: 0; border-radius: 50%; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } .custom-range::-webkit-slider-thumb:active { background-color: #a38cc6; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.325rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #886ab5; border: 0; border-radius: 50%; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } .custom-range::-moz-range-thumb:active { background-color: #a38cc6; } .custom-range::-moz-range-track { width: 100%; height: 0.325rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #886ab5; border: 0; border-radius: 50%; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } .custom-range::-ms-thumb:active { background-color: #a38cc6; } .custom-range::-ms-track { width: 100%; height: 0.325rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1.125rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #868e96; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.07) transparent; } .nav-tabs .nav-link.disabled { color: #868e96; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 4px; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #886ab5; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.36219rem; padding-bottom: 0.36219rem; margin-right: 1rem; font-size: 1rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 7.5px 18px; font-size: 1.3125rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1398.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1399px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 4px; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1rem; } .card-title { margin-bottom: 1rem; } .card-subtitle { margin-top: -0.5rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1rem; } .card-header { padding: 1rem 1rem; margin-bottom: 0; background-color: inherit; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .card-header:first-child { border-radius: 3px 3px 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 1rem 1rem; background-color: inherit; border-top: 1px solid rgba(0, 0, 0, 0.08); } .card-footer:last-child { border-radius: 0 0 3px 3px; } .card-header-tabs { margin-right: -0.5rem; margin-bottom: -1rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: 3px; border-top-right-radius: 3px; } .card-img, .card-img-bottom { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .card-deck .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -0.75rem; margin-left: -0.75rem; } .card-deck .card { flex: 1 0 0%; margin-right: 0.75rem; margin-bottom: 0; margin-left: 0.75rem; } } .card-group > .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 1rem; } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #f6f6f6; border-radius: 4px; } .breadcrumb-item { display: flex; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: inherit; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #868e96; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 4px; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #886ab5; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #967bbd; text-decoration: none; background-color: #f3f3f3; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem transparent; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #886ab5; border-color: #886ab5; } .page-item.disabled .page-link { color: #868e96; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 85%; font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #886ab5; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #6e4e9e; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); } .badge-secondary { color: #fff; background-color: #868e96; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #6c757d; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); } .badge-success { color: #fff; background-color: #1dc9b7; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #179c8e; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } .badge-info { color: #fff; background-color: #2196F3; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #0c7cd5; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } .badge-warning { color: #212529; background-color: #ffc241; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #ffb20e; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } .badge-danger { color: #fff; background-color: #fd3995; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #fc077a; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); } .badge-light { color: #212529; background-color: #fff; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #e6e6e6; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .badge-dark { color: #fff; background-color: #505050; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #363636; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #f3f3f3; border-radius: 4px; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 1rem 1.25rem; margin-bottom: 2rem; border: 1px solid transparent; border-radius: 4px; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3.71875rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 1rem 1.25rem; color: inherit; } .alert-primary { color: #47375e; background-color: #e7e1f0; border-color: #ded5ea; } .alert-primary hr { border-top-color: #d1c4e2; } .alert-primary .alert-link { color: #2f243e; } .alert-secondary { color: #464a4e; background-color: #e7e8ea; border-color: #dddfe2; } .alert-secondary hr { border-top-color: #cfd2d6; } .alert-secondary .alert-link { color: #2e3133; } .alert-success { color: #0f695f; background-color: #d2f4f1; border-color: #c0f0eb; } .alert-success hr { border-top-color: #abebe4; } .alert-success .alert-link { color: #093c37; } .alert-info { color: #114e7e; background-color: #d3eafd; border-color: #c1e2fc; } .alert-info hr { border-top-color: #a9d7fb; } .alert-info .alert-link { color: #0b3251; } .alert-warning { color: #856522; background-color: #fff3d9; border-color: #ffeeca; } .alert-warning hr { border-top-color: #ffe6b1; } .alert-warning .alert-link { color: #5c4618; } .alert-danger { color: #841e4d; background-color: #ffd7ea; border-color: #fec8e1; } .alert-danger hr { border-top-color: #feafd3; } .alert-danger .alert-link { color: #5a1535; } .alert-light { color: #858585; background-color: white; border-color: white; } .alert-light hr { border-top-color: #f2f2f2; } .alert-light .alert-link { color: #6c6c6c; } .alert-dark { color: #292929; background-color: gainsboro; border-color: #cecece; } .alert-dark hr { border-top-color: #c1c1c1; } .alert-dark .alert-link { color: #101010; } @-webkit-keyframes progress-bar-stripes { from { background-position: 0.75rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 0.75rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 0.75rem; overflow: hidden; line-height: 0; font-size: 0.625rem; background-color: #f6f6f6; border-radius: 10rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #886ab5; transition: width 0.6s ease; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 0.75rem 0.75rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 4px; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #f3f3f3; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #868e96; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #886ab5; border-color: #886ab5; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1399px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #47375e; background-color: #ded5ea; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #47375e; background-color: #d1c4e2; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #47375e; border-color: #47375e; } .list-group-item-secondary { color: #464a4e; background-color: #dddfe2; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #464a4e; background-color: #cfd2d6; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #464a4e; border-color: #464a4e; } .list-group-item-success { color: #0f695f; background-color: #c0f0eb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f695f; background-color: #abebe4; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f695f; border-color: #0f695f; } .list-group-item-info { color: #114e7e; background-color: #c1e2fc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #114e7e; background-color: #a9d7fb; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #114e7e; border-color: #114e7e; } .list-group-item-warning { color: #856522; background-color: #ffeeca; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856522; background-color: #ffe6b1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856522; border-color: #856522; } .list-group-item-danger { color: #841e4d; background-color: #fec8e1; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #841e4d; background-color: #feafd3; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #841e4d; border-color: #841e4d; } .list-group-item-light { color: #858585; background-color: white; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #858585; background-color: #f2f2f2; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #858585; border-color: #858585; } .list-group-item-dark { color: #292929; background-color: #cecece; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #292929; background-color: #c1c1c1; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #292929; border-color: #292929; } .close { float: right; font-size: 1.21875rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.5rem 0.75rem; color: #505050; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 2050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid transparent; border-radius: 4px; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 2040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.2; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1.25rem 1.25rem; border-bottom: 0px solid #dee2e6; border-top-left-radius: 3px; border-top-right-radius: 3px; } .modal-header .close { padding: 1.25rem 1.25rem; margin: -1.25rem -1.25rem -1.25rem auto; } .modal-title { margin-bottom: 0; line-height: 1.47; } .modal-body { position: relative; flex: 1 1 auto; padding: 1.25rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 0px solid #dee2e6; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1399px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 2070; display: block; margin: 2px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.47; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.75rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 1; } .tooltip .arrow { position: absolute; display: block; width: 8px; height: 5px; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 5px 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 5px 4px 0; border-top-color: rgba(54, 54, 54, 0.9); } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 5px; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 5px; height: 8px; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 4px 5px 4px 0; border-right-color: rgba(54, 54, 54, 0.9); } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 5px 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 4px 5px; border-bottom-color: rgba(54, 54, 54, 0.9); } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 5px; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 5px; height: 8px; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 4px 0 4px 5px; border-left-color: rgba(54, 54, 54, 0.9); } .tooltip-inner { max-width: 200px; padding: 0.3rem 0.6rem; color: #fff; text-align: center; background-color: rgba(54, 54, 54, 0.9); border-radius: 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 2060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.47; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 3px solid rgba(0, 0, 0, 0.2); border-radius: 0.5rem; } .popover .arrow { position: absolute; display: block; width: 15px; height: 7px; margin: 0 0.5rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 7px; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: -10px; } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 7px 7.5px 0; border-top-color: inherit; } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 3px; border-width: 7px 7.5px 0; border-top-color: transparent; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 7px; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: -10px; width: 7px; height: 15px; margin: 0.5rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 7.5px 7px 7.5px 0; border-right-color: inherit; } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 3px; border-width: 7.5px 7px 7.5px 0; border-right-color: transparent; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 7px; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: -10px; } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 7.5px 7px 7.5px; border-bottom-color: inherit; } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 3px; border-width: 0 7.5px 7px 7.5px; border-bottom-color: transparent; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 15px; margin-left: -7.5px; content: ""; border-bottom: 3px solid transparent; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 7px; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: -10px; width: 7px; height: 15px; margin: 0.5rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 7.5px 0 7.5px 7px; border-left-color: inherit; } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 3px; border-width: 7.5px 0 7.5px 7px; border-left-color: transparent; } .popover-header { padding: 1rem 1rem; margin-bottom: 0; font-size: 0.8125rem; background-color: transparent; border-bottom: 3px solid rgba(0, 0, 0, 0); border-top-left-radius: calc(0.5rem - 3px); border-top-right-radius: calc(0.5rem - 3px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 13px; height: 13px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @-webkit-keyframes spinner-border { to { transform: rotate(360deg); } } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #886ab5 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #6e4e9e !important; } .bg-secondary { background-color: #868e96 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #6c757d !important; } .bg-success { background-color: #1dc9b7 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #179c8e !important; } .bg-info { background-color: #2196F3 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0c7cd5 !important; } .bg-warning { background-color: #ffc241 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ffb20e !important; } .bg-danger { background-color: #fd3995 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #fc077a !important; } .bg-light { background-color: #fff !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #e6e6e6 !important; } .bg-dark { background-color: #505050 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #363636 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #886ab5 !important; } .border-secondary { border-color: #868e96 !important; } .border-success { border-color: #1dc9b7 !important; } .border-info { border-color: #2196F3 !important; } .border-warning { border-color: #ffc241 !important; } .border-danger { border-color: #fd3995 !important; } .border-light { border-color: #fff !important; } .border-dark { border-color: #505050 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 4px !important; } .rounded { border-radius: 4px !important; } .rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .rounded-right { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .rounded-bottom { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } .rounded-left { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } .rounded-lg { border-radius: 4px !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1399px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1399px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1399px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 2030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 2030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 2020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 2rem !important; } .mt-5, .my-5 { margin-top: 2rem !important; } .mr-5, .mx-5 { margin-right: 2rem !important; } .mb-5, .my-5 { margin-bottom: 2rem !important; } .ml-5, .mx-5 { margin-left: 2rem !important; } .m-6 { margin: 2.5rem !important; } .mt-6, .my-6 { margin-top: 2.5rem !important; } .mr-6, .mx-6 { margin-right: 2.5rem !important; } .mb-6, .my-6 { margin-bottom: 2.5rem !important; } .ml-6, .mx-6 { margin-left: 2.5rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 2rem !important; } .pt-5, .py-5 { padding-top: 2rem !important; } .pr-5, .px-5 { padding-right: 2rem !important; } .pb-5, .py-5 { padding-bottom: 2rem !important; } .pl-5, .px-5 { padding-left: 2rem !important; } .p-6 { padding: 2.5rem !important; } .pt-6, .py-6 { padding-top: 2.5rem !important; } .pr-6, .px-6 { padding-right: 2.5rem !important; } .pb-6, .py-6 { padding-bottom: 2.5rem !important; } .pl-6, .px-6 { padding-left: 2.5rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -2rem !important; } .mt-n5, .my-n5 { margin-top: -2rem !important; } .mr-n5, .mx-n5 { margin-right: -2rem !important; } .mb-n5, .my-n5 { margin-bottom: -2rem !important; } .ml-n5, .mx-n5 { margin-left: -2rem !important; } .m-n6 { margin: -2.5rem !important; } .mt-n6, .my-n6 { margin-top: -2.5rem !important; } .mr-n6, .mx-n6 { margin-right: -2.5rem !important; } .mb-n6, .my-n6 { margin-bottom: -2.5rem !important; } .ml-n6, .mx-n6 { margin-left: -2.5rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 2rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 2rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 2rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 2rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 2rem !important; } .m-sm-6 { margin: 2.5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 2.5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 2.5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 2.5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 2.5rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 2rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 2rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 2rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 2rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 2rem !important; } .p-sm-6 { padding: 2.5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 2.5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 2.5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 2.5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 2.5rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -2rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -2rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -2rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -2rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -2rem !important; } .m-sm-n6 { margin: -2.5rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -2.5rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -2.5rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -2.5rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -2.5rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 2rem !important; } .mt-md-5, .my-md-5 { margin-top: 2rem !important; } .mr-md-5, .mx-md-5 { margin-right: 2rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 2rem !important; } .ml-md-5, .mx-md-5 { margin-left: 2rem !important; } .m-md-6 { margin: 2.5rem !important; } .mt-md-6, .my-md-6 { margin-top: 2.5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 2.5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 2.5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 2.5rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 2rem !important; } .pt-md-5, .py-md-5 { padding-top: 2rem !important; } .pr-md-5, .px-md-5 { padding-right: 2rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 2rem !important; } .pl-md-5, .px-md-5 { padding-left: 2rem !important; } .p-md-6 { padding: 2.5rem !important; } .pt-md-6, .py-md-6 { padding-top: 2.5rem !important; } .pr-md-6, .px-md-6 { padding-right: 2.5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 2.5rem !important; } .pl-md-6, .px-md-6 { padding-left: 2.5rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -2rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -2rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -2rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -2rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -2rem !important; } .m-md-n6 { margin: -2.5rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -2.5rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -2.5rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -2.5rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -2.5rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 2rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 2rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 2rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 2rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 2rem !important; } .m-lg-6 { margin: 2.5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 2.5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 2.5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 2.5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 2.5rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 2rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 2rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 2rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 2rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 2rem !important; } .p-lg-6 { padding: 2.5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 2.5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 2.5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 2.5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 2.5rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -2rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -2rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -2rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -2rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -2rem !important; } .m-lg-n6 { margin: -2.5rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -2.5rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -2.5rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -2.5rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -2.5rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1399px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 2rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 2rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 2rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 2rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 2rem !important; } .m-xl-6 { margin: 2.5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 2.5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 2.5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 2.5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 2.5rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 2rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 2rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 2rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 2rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 2rem !important; } .p-xl-6 { padding: 2.5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 2.5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 2.5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 2.5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 2.5rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -2rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -2rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -2rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -2rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -2rem !important; } .m-xl-n6 { margin: -2.5rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -2.5rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -2.5rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -2.5rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -2.5rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1399px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #886ab5 !important; } a.text-primary:hover, a.text-primary:focus { color: #62468d !important; } .text-secondary { color: #868e96 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #60686f !important; } .text-success { color: #1dc9b7 !important; } a.text-success:hover, a.text-success:focus { color: #13867a !important; } .text-info { color: #2196F3 !important; } a.text-info:hover, a.text-info:focus { color: #0a6ebd !important; } .text-warning { color: #ffc241 !important; } a.text-warning:hover, a.text-warning:focus { color: #f4a500 !important; } .text-danger { color: #fd3995 !important; } a.text-danger:hover, a.text-danger:focus { color: #e7026e !important; } .text-light { color: #fff !important; } a.text-light:hover, a.text-light:focus { color: #d9d9d9 !important; } .text-dark { color: #505050 !important; } a.text-dark:hover, a.text-dark:focus { color: #2a2a2a !important; } .text-body { color: #212529 !important; } .text-muted { color: #868e96 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: letter; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #e9e9e9; } .table .thead-dark th { color: inherit; border-color: #e9e9e9; } } /* #GLOBAL IMPORTS ========================================================================== */ /* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins ========================================================================== */ /*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*/ /*------------------------ Usage $color-white: hexToRGBString(#fff) => "255,255,255" $color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255" $color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255" ------------------------*/ /*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); } ------------------------*/ /*------------------------ FADE IN e.g. @include fadeIn( 2s ); ------------------------*/ /*------------------------ mixin that calculates if text needs to be light or dark depending on the background color passed. From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast usage: @include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000 ------------------------*/ /*------------------------ color factory eg: contrast-ink($contrastvalue) ------------------------*/ /*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50); ------------------------*/ /* backface visibility */ /* generate theme button */ /* #BASE - Base Variable file along with font library, and colors. ========================================================================== */ /* THEME COLORs ========================================================================== */ /* Looks good on chrome default color profile */ /* We will manually convert these primary colors to rgb for the dark mode option of the theme */ /* looks good in sRGB but washed up on chrome default $color-primary: #826bb0; $color-success: #31cb55; $color-info: #5e93ec; $color-warning: #eec559; $color-danger: #dc4b92; $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ /* Color Polarity ========================================================================== */ /* PAINTBUCKET MIXER ========================================================================== */ /* the grays */ /* the sapphires */ /* the emeralds */ /* the amethyths */ /* the topaz */ /* the rubies */ /* the graphites */ /* Define universal border difition (div outlines, etc) ========================================================================== */ /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) ========================================================================== */ /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ /* global var used for spacing*/ /* Uniform Padding variable */ /* Heads up! This is a global scoped variable - changing may impact the whole template */ /* BOOTSTRAP OVERRIDES (bootstrap variables) ========================================================================== */ /* usage: theme-colors("primary"); */ /* forms */ /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ /* links */ /* checkbox */ /*$custom-file-height-inner: calc(2.25rem - 1px);*/ /* not part of bootstrap variable */ /* custom checkbox */ /* custom range */ /* custom file */ /* badge */ /* cards */ /*border radius*/ /* alert */ /* toast */ /* breadcrumb */ /* input button */ /* nav link */ /* nav, tabs, pills */ /* tables */ /* dropdowns */ /* dropdowns sizes */ /* popovers */ /* tooltips */ /* modal */ /* reference guide http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ 8px = 0.5rem 9px = 0.5625rem 10px = 0.625rem 11px = 0.6875rem 12px = 0.75rem 13px = 0.8125rem 14px = 0.875rem 15px = 0.9375rem 16px = 1rem (base) 17px = 1.0625rem 18px = 1.125rem 19px = 1.1875rem 20px = 1.25rem 21px = 1.3125rem 22px = 1.375rem 24px = 1.5rem 25px = 1.5625rem 26px = 1.625rem 28px = 1.75rem 30px = 1.875rem 32px = 2rem 34px = 2.125rem 36px = 2.25rem 38px = 2.375rem 40px = 2.5rem */ /* Fonts */ /* carousel */ /* BASE VARS ========================================================================== */ /* font vars below will auto change to rem values using function rem($value)*/ /* 11px */ /* 12px */ /* 12.5px */ /* 14px */ /* 15px */ /* 16px */ /* 28px */ /* Font Family ========================================================================== */ /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ /* ANIMATIONS ========================================================================== */ /* this addresses all animation related to nav hide to nav minify */ /* Z-INDEX declearation ========================================================================== */ /* we adjust bootstrap z-index to be higher than our higest z-index*/ /* CUSTOM ICON PREFIX ========================================================================== */ /* PRINT CSS (landscape or portrait) ========================================================================== */ /* landscape or portrait */ /* auto, letter */ /* Common Element Variables ========================================================================== */ /* Z-index decleartion "birds eye view" ========================================================================== */ /* Components ========================================================================== */ /* PAGE HEADER STUFF ========================================================================== */ /* colors */ /* height */ /* logo */ /* try not to go beywond the width of $main_nav_width value */ /* you may need to change this depending on your logo design */ /* adjust this as you see fit : left, right, center */ /* icon font size (not button) */ /* search input box */ /* suggestion: #ccced0*/ /* btn */ /* dropdown: app list */ /* badge */ /* COMPONENTS & MODS */ /* NAVIGATION STUFF Guide: aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) ========================================================================== */ /* main navigation */ /* left panel */ /* nav footer */ /* nav parent level-0 */ /* nav link level-1 */ /* nav level-1 bg */ /* nav icon sizes */ /* badge default */ /* all child */ /* nav title */ /* nav Minify */ /* when the menu pops on hover */ /* navigation Width */ /* partial visibility of the menu */ /* top navigation */ /* nav Info Card (appears below the logo) */ /* width is auto */ /* nav DL labels for all child */ /* will be pulled to left as a negative value */ /* MISC Settings ========================================================================== */ /* List Table */ /* PAGE SETTINGS ========================================================================== */ /* PAGE BREADCRUMB ========================================================================== */ /* PAGE COMPONENT PANELS ========================================================================== */ /* PAGE COMPONENT PROGRESSBARS ========================================================================== */ /* PAGE COMPONENT MESSENGER ========================================================================== */ /* FOOTER ========================================================================== */ /* GLOBALS ========================================================================== */ /* ACCESSIBILITIES */ /* SHORTCUT BUTTON (appears on bottom right of the page) */ /* GULP WARNINGS */ body { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px; } .page-content { color: #666666; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400; } strong { font-weight: 500; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem; } h2 small, h3 small, .h2 small, .h3 small { font-size: 0.9375rem; } h4 small, .h4 small { font-size: 0.875rem; } h5 small, h6 small, .h5 small, .h6 small { font-size: 0.8125rem; } /* contrast text */ .text-contrast { color: #333333; } /* text-gradient */ .text-gradient { background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); color: #886ab5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; } /* looking for font size? Check _helpers.scss */ /* PLACEHOLDER ============================================= EXAMPLE: %bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .image-one { @extend %bg-image; background-image:url(/img/image-one.jpg"); } RESULT: .image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } */ /* %shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); } } */ /*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1)); }*/ /* %selected-dot { &:before { content: " "; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: " "; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*/ /* patterns */ /* #WEBFONT ICONS IMPORTS ========================================================================== */ /*! * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-abacus:before { content: "\f640"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acorn:before { content: "\f6ae"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-conditioner:before { content: "\f8f4"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-alarm-clock:before { content: "\f34e"; } .fa-alarm-exclamation:before { content: "\f843"; } .fa-alarm-plus:before { content: "\f844"; } .fa-alarm-snooze:before { content: "\f845"; } .fa-album:before { content: "\f89f"; } .fa-album-collection:before { content: "\f8a0"; } .fa-algolia:before { content: "\f36c"; } .fa-alicorn:before { content: "\f6b0"; } .fa-alien:before { content: "\f8f5"; } .fa-alien-monster:before { content: "\f8f6"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-align-slash:before { content: "\f846"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-amp-guitar:before { content: "\f8a1"; } .fa-analytics:before { content: "\f643"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angel:before { content: "\f779"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-crate:before { content: "\f6b1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-alt-down:before { content: "\f354"; } .fa-arrow-alt-from-bottom:before { content: "\f346"; } .fa-arrow-alt-from-left:before { content: "\f347"; } .fa-arrow-alt-from-right:before { content: "\f348"; } .fa-arrow-alt-from-top:before { content: "\f349"; } .fa-arrow-alt-left:before { content: "\f355"; } .fa-arrow-alt-right:before { content: "\f356"; } .fa-arrow-alt-square-down:before { content: "\f350"; } .fa-arrow-alt-square-left:before { content: "\f351"; } .fa-arrow-alt-square-right:before { content: "\f352"; } .fa-arrow-alt-square-up:before { content: "\f353"; } .fa-arrow-alt-to-bottom:before { content: "\f34a"; } .fa-arrow-alt-to-left:before { content: "\f34b"; } .fa-arrow-alt-to-right:before { content: "\f34c"; } .fa-arrow-alt-to-top:before { content: "\f34d"; } .fa-arrow-alt-up:before { content: "\f357"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-from-bottom:before { content: "\f342"; } .fa-arrow-from-left:before { content: "\f343"; } .fa-arrow-from-right:before { content: "\f344"; } .fa-arrow-from-top:before { content: "\f345"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-square-down:before { content: "\f339"; } .fa-arrow-square-left:before { content: "\f33a"; } .fa-arrow-square-right:before { content: "\f33b"; } .fa-arrow-square-up:before { content: "\f33c"; } .fa-arrow-to-bottom:before { content: "\f33d"; } .fa-arrow-to-left:before { content: "\f33e"; } .fa-arrow-to-right:before { content: "\f340"; } .fa-arrow-to-top:before { content: "\f341"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows:before { content: "\f047"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-arrows-h:before { content: "\f07e"; } .fa-arrows-v:before { content: "\f07d"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-atom-alt:before { content: "\f5d3"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-axe:before { content: "\f6b2"; } .fa-axe-battle:before { content: "\f6b3"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backpack:before { content: "\f5d4"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "\f959"; } .fa-bacterium:before { content: "\f95a"; } .fa-badge:before { content: "\f335"; } .fa-badge-check:before { content: "\f336"; } .fa-badge-dollar:before { content: "\f645"; } .fa-badge-percent:before { content: "\f646"; } .fa-badge-sheriff:before { content: "\f8a2"; } .fa-badger-honey:before { content: "\f6b4"; } .fa-bags-shopping:before { content: "\f847"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ball-pile:before { content: "\f77e"; } .fa-ballot:before { content: "\f732"; } .fa-ballot-check:before { content: "\f733"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-banjo:before { content: "\f8a3"; } .fa-barcode:before { content: "\f02a"; } .fa-barcode-alt:before { content: "\f463"; } .fa-barcode-read:before { content: "\f464"; } .fa-barcode-scan:before { content: "\f465"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball:before { content: "\f432"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-basketball-hoop:before { content: "\f435"; } .fa-bat:before { content: "\f6b5"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-bolt:before { content: "\f376"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-slash:before { content: "\f377"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-bed-alt:before { content: "\f8f7"; } .fa-bed-bunk:before { content: "\f8f8"; } .fa-bed-empty:before { content: "\f8f9"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-exclamation:before { content: "\f848"; } .fa-bell-on:before { content: "\f8fa"; } .fa-bell-plus:before { content: "\f849"; } .fa-bell-school:before { content: "\f5d5"; } .fa-bell-school-slash:before { content: "\f5d6"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bells:before { content: "\f77f"; } .fa-betamax:before { content: "\f8a4"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-biking-mountain:before { content: "\f84b"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blanket:before { content: "\f498"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blinds:before { content: "\f8fb"; } .fa-blinds-open:before { content: "\f8fc"; } .fa-blinds-raised:before { content: "\f8fd"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bone-break:before { content: "\f5d8"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-alt:before { content: "\f5d9"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-heart:before { content: "\f499"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-book-spells:before { content: "\f6b8"; } .fa-book-user:before { content: "\f7e7"; } .fa-bookmark:before { content: "\f02e"; } .fa-books:before { content: "\f5db"; } .fa-books-medical:before { content: "\f7e8"; } .fa-boombox:before { content: "\f8a5"; } .fa-boot:before { content: "\f782"; } .fa-booth-curtain:before { content: "\f734"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-bottom:before { content: "\f84d"; } .fa-border-center-h:before { content: "\f89c"; } .fa-border-center-v:before { content: "\f89d"; } .fa-border-inner:before { content: "\f84e"; } .fa-border-left:before { content: "\f84f"; } .fa-border-none:before { content: "\f850"; } .fa-border-outer:before { content: "\f851"; } .fa-border-right:before { content: "\f852"; } .fa-border-style:before { content: "\f853"; } .fa-border-style-alt:before { content: "\f854"; } .fa-border-top:before { content: "\f855"; } .fa-bow-arrow:before { content: "\f6b9"; } .fa-bowling-ball:before { content: "\f436"; } .fa-bowling-pins:before { content: "\f437"; } .fa-box:before { content: "\f466"; } .fa-box-alt:before { content: "\f49a"; } .fa-box-ballot:before { content: "\f735"; } .fa-box-check:before { content: "\f467"; } .fa-box-fragile:before { content: "\f49b"; } .fa-box-full:before { content: "\f49c"; } .fa-box-heart:before { content: "\f49d"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\f95b"; } .fa-box-up:before { content: "\f49f"; } .fa-box-usd:before { content: "\f4a0"; } .fa-boxes:before { content: "\f468"; } .fa-boxes-alt:before { content: "\f4a1"; } .fa-boxing-glove:before { content: "\f438"; } .fa-brackets:before { content: "\f7e9"; } .fa-brackets-curly:before { content: "\f7ea"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-loaf:before { content: "\f7eb"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-bring-forward:before { content: "\f856"; } .fa-bring-front:before { content: "\f857"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-browser:before { content: "\f37e"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-bullseye-arrow:before { content: "\f648"; } .fa-bullseye-pointer:before { content: "\f649"; } .fa-burger-soda:before { content: "\f858"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-burrito:before { content: "\f7ed"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-bus-school:before { content: "\f5dd"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-cabinet-filing:before { content: "\f64b"; } .fa-cactus:before { content: "\f8a7"; } .fa-calculator:before { content: "\f1ec"; } .fa-calculator-alt:before { content: "\f64c"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-edit:before { content: "\f333"; } .fa-calendar-exclamation:before { content: "\f334"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-star:before { content: "\f736"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camcorder:before { content: "\f8a8"; } .fa-camera:before { content: "\f030"; } .fa-camera-alt:before { content: "\f332"; } .fa-camera-home:before { content: "\f8fe"; } .fa-camera-movie:before { content: "\f8a9"; } .fa-camera-polaroid:before { content: "\f8aa"; } .fa-camera-retro:before { content: "\f083"; } .fa-campfire:before { content: "\f6ba"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candle-holder:before { content: "\f6bc"; } .fa-candy-cane:before { content: "\f786"; } .fa-candy-corn:before { content: "\f6bd"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-building:before { content: "\f859"; } .fa-car-bump:before { content: "\f5e0"; } .fa-car-bus:before { content: "\f85a"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-garage:before { content: "\f5e2"; } .fa-car-mechanic:before { content: "\f5e3"; } .fa-car-side:before { content: "\f5e4"; } .fa-car-tilt:before { content: "\f5e5"; } .fa-car-wash:before { content: "\f5e6"; } .fa-caravan:before { content: "\f8ff"; } .fa-caravan-alt:before { content: "\f900"; } .fa-caret-circle-down:before { content: "\f32d"; } .fa-caret-circle-left:before { content: "\f32e"; } .fa-caret-circle-right:before { content: "\f330"; } .fa-caret-circle-up:before { content: "\f331"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cars:before { content: "\f85b"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cassette-tape:before { content: "\f8ab"; } .fa-cat:before { content: "\f6be"; } .fa-cat-space:before { content: "\f901"; } .fa-cauldron:before { content: "\f6bf"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cctv:before { content: "\f8ac"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chair-office:before { content: "\f6c1"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-line-down:before { content: "\f64d"; } .fa-chart-network:before { content: "\f78a"; } .fa-chart-pie:before { content: "\f200"; } .fa-chart-pie-alt:before { content: "\f64e"; } .fa-chart-scatter:before { content: "\f7ee"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-cheese-swiss:before { content: "\f7f0"; } .fa-cheeseburger:before { content: "\f7f1"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-bishop-alt:before { content: "\f43b"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-clock:before { content: "\f43d"; } .fa-chess-clock-alt:before { content: "\f43e"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-king-alt:before { content: "\f440"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-knight-alt:before { content: "\f442"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-pawn-alt:before { content: "\f444"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-queen-alt:before { content: "\f446"; } .fa-chess-rook:before { content: "\f447"; } .fa-chess-rook-alt:before { content: "\f448"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-double-down:before { content: "\f322"; } .fa-chevron-double-left:before { content: "\f323"; } .fa-chevron-double-right:before { content: "\f324"; } .fa-chevron-double-up:before { content: "\f325"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-square-down:before { content: "\f329"; } .fa-chevron-square-left:before { content: "\f32a"; } .fa-chevron-square-right:before { content: "\f32b"; } .fa-chevron-square-up:before { content: "\f32c"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chimney:before { content: "\f78b"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clarinet:before { content: "\f8ad"; } .fa-claw-marks:before { content: "\f6c2"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clipboard-list-check:before { content: "\f737"; } .fa-clipboard-prescription:before { content: "\f5e8"; } .fa-clipboard-user:before { content: "\f7f3"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-drizzle:before { content: "\f738"; } .fa-cloud-hail:before { content: "\f739"; } .fa-cloud-hail-mixed:before { content: "\f73a"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-music:before { content: "\f8ae"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-rainbow:before { content: "\f73e"; } .fa-cloud-showers:before { content: "\f73f"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sleet:before { content: "\f741"; } .fa-cloud-snow:before { content: "\f742"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-clouds:before { content: "\f744"; } .fa-clouds-moon:before { content: "\f745"; } .fa-clouds-sun:before { content: "\f746"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-club:before { content: "\f327"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-code-commit:before { content: "\f386"; } .fa-code-merge:before { content: "\f387"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-coffee-pot:before { content: "\f902"; } .fa-coffee-togo:before { content: "\f6c5"; } .fa-coffin:before { content: "\f6c6"; } .fa-coffin-cross:before { content: "\f951"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coin:before { content: "\f85c"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comet:before { content: "\f903"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-alt-check:before { content: "\f4a2"; } .fa-comment-alt-dollar:before { content: "\f650"; } .fa-comment-alt-dots:before { content: "\f4a3"; } .fa-comment-alt-edit:before { content: "\f4a4"; } .fa-comment-alt-exclamation:before { content: "\f4a5"; } .fa-comment-alt-lines:before { content: "\f4a6"; } .fa-comment-alt-medical:before { content: "\f7f4"; } .fa-comment-alt-minus:before { content: "\f4a7"; } .fa-comment-alt-music:before { content: "\f8af"; } .fa-comment-alt-plus:before { content: "\f4a8"; } .fa-comment-alt-slash:before { content: "\f4a9"; } .fa-comment-alt-smile:before { content: "\f4aa"; } .fa-comment-alt-times:before { content: "\f4ab"; } .fa-comment-check:before { content: "\f4ac"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-edit:before { content: "\f4ae"; } .fa-comment-exclamation:before { content: "\f4af"; } .fa-comment-lines:before { content: "\f4b0"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-minus:before { content: "\f4b1"; } .fa-comment-music:before { content: "\f8b0"; } .fa-comment-plus:before { content: "\f4b2"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comment-smile:before { content: "\f4b4"; } .fa-comment-times:before { content: "\f4b5"; } .fa-comments:before { content: "\f086"; } .fa-comments-alt:before { content: "\f4b6"; } .fa-comments-alt-dollar:before { content: "\f652"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compass-slash:before { content: "\f5e9"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-compress-wide:before { content: "\f326"; } .fa-computer-classic:before { content: "\f8b1"; } .fa-computer-speaker:before { content: "\f8b2"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-construction:before { content: "\f85d"; } .fa-container-storage:before { content: "\f4b7"; } .fa-contao:before { content: "\f26d"; } .fa-conveyor-belt:before { content: "\f46e"; } .fa-conveyor-belt-alt:before { content: "\f46f"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-corn:before { content: "\f6c7"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cow:before { content: "\f6c8"; } .fa-cowbell:before { content: "\f8b3"; } .fa-cowbell-more:before { content: "\f8b4"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-credit-card-blank:before { content: "\f389"; } .fa-credit-card-front:before { content: "\f38a"; } .fa-cricket:before { content: "\f449"; } .fa-critical-role:before { content: "\f6c9"; } .fa-croissant:before { content: "\f7f6"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-crutches:before { content: "\f7f8"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-curling:before { content: "\f44a"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dagger:before { content: "\f6cb"; } .fa-dailymotion:before { content: "\f952"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-debug:before { content: "\f7f9"; } .fa-deer:before { content: "\f78e"; } .fa-deer-rudolph:before { content: "\f78f"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-desktop-alt:before { content: "\f390"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dewpoint:before { content: "\f748"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diamond:before { content: "\f219"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d10:before { content: "\f6cd"; } .fa-dice-d12:before { content: "\f6ce"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d4:before { content: "\f6d0"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-d8:before { content: "\f6d2"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digging:before { content: "\f85e"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-diploma:before { content: "\f5ea"; } .fa-directions:before { content: "\f5eb"; } .fa-disc-drive:before { content: "\f8b5"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-do-not-enter:before { content: "\f5ec"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dog-leashed:before { content: "\f6d4"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-empty:before { content: "\f473"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-dolly-flatbed-alt:before { content: "\f475"; } .fa-dolly-flatbed-empty:before { content: "\f476"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-circle:before { content: "\f5ed"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-draw-square:before { content: "\f5ef"; } .fa-dreidel:before { content: "\f792"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-drone:before { content: "\f85f"; } .fa-drone-alt:before { content: "\f860"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick:before { content: "\f6d6"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dryer:before { content: "\f861"; } .fa-dryer-alt:before { content: "\f862"; } .fa-duck:before { content: "\f6d8"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-ear:before { content: "\f5f0"; } .fa-ear-muffs:before { content: "\f795"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-eclipse:before { content: "\f749"; } .fa-eclipse-alt:before { content: "\f74a"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-egg-fried:before { content: "\f7fc"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-elephant:before { content: "\f6da"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-h-alt:before { content: "\f39b"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ellipsis-v-alt:before { content: "\f39c"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-empty-set:before { content: "\f656"; } .fa-engine-warning:before { content: "\f5f2"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-dollar:before { content: "\f657"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange:before { content: "\f0ec"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-square:before { content: "\f321"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows:before { content: "\f31d"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expand-wide:before { content: "\f320"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link:before { content: "\f08e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square:before { content: "\f14c"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-evil:before { content: "\f6db"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fan-table:before { content: "\f904"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-farm:before { content: "\f864"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\f905"; } .fa-faucet-drip:before { content: "\f906"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-field-hockey:before { content: "\f44c"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-certificate:before { content: "\f5f3"; } .fa-file-chart-line:before { content: "\f659"; } .fa-file-chart-pie:before { content: "\f65a"; } .fa-file-check:before { content: "\f316"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-edit:before { content: "\f31c"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-exclamation:before { content: "\f31a"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-minus:before { content: "\f318"; } .fa-file-music:before { content: "\f8b6"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-plus:before { content: "\f319"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-search:before { content: "\f865"; } .fa-file-signature:before { content: "\f573"; } .fa-file-spreadsheet:before { content: "\f65b"; } .fa-file-times:before { content: "\f317"; } .fa-file-upload:before { content: "\f574"; } .fa-file-user:before { content: "\f65c"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-files-medical:before { content: "\f7fd"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-film-alt:before { content: "\f3a0"; } .fa-film-canister:before { content: "\f8b7"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-fire-smoke:before { content: "\f74b"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\f907"; } .fa-fireplace:before { content: "\f79a"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fish-cooked:before { content: "\f7fe"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-alt:before { content: "\f74c"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flame:before { content: "\f6df"; } .fa-flashlight:before { content: "\f8b8"; } .fa-flask:before { content: "\f0c3"; } .fa-flask-poison:before { content: "\f6e0"; } .fa-flask-potion:before { content: "\f6e1"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flower:before { content: "\f7ff"; } .fa-flower-daffodil:before { content: "\f800"; } .fa-flower-tulip:before { content: "\f801"; } .fa-flushed:before { content: "\f579"; } .fa-flute:before { content: "\f8b9"; } .fa-flux-capacitor:before { content: "\f8ba"; } .fa-fly:before { content: "\f417"; } .fa-fog:before { content: "\f74e"; } .fa-folder:before { content: "\f07b"; } .fa-folder-download:before { content: "\f953"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-folder-times:before { content: "\f65f"; } .fa-folder-tree:before { content: "\f802"; } .fa-folder-upload:before { content: "\f954"; } .fa-folders:before { content: "\f660"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-font-case:before { content: "\f866"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-football-helmet:before { content: "\f44f"; } .fa-forklift:before { content: "\f47a"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-fragile:before { content: "\f4bb"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-french-fries:before { content: "\f803"; } .fa-frog:before { content: "\f52e"; } .fa-frosty-head:before { content: "\f79b"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-function:before { content: "\f661"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-galaxy:before { content: "\f908"; } .fa-game-board:before { content: "\f867"; } .fa-game-board-alt:before { content: "\f868"; } .fa-game-console-handheld:before { content: "\f8bb"; } .fa-gamepad:before { content: "\f11b"; } .fa-gamepad-alt:before { content: "\f8bc"; } .fa-garage:before { content: "\f909"; } .fa-garage-car:before { content: "\f90a"; } .fa-garage-open:before { content: "\f90b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gas-pump-slash:before { content: "\f5f4"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gift-card:before { content: "\f663"; } .fa-gifts:before { content: "\f79c"; } .fa-gingerbread-man:before { content: "\f79d"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass:before { content: "\f804"; } .fa-glass-champagne:before { content: "\f79e"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-citrus:before { content: "\f869"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glass-whiskey-rocks:before { content: "\f7a1"; } .fa-glasses:before { content: "\f530"; } .fa-glasses-alt:before { content: "\f5f5"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-globe-snow:before { content: "\f7a3"; } .fa-globe-stand:before { content: "\f5f6"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-golf-club:before { content: "\f451"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gramophone:before { content: "\f8bd"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-guitar-electric:before { content: "\f8be"; } .fa-guitars:before { content: "\f8bf"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-h1:before { content: "\f313"; } .fa-h2:before { content: "\f314"; } .fa-h3:before { content: "\f315"; } .fa-h4:before { content: "\f86a"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hammer-war:before { content: "\f6e4"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-heart:before { content: "\f4bc"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-box:before { content: "\f47b"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-magic:before { content: "\f6e5"; } .fa-hand-holding-medical:before { content: "\f95c"; } .fa-hand-holding-seedling:before { content: "\f4bf"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-receiving:before { content: "\f47c"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\f95d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-heart:before { content: "\f4c3"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-usd:before { content: "\f4c5"; } .fa-hands-wash:before { content: "\f95e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt:before { content: "\f4c6"; } .fa-handshake-alt-slash:before { content: "\f95f"; } .fa-handshake-slash:before { content: "\f960"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-chef:before { content: "\f86b"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-santa:before { content: "\f7a7"; } .fa-hat-winter:before { content: "\f7a8"; } .fa-hat-witch:before { content: "\f6e7"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side:before { content: "\f6e9"; } .fa-head-side-brain:before { content: "\f808"; } .fa-head-side-cough:before { content: "\f961"; } .fa-head-side-cough-slash:before { content: "\f962"; } .fa-head-side-headphones:before { content: "\f8c2"; } .fa-head-side-mask:before { content: "\f963"; } .fa-head-side-medical:before { content: "\f809"; } .fa-head-side-virus:before { content: "\f964"; } .fa-head-vr:before { content: "\f6ea"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heart-circle:before { content: "\f4c7"; } .fa-heart-rate:before { content: "\f5f8"; } .fa-heart-square:before { content: "\f4c8"; } .fa-heartbeat:before { content: "\f21e"; } .fa-heat:before { content: "\f90c"; } .fa-helicopter:before { content: "\f533"; } .fa-helmet-battle:before { content: "\f6eb"; } .fa-hexagon:before { content: "\f312"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-mask:before { content: "\f6ee"; } .fa-hockey-puck:before { content: "\f453"; } .fa-hockey-sticks:before { content: "\f454"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-home-alt:before { content: "\f80a"; } .fa-home-heart:before { content: "\f4c9"; } .fa-home-lg:before { content: "\f80b"; } .fa-home-lg-alt:before { content: "\f80c"; } .fa-hood-cloak:before { content: "\f6ef"; } .fa-hooli:before { content: "\f427"; } .fa-horizontal-rule:before { content: "\f86c"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-horse-saddle:before { content: "\f8c3"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hospitals:before { content: "\f80e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house:before { content: "\f90d"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-day:before { content: "\f90e"; } .fa-house-flood:before { content: "\f74f"; } .fa-house-leave:before { content: "\f90f"; } .fa-house-night:before { content: "\f910"; } .fa-house-return:before { content: "\f911"; } .fa-house-signal:before { content: "\f912"; } .fa-house-user:before { content: "\f965"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-humidity:before { content: "\f750"; } .fa-hurricane:before { content: "\f751"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-ice-skate:before { content: "\f7ac"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-icons-alt:before { content: "\f86e"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\f913"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-image-polaroid:before { content: "\f8c4"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-inbox-in:before { content: "\f310"; } .fa-inbox-out:before { content: "\f311"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-industry-alt:before { content: "\f3b3"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-info-square:before { content: "\f30f"; } .fa-inhaler:before { content: "\f5f9"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\f955"; } .fa-integral:before { content: "\f667"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-intersection:before { content: "\f668"; } .fa-inventory:before { content: "\f480"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-island-tropical:before { content: "\f811"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-jack-o-lantern:before { content: "\f30e"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-joystick:before { content: "\f8c5"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-jug:before { content: "\f8c6"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-kazoo:before { content: "\f8c7"; } .fa-kerning:before { content: "\f86f"; } .fa-key:before { content: "\f084"; } .fa-key-skeleton:before { content: "\f6f3"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-keynote:before { content: "\f66c"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kidneys:before { content: "\f5fb"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kite:before { content: "\f6f4"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-knife-kitchen:before { content: "\f6f5"; } .fa-korvue:before { content: "\f42f"; } .fa-lambda:before { content: "\f66e"; } .fa-lamp:before { content: "\f4ca"; } .fa-lamp-desk:before { content: "\f914"; } .fa-lamp-floor:before { content: "\f915"; } .fa-landmark:before { content: "\f66f"; } .fa-landmark-alt:before { content: "\f752"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\f966"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lasso:before { content: "\f8c8"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-layer-minus:before { content: "\f5fe"; } .fa-layer-plus:before { content: "\f5ff"; } .fa-leaf:before { content: "\f06c"; } .fa-leaf-heart:before { content: "\f4cb"; } .fa-leaf-maple:before { content: "\f6f6"; } .fa-leaf-oak:before { content: "\f6f7"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down:before { content: "\f149"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up:before { content: "\f148"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-light-ceiling:before { content: "\f916"; } .fa-light-switch:before { content: "\f917"; } .fa-light-switch-off:before { content: "\f918"; } .fa-light-switch-on:before { content: "\f919"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-lightbulb-dollar:before { content: "\f670"; } .fa-lightbulb-exclamation:before { content: "\f671"; } .fa-lightbulb-on:before { content: "\f672"; } .fa-lightbulb-slash:before { content: "\f673"; } .fa-lights-holiday:before { content: "\f7b2"; } .fa-line:before { content: "\f3c0"; } .fa-line-columns:before { content: "\f870"; } .fa-line-height:before { content: "\f871"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lips:before { content: "\f600"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-music:before { content: "\f8c9"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location:before { content: "\f601"; } .fa-location-arrow:before { content: "\f124"; } .fa-location-circle:before { content: "\f602"; } .fa-location-slash:before { content: "\f603"; } .fa-lock:before { content: "\f023"; } .fa-lock-alt:before { content: "\f30d"; } .fa-lock-open:before { content: "\f3c1"; } .fa-lock-open-alt:before { content: "\f3c2"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-loveseat:before { content: "\f4cc"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luchador:before { content: "\f455"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\f967"; } .fa-lyft:before { content: "\f3c3"; } .fa-mace:before { content: "\f6f8"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailbox:before { content: "\f813"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-mandolin:before { content: "\f6f9"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-marker-alt-slash:before { content: "\f605"; } .fa-map-marker-check:before { content: "\f606"; } .fa-map-marker-edit:before { content: "\f607"; } .fa-map-marker-exclamation:before { content: "\f608"; } .fa-map-marker-minus:before { content: "\f609"; } .fa-map-marker-plus:before { content: "\f60a"; } .fa-map-marker-question:before { content: "\f60b"; } .fa-map-marker-slash:before { content: "\f60c"; } .fa-map-marker-smile:before { content: "\f60d"; } .fa-map-marker-times:before { content: "\f60e"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-meat:before { content: "\f814"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaphone:before { content: "\f675"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\f91a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microphone-stand:before { content: "\f8cb"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-microwave:before { content: "\f91b"; } .fa-mind-share:before { content: "\f677"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-hexagon:before { content: "\f307"; } .fa-minus-octagon:before { content: "\f308"; } .fa-minus-square:before { content: "\f146"; } .fa-mistletoe:before { content: "\f7b4"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\f956"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-mobile-android:before { content: "\f3ce"; } .fa-mobile-android-alt:before { content: "\f3cf"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-money-check-edit:before { content: "\f872"; } .fa-money-check-edit-alt:before { content: "\f873"; } .fa-monitor-heart-rate:before { content: "\f611"; } .fa-monkey:before { content: "\f6fb"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-moon-cloud:before { content: "\f754"; } .fa-moon-stars:before { content: "\f755"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mountains:before { content: "\f6fd"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-alt:before { content: "\f8cd"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mp3-player:before { content: "\f8ce"; } .fa-mug:before { content: "\f874"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-mug-marshmallows:before { content: "\f7b7"; } .fa-mug-tea:before { content: "\f875"; } .fa-music:before { content: "\f001"; } .fa-music-alt:before { content: "\f8cf"; } .fa-music-alt-slash:before { content: "\f8d0"; } .fa-music-slash:before { content: "\f8d1"; } .fa-napster:before { content: "\f3d2"; } .fa-narwhal:before { content: "\f6fe"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octagon:before { content: "\f306"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-oil-temp:before { content: "\f614"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-omega:before { content: "\f67a"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-ornament:before { content: "\f7b8"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-outlet:before { content: "\f91c"; } .fa-oven:before { content: "\f91d"; } .fa-overline:before { content: "\f876"; } .fa-page-break:before { content: "\f877"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-brush-alt:before { content: "\f5a9"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-pallet-alt:before { content: "\f483"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-paragraph-rtl:before { content: "\f878"; } .fa-parking:before { content: "\f540"; } .fa-parking-circle:before { content: "\f615"; } .fa-parking-circle-slash:before { content: "\f616"; } .fa-parking-slash:before { content: "\f617"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paw-alt:before { content: "\f701"; } .fa-paw-claws:before { content: "\f702"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pegasus:before { content: "\f703"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil:before { content: "\f040"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-paintbrush:before { content: "\f618"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-pennant:before { content: "\f456"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\f968"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-person-carry:before { content: "\f4cf"; } .fa-person-dolly:before { content: "\f4d0"; } .fa-person-dolly-empty:before { content: "\f4d1"; } .fa-person-sign:before { content: "\f757"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-laptop:before { content: "\f87a"; } .fa-phone-office:before { content: "\f67d"; } .fa-phone-plus:before { content: "\f4d2"; } .fa-phone-rotary:before { content: "\f8d3"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pi:before { content: "\f67e"; } .fa-piano:before { content: "\f8d4"; } .fa-piano-keyboard:before { content: "\f8d5"; } .fa-pie:before { content: "\f705"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\f91e"; } .fa-pig:before { content: "\f706"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza:before { content: "\f817"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-alt:before { content: "\f3de"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\f969"; } .fa-planet-moon:before { content: "\f91f"; } .fa-planet-ringed:before { content: "\f920"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-hexagon:before { content: "\f300"; } .fa-plus-octagon:before { content: "\f301"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-podium:before { content: "\f680"; } .fa-podium-star:before { content: "\f758"; } .fa-police-box:before { content: "\f921"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poll-people:before { content: "\f759"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-popcorn:before { content: "\f819"; } .fa-portal-enter:before { content: "\f922"; } .fa-portal-exit:before { content: "\f923"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-presentation:before { content: "\f685"; } .fa-print:before { content: "\f02f"; } .fa-print-search:before { content: "\f81a"; } .fa-print-slash:before { content: "\f686"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-projector:before { content: "\f8d6"; } .fa-pump-medical:before { content: "\f96a"; } .fa-pump-soap:before { content: "\f96b"; } .fa-pumpkin:before { content: "\f707"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-question-square:before { content: "\f2fd"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-rabbit:before { content: "\f708"; } .fa-rabbit-fast:before { content: "\f709"; } .fa-racquet:before { content: "\f45a"; } .fa-radar:before { content: "\f924"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-radio:before { content: "\f8d7"; } .fa-radio-alt:before { content: "\f8d8"; } .fa-rainbow:before { content: "\f75b"; } .fa-raindrops:before { content: "\f75c"; } .fa-ram:before { content: "\f70a"; } .fa-ramp-loading:before { content: "\f4d4"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-raygun:before { content: "\f925"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-rectangle-landscape:before { content: "\f2fa"; } .fa-rectangle-portrait:before { content: "\f2fb"; } .fa-rectangle-wide:before { content: "\f2fc"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-refrigerator:before { content: "\f926"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-repeat:before { content: "\f363"; } .fa-repeat-1:before { content: "\f365"; } .fa-repeat-1-alt:before { content: "\f366"; } .fa-repeat-alt:before { content: "\f364"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-retweet-alt:before { content: "\f361"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-rings-wedding:before { content: "\f81b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocket-launch:before { content: "\f927"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-route-highway:before { content: "\f61a"; } .fa-route-interstate:before { content: "\f61b"; } .fa-router:before { content: "\f8da"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-triangle:before { content: "\f61c"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rv:before { content: "\f7be"; } .fa-sack:before { content: "\f81c"; } .fa-sack-dollar:before { content: "\f81d"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salad:before { content: "\f81e"; } .fa-salesforce:before { content: "\f83b"; } .fa-sandwich:before { content: "\f81f"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-sausage:before { content: "\f820"; } .fa-save:before { content: "\f0c7"; } .fa-sax-hot:before { content: "\f8db"; } .fa-saxophone:before { content: "\f8dc"; } .fa-scalpel:before { content: "\f61d"; } .fa-scalpel-path:before { content: "\f61e"; } .fa-scanner:before { content: "\f488"; } .fa-scanner-image:before { content: "\f8f3"; } .fa-scanner-keyboard:before { content: "\f489"; } .fa-scanner-touchscreen:before { content: "\f48a"; } .fa-scarecrow:before { content: "\f70d"; } .fa-scarf:before { content: "\f7c1"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-scroll-old:before { content: "\f70f"; } .fa-scrubber:before { content: "\f2f8"; } .fa-scythe:before { content: "\f710"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-send-back:before { content: "\f87e"; } .fa-send-backward:before { content: "\f87f"; } .fa-sensor:before { content: "\f928"; } .fa-sensor-alert:before { content: "\f929"; } .fa-sensor-fire:before { content: "\f92a"; } .fa-sensor-on:before { content: "\f92b"; } .fa-sensor-smoke:before { content: "\f92c"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-all:before { content: "\f367"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-sheep:before { content: "\f711"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield:before { content: "\f132"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-check:before { content: "\f2f7"; } .fa-shield-cross:before { content: "\f712"; } .fa-shield-virus:before { content: "\f96c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shipping-timed:before { content: "\f48c"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shish-kebab:before { content: "\f821"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\f957"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shovel:before { content: "\f713"; } .fa-shovel-snow:before { content: "\f7c3"; } .fa-shower:before { content: "\f2cc"; } .fa-shredder:before { content: "\f68a"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-shuttlecock:before { content: "\f45b"; } .fa-sickle:before { content: "\f822"; } .fa-sigma:before { content: "\f68b"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in:before { content: "\f090"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out:before { content: "\f08b"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signal-1:before { content: "\f68c"; } .fa-signal-2:before { content: "\f68d"; } .fa-signal-3:before { content: "\f68e"; } .fa-signal-4:before { content: "\f68f"; } .fa-signal-alt:before { content: "\f690"; } .fa-signal-alt-1:before { content: "\f691"; } .fa-signal-alt-2:before { content: "\f692"; } .fa-signal-alt-3:before { content: "\f693"; } .fa-signal-alt-slash:before { content: "\f694"; } .fa-signal-slash:before { content: "\f695"; } .fa-signal-stream:before { content: "\f8dd"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "\f96d"; } .fa-siren:before { content: "\f92d"; } .fa-siren-on:before { content: "\f92e"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-skeleton:before { content: "\f620"; } .fa-sketch:before { content: "\f7c6"; } .fa-ski-jump:before { content: "\f7c7"; } .fa-ski-lift:before { content: "\f7c8"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-cow:before { content: "\f8de"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sledding:before { content: "\f7cb"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-sliders-h-square:before { content: "\f3f0"; } .fa-sliders-v:before { content: "\f3f1"; } .fa-sliders-v-square:before { content: "\f3f2"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-plus:before { content: "\f5b9"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoke:before { content: "\f760"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snake:before { content: "\f716"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snooze:before { content: "\f880"; } .fa-snow-blowing:before { content: "\f761"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowflakes:before { content: "\f7cf"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowmobile:before { content: "\f7d1"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\f96e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-solar-system:before { content: "\f92f"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-alt:before { content: "\f883"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-circle:before { content: "\f930"; } .fa-sort-circle-down:before { content: "\f931"; } .fa-sort-circle-up:before { content: "\f932"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-shapes-down:before { content: "\f888"; } .fa-sort-shapes-down-alt:before { content: "\f889"; } .fa-sort-shapes-up:before { content: "\f88a"; } .fa-sort-shapes-up-alt:before { content: "\f88b"; } .fa-sort-size-down:before { content: "\f88c"; } .fa-sort-size-down-alt:before { content: "\f88d"; } .fa-sort-size-up:before { content: "\f88e"; } .fa-sort-size-up-alt:before { content: "\f88f"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-soup:before { content: "\f823"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-space-station-moon:before { content: "\f933"; } .fa-space-station-moon-alt:before { content: "\f934"; } .fa-spade:before { content: "\f2f4"; } .fa-sparkles:before { content: "\f890"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker:before { content: "\f8df"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-speakers:before { content: "\f8e0"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spider-black-widow:before { content: "\f718"; } .fa-spider-web:before { content: "\f719"; } .fa-spinner:before { content: "\f110"; } .fa-spinner-third:before { content: "\f3f4"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-sprinkler:before { content: "\f935"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root:before { content: "\f697"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-squirrel:before { content: "\f71a"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-staff:before { content: "\f71b"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-christmas:before { content: "\f7d4"; } .fa-star-exclamation:before { content: "\f2f3"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-star-shooting:before { content: "\f936"; } .fa-starfighter:before { content: "\f937"; } .fa-starfighter-alt:before { content: "\f938"; } .fa-stars:before { content: "\f762"; } .fa-starship:before { content: "\f939"; } .fa-starship-freighter:before { content: "\f93a"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steak:before { content: "\f824"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-steering-wheel:before { content: "\f622"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stocking:before { content: "\f7d5"; } .fa-stomach:before { content: "\f623"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\f96f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\f970"; } .fa-store-slash:before { content: "\f971"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-stretcher:before { content: "\f825"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-sun-cloud:before { content: "\f763"; } .fa-sun-dust:before { content: "\f764"; } .fa-sun-haze:before { content: "\f765"; } .fa-sunglasses:before { content: "\f892"; } .fa-sunrise:before { content: "\f766"; } .fa-sunset:before { content: "\f767"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-sword:before { content: "\f71c"; } .fa-sword-laser:before { content: "\f93b"; } .fa-sword-laser-alt:before { content: "\f93c"; } .fa-swords:before { content: "\f71d"; } .fa-swords-laser:before { content: "\f93d"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablet-android:before { content: "\f3fb"; } .fa-tablet-android-alt:before { content: "\f3fc"; } .fa-tablet-rugged:before { content: "\f48f"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer:before { content: "\f0e4"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tachometer-alt-average:before { content: "\f624"; } .fa-tachometer-alt-fast:before { content: "\f625"; } .fa-tachometer-alt-fastest:before { content: "\f626"; } .fa-tachometer-alt-slow:before { content: "\f627"; } .fa-tachometer-alt-slowest:before { content: "\f628"; } .fa-tachometer-average:before { content: "\f629"; } .fa-tachometer-fast:before { content: "\f62a"; } .fa-tachometer-fastest:before { content: "\f62b"; } .fa-tachometer-slow:before { content: "\f62c"; } .fa-tachometer-slowest:before { content: "\f62d"; } .fa-taco:before { content: "\f826"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tally:before { content: "\f69c"; } .fa-tanakh:before { content: "\f827"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-tasks-alt:before { content: "\f828"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-telescope:before { content: "\f93e"; } .fa-temperature-down:before { content: "\f93f"; } .fa-temperature-frigid:before { content: "\f768"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-hot:before { content: "\f76a"; } .fa-temperature-low:before { content: "\f76b"; } .fa-temperature-up:before { content: "\f940"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-tennis-ball:before { content: "\f45e"; } .fa-terminal:before { content: "\f120"; } .fa-text:before { content: "\f893"; } .fa-text-height:before { content: "\f034"; } .fa-text-size:before { content: "\f894"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-theta:before { content: "\f69e"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-thunderstorm:before { content: "\f76c"; } .fa-thunderstorm-moon:before { content: "\f76d"; } .fa-thunderstorm-sun:before { content: "\f76e"; } .fa-ticket:before { content: "\f145"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tilde:before { content: "\f69f"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-times-hexagon:before { content: "\f2ee"; } .fa-times-octagon:before { content: "\f2f0"; } .fa-times-square:before { content: "\f2d3"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tire:before { content: "\f631"; } .fa-tire-flat:before { content: "\f632"; } .fa-tire-pressure-warning:before { content: "\f633"; } .fa-tire-rugged:before { content: "\f634"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-alt:before { content: "\f71f"; } .fa-toilet-paper-slash:before { content: "\f972"; } .fa-tombstone:before { content: "\f720"; } .fa-tombstone-alt:before { content: "\f721"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-toothbrush:before { content: "\f635"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tornado:before { content: "\f76f"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-cone:before { content: "\f636"; } .fa-traffic-light:before { content: "\f637"; } .fa-traffic-light-go:before { content: "\f638"; } .fa-traffic-light-slow:before { content: "\f639"; } .fa-traffic-light-stop:before { content: "\f63a"; } .fa-trailer:before { content: "\f941"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-transporter:before { content: "\f942"; } .fa-transporter-1:before { content: "\f943"; } .fa-transporter-2:before { content: "\f944"; } .fa-transporter-3:before { content: "\f945"; } .fa-transporter-empty:before { content: "\f946"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-trash-undo:before { content: "\f895"; } .fa-trash-undo-alt:before { content: "\f896"; } .fa-treasure-chest:before { content: "\f723"; } .fa-tree:before { content: "\f1bb"; } .fa-tree-alt:before { content: "\f400"; } .fa-tree-christmas:before { content: "\f7db"; } .fa-tree-decorated:before { content: "\f7dc"; } .fa-tree-large:before { content: "\f7dd"; } .fa-tree-palm:before { content: "\f82b"; } .fa-trees:before { content: "\f724"; } .fa-trello:before { content: "\f181"; } .fa-triangle:before { content: "\f2ec"; } .fa-triangle-music:before { content: "\f8e2"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-trophy-alt:before { content: "\f2eb"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-container:before { content: "\f4dc"; } .fa-truck-couch:before { content: "\f4dd"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-truck-plow:before { content: "\f7de"; } .fa-truck-ramp:before { content: "\f4e0"; } .fa-trumpet:before { content: "\f8e3"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-turkey:before { content: "\f725"; } .fa-turntable:before { content: "\f8e4"; } .fa-turtle:before { content: "\f726"; } .fa-tv:before { content: "\f26c"; } .fa-tv-alt:before { content: "\f8e5"; } .fa-tv-music:before { content: "\f8e6"; } .fa-tv-retro:before { content: "\f401"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typewriter:before { content: "\f8e7"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-ufo:before { content: "\f947"; } .fa-ufo-beam:before { content: "\f948"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-unicorn:before { content: "\f727"; } .fa-union:before { content: "\f6a2"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\f949"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-usb-drive:before { content: "\f8e9"; } .fa-usd-circle:before { content: "\f2e8"; } .fa-usd-square:before { content: "\f2e9"; } .fa-user:before { content: "\f007"; } .fa-user-alien:before { content: "\f94a"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-chart:before { content: "\f6a3"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-cowboy:before { content: "\f8ea"; } .fa-user-crown:before { content: "\f6a4"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-hard-hat:before { content: "\f82c"; } .fa-user-headset:before { content: "\f82d"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-md-chat:before { content: "\f82e"; } .fa-user-minus:before { content: "\f503"; } .fa-user-music:before { content: "\f8eb"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-robot:before { content: "\f94b"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-user-unlock:before { content: "\f958"; } .fa-user-visor:before { content: "\f94c"; } .fa-users:before { content: "\f0c0"; } .fa-users-class:before { content: "\f63d"; } .fa-users-cog:before { content: "\f509"; } .fa-users-crown:before { content: "\f6a5"; } .fa-users-medical:before { content: "\f830"; } .fa-users-slash:before { content: "\f973"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-fork:before { content: "\f2e3"; } .fa-utensil-knife:before { content: "\f2e4"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-utensils-alt:before { content: "\f2e6"; } .fa-vaadin:before { content: "\f408"; } .fa-vacuum:before { content: "\f94d"; } .fa-vacuum-robot:before { content: "\f94e"; } .fa-value-absolute:before { content: "\f6a6"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-vhs:before { content: "\f8ec"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-plus:before { content: "\f4e1"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-violin:before { content: "\f8ed"; } .fa-virus:before { content: "\f974"; } .fa-virus-slash:before { content: "\f975"; } .fa-viruses:before { content: "\f976"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volcano:before { content: "\f770"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume:before { content: "\f6a8"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-slash:before { content: "\f2e2"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-nay:before { content: "\f771"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-wagon-covered:before { content: "\f8ee"; } .fa-walker:before { content: "\f831"; } .fa-walkie-talkie:before { content: "\f8ef"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-wand:before { content: "\f72a"; } .fa-wand-magic:before { content: "\f72b"; } .fa-warehouse:before { content: "\f494"; } .fa-warehouse-alt:before { content: "\f495"; } .fa-washer:before { content: "\f898"; } .fa-watch:before { content: "\f2e1"; } .fa-watch-calculator:before { content: "\f8f0"; } .fa-watch-fitness:before { content: "\f63e"; } .fa-water:before { content: "\f773"; } .fa-water-lower:before { content: "\f774"; } .fa-water-rise:before { content: "\f775"; } .fa-wave-sine:before { content: "\f899"; } .fa-wave-square:before { content: "\f83e"; } .fa-wave-triangle:before { content: "\f89a"; } .fa-waveform:before { content: "\f8f1"; } .fa-waveform-path:before { content: "\f8f2"; } .fa-waze:before { content: "\f83f"; } .fa-webcam:before { content: "\f832"; } .fa-webcam-slash:before { content: "\f833"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whale:before { content: "\f72c"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheat:before { content: "\f72d"; } .fa-wheelchair:before { content: "\f193"; } .fa-whistle:before { content: "\f460"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wifi-1:before { content: "\f6aa"; } .fa-wifi-2:before { content: "\f6ab"; } .fa-wifi-slash:before { content: "\f6ac"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-wind-turbine:before { content: "\f89b"; } .fa-wind-warning:before { content: "\f776"; } .fa-window:before { content: "\f40e"; } .fa-window-alt:before { content: "\f40f"; } .fa-window-close:before { content: "\f410"; } .fa-window-frame:before { content: "\f94f"; } .fa-window-frame-open:before { content: "\f950"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-windsock:before { content: "\f777"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wreath:before { content: "\f7e2"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*! * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; src: url('fa-light-300.eot'); src: url('fa-light-300d41d.eot?#iefix') format("embedded-opentype"), url('fa-light-300.woff2') format("woff2"), url('fa-light-300.woff') format("woff"), url('fa-light-300.ttf') format("truetype"), url('fa-light-300.svg#fontawesome') format("svg"); } .fal { font-family: 'Font Awesome 5 Pro'; font-weight: 300; } /*! * WebApp Icons */ @font-face { font-family: 'nextgen-icons'; src: url('nextgen-icons.eot'); src: url('nextgen-iconsd41d.eot?#iefix') format("embedded-opentype"), url('nextgen-icons.woff2') format("woff2"), url('nextgen-icons.html') format("woff"), url('nextgen-icons-2.html') format("truetype"), url('nextgen-icons-3.html#nextgen-icons') format("svg"); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to have a class per icon */ .ni, [data-icon]:before, [class^="base-"], [class*=" base-"] { font-family: 'nextgen-icons'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } /* why? .page-content { .ni:before, [data-icon]:before { vertical-align: -8%; } }*/ .navbar-toggler .ni:before, .navbar-toggler [data-icon]:before { vertical-align: inherit !important; } .base-19:before { content: "\e09b"; } .base-18:before { content: "\e09c"; } .base-17:before { content: "\e09d"; } .base-16:before { content: "\e09e"; } .base-15:before { content: "\e09f"; } .base-14:before { content: "\e0a0"; } .base-13:before { content: "\e0a1"; } .base-12:before { content: "\f000"; } .base-11:before { content: "\f00b"; } .base-10:before { content: "\f00a"; } .base-9:before { content: "\f1c8"; } .base-8:before { content: "\f1e3"; } .base-7:before { content: "\f413"; } .base-6:before { content: "\f412"; } .base-5:before { content: "\f411"; } .base-4:before { content: "\f410"; } .base-3:before { content: "\f409"; } .base-2:before { content: "\f408"; } .base-1:before { content: "\f405"; } .md-profile:before { content: "\f407"; } .md-picframe:before { content: "\f406"; } .ni-phone:before { content: "\f402"; } .ni-calendar-fine:before { content: "\f403"; } .ni-blog-read:before { content: "\f404"; } .ni-my-apps:before { content: "\f328"; } .ni-big-plus:before { content: "\f276"; } .ni-minify-nav:before { content: "\f254"; } .ni-lock-nav:before { content: "\f2ae"; } .ni-chevron-down:before { content: "\f2f9"; } .ni-chevron-up:before { content: "\f2fc"; } .ni-chevron-left:before { content: "\f2fa"; } .ni-chevron-right:before { content: "\f2fb"; } .ni-menu:before { content: "\e000"; } .ni-user-follow:before { content: "\e002"; } .ni-user-following:before { content: "\e003"; } .ni-user-unfollow:before { content: "\e004"; } .ni-trophy:before { content: "\e006"; } .ni-screen-smartphone:before { content: "\e010"; } .ni-screen-desktop:before { content: "\e011"; } .ni-plane:before { content: "\e012"; } .ni-notebook:before { content: "\e013"; } .ni-moustache:before { content: "\e014"; } .ni-mouse:before { content: "\e015"; } .ni-magnet:before { content: "\e016"; } .ni-energy:before { content: "\e020"; } .ni-emoticon-smile:before { content: "\e021"; } .ni-disc:before { content: "\e022"; } .ni-cursor-move:before { content: "\e023"; } .ni-crop:before { content: "\e024"; } .ni-credit-card:before { content: "\e025"; } .ni-chemistry:before { content: "\e026"; } .ni-user:before { content: "\e005"; } .ni-speedometer:before { content: "\e007"; } .ni-social-youtube:before { content: "\e008"; } .ni-social-twitter:before { content: "\e009"; } .ni-social-tumblr:before { content: "\e00a"; } .ni-social-facebook:before { content: "\e00b"; } .ni-social-dropbox:before { content: "\e00c"; } .ni-social-dribbble:before { content: "\e00d"; } .ni-shield:before { content: "\e00e"; } .ni-screen-tablet:before { content: "\e00f"; } .ni-magic-wand:before { content: "\e017"; } .ni-hourglass:before { content: "\e018"; } .ni-graduation:before { content: "\e019"; } .ni-ghost:before { content: "\e01a"; } .ni-game-controller:before { content: "\e01b"; } .ni-fire:before { content: "\e01c"; } .ni-eyeglasses:before { content: "\e01d"; } .ni-envelope-open:before { content: "\e01e"; } .ni-envelope-letter:before { content: "\e01f"; } .ni-bell:before { content: "\e027"; } .ni-badge:before { content: "\e028"; } .ni-anchor:before { content: "\e029"; } .ni-wallet:before { content: "\e02a"; } .ni-vector:before { content: "\e02b"; } .ni-speech:before { content: "\e02c"; } .ni-puzzle:before { content: "\e02d"; } .ni-printer:before { content: "\e02e"; } .ni-present:before { content: "\e02f"; } .ni-playlist:before { content: "\e030"; } .ni-pin:before { content: "\e031"; } .ni-picture:before { content: "\e032"; } .ni-map:before { content: "\e033"; } .ni-layers:before { content: "\e034"; } .ni-handbag:before { content: "\e035"; } .ni-globe-alt:before { content: "\e036"; } .ni-globe:before { content: "\e037"; } .ni-frame:before { content: "\e038"; } .ni-folder-alt:before { content: "\e039"; } .ni-film:before { content: "\e03a"; } .ni-feed:before { content: "\e03b"; } .ni-earphones-alt:before { content: "\e03c"; } .ni-earphones:before { content: "\e03d"; } .ni-drop:before { content: "\e03e"; } .ni-drawer:before { content: "\e03f"; } .ni-docs:before { content: "\e040"; } .ni-directions:before { content: "\e041"; } .ni-direction:before { content: "\e042"; } .ni-diamond:before { content: "\e043"; } .ni-cup:before { content: "\e044"; } .ni-compass:before { content: "\e045"; } .ni-call-out:before { content: "\e046"; } .ni-call-in:before { content: "\e047"; } .ni-call-end:before { content: "\e048"; } .ni-calculator:before { content: "\e049"; } .ni-bubbles:before { content: "\e04a"; } .ni-briefcase:before { content: "\e04b"; } .ni-book-open:before { content: "\e04c"; } .ni-basket-loaded:before { content: "\e04d"; } .ni-basket:before { content: "\e04e"; } .ni-bag:before { content: "\e04f"; } .ni-action-undo:before { content: "\e050"; } .ni-action-redo:before { content: "\e051"; } .ni-wrench:before { content: "\e052"; } .ni-umbrella:before { content: "\e053"; } .ni-trash:before { content: "\e054"; } .ni-tag:before { content: "\e055"; } .ni-support:before { content: "\e056"; } .ni-size-fullscreen:before { content: "\e057"; } .ni-size-actual:before { content: "\e058"; } .ni-shuffle:before { content: "\e059"; } .ni-share-alt:before { content: "\e05a"; } .ni-share:before { content: "\e05b"; } .ni-rocket:before { content: "\e05c"; } .ni-question:before { content: "\e05d"; } .ni-pie-chart:before { content: "\e05e"; } .ni-pencil:before { content: "\e05f"; } .ni-note:before { content: "\e060"; } .ni-music-tone-alt:before { content: "\e061"; } .ni-music-tone:before { content: "\e062"; } .ni-microphone:before { content: "\e063"; } .ni-loop:before { content: "\e064"; } .ni-logout:before { content: "\e065"; } .ni-login:before { content: "\e066"; } .ni-list:before { content: "\e067"; } .ni-like:before { content: "\e068"; } .ni-home:before { content: "\e069"; } .ni-grid:before { content: "\e06a"; } .ni-graph:before { content: "\e06b"; } .ni-equalizer:before { content: "\e06c"; } .ni-dislike:before { content: "\e06d"; } .ni-cursor:before { content: "\e06e"; } .ni-control-start:before { content: "\e06f"; } .ni-control-rewind:before { content: "\e070"; } .ni-control-play:before { content: "\e071"; } .ni-control-pause:before { content: "\e072"; } .ni-control-forward:before { content: "\e073"; } .ni-control-end:before { content: "\e074"; } .ni-calendar:before { content: "\e075"; } .ni-bulb:before { content: "\e076"; } .ni-bar-chart:before { content: "\e077"; } .ni-arrow-up:before { content: "\e078"; } .ni-arrow-right:before { content: "\e079"; } .ni-arrow-left:before { content: "\e07a"; } .ni-arrow-down:before { content: "\e07b"; } .ni-ban:before { content: "\e07c"; } .ni-bubble:before { content: "\e07d"; } .ni-camcorder:before { content: "\e07e"; } .ni-camera:before { content: "\e07f"; } .ni-check:before { content: "\e080"; } .ni-clock:before { content: "\e081"; } .ni-close:before { content: "\e082"; } .ni-cloud-download:before { content: "\e083"; } .ni-cloud-upload:before { content: "\e084"; } .ni-doc:before { content: "\e085"; } .ni-envelope:before { content: "\e086"; } .ni-eye:before { content: "\e087"; } .ni-flag:before { content: "\e088"; } .ni-folder:before { content: "\e089"; } .ni-heart:before { content: "\e08a"; } .ni-info:before { content: "\e08b"; } .ni-key:before { content: "\e08c"; } .ni-link:before { content: "\e08d"; } .ni-lock:before { content: "\e08e"; } .ni-lock-open:before { content: "\e08f"; } .ni-magnifier:before { content: "\e090"; } .ni-magnifier-add:before { content: "\e091"; } .ni-magnifier-remove:before { content: "\e092"; } .ni-paper-clip:before { content: "\e093"; } .ni-paper-plane:before { content: "\e094"; } .ni-plus:before { content: "\e095"; } .ni-pointer:before { content: "\e096"; } .ni-power:before { content: "\e097"; } .ni-refresh:before { content: "\e098"; } .ni-reload:before { content: "\e099"; } .ni-settings:before { content: "\e09a"; } .ni-users:before { content: "\e001"; } body { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; font-size: 0.75rem; letter-spacing: 0.1px; } .page-content { color: #666666; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400; } strong { font-weight: 500; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem; } h2 small, h3 small, .h2 small, .h3 small { font-size: 0.9375rem; } h4 small, .h4 small { font-size: 0.875rem; } h5 small, h6 small, .h5 small, .h6 small { font-size: 0.8125rem; } /* contrast text */ .text-contrast { color: #333333; } /* text-gradient */ .text-gradient { background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); color: #886ab5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; } /* looking for font size? Check _helpers.scss */ /* PLACEHOLDER ============================================= EXAMPLE: %bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .image-one { @extend %bg-image; background-image:url(/img/image-one.jpg"); } RESULT: .image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } */ .page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient { background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); background-color: #584475; } /* %shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); } } */ .btn-default { background-color: #f5f5f5; background-image: linear-gradient(to top, #f5f5f5, #f1f1f1); color: #444; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: none; } .btn-default:hover { box-shadow: none; border: 1px solid #c6c6c6; color: #333; z-index: 2; } .btn-default:focus { border-color: #b19dce !important; z-index: 3; } .active.btn-default { background: #a38cc6; color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; } .custom-scroll, .custom-scrollbar { overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .custom-scroll::-webkit-scrollbar-track-piece, .custom-scrollbar::-webkit-scrollbar-track-piece { background-color: transparent; } .custom-scroll::-webkit-scrollbar-thumb:vertical, .custom-scrollbar::-webkit-scrollbar-thumb:vertical { background-color: #666; } .custom-scroll::-webkit-scrollbar, .custom-scrollbar::-webkit-scrollbar { height: 4px; width: 4px; } .custom-scroll::-webkit-scrollbar-corner, .custom-scrollbar::-webkit-scrollbar-corner { width: 40px; } .custom-scroll::-webkit-scrollbar-thumb:vertical, .custom-scrollbar::-webkit-scrollbar-thumb:vertical { background-color: #666; } .page-logo, body:not(.header-function-fixed) .page-logo, .header-function-fixed:not(.nav-function-top) .page-header, .footer-function-fixed .page-footer, #msgr_listfilter_input, .msgr-list, .msgr-list + .msgr:before { transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .breadcrumb > li.breadcrumb-item { transition: all 0.3s ease-in-out; } .btn-switch, [class*="btn-outline-"], .panel-toolbar .btn-panel, .settings-panel .list, .settings-panel .list .onoffswitch, .settings-panel .list:hover .onoffswitch, .color-disp-demo tr td, .icon-demo li { transition: all 0.2s ease-in-out; } .info-card img.cover { transition: opacity 0.5s ease-in-out; } .header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .footer-function-fixed .btn-switch[data-class="footer-function-fixed"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-nav-dark .btn-switch[data-class="mod-nav-dark"], .mod-panel-icon .btn-switch[data-class="mod-panel-icon"] { color: #fff; background: #886ab5 !important; } .header-function-fixed .btn-switch[data-class="header-function-fixed"]:before, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:before, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:before, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:before, .nav-function-top .btn-switch[data-class="nav-function-top"]:before, .footer-function-fixed .btn-switch[data-class="footer-function-fixed"]:before, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:before, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:before, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:before, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:before, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:before, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:before, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:before, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:before, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:before, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:before, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:before, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:before, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:before, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:before, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:before, .mod-nav-dark .btn-switch[data-class="mod-nav-dark"]:before, .mod-panel-icon .btn-switch[data-class="mod-panel-icon"]:before { content: "ON" !important; left: 7px !important; right: auto !important; } .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .footer-function-fixed .btn-switch[data-class="footer-function-fixed"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-nav-dark .btn-switch[data-class="mod-nav-dark"]:after, .mod-panel-icon .btn-switch[data-class="mod-panel-icon"]:after { content: " " !important; right: 0 !important; left: auto !important; background: #fff !important; color: #886ab5 !important; } .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .footer-function-fixed .btn-switch[data-class="footer-function-fixed"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-nav-dark .btn-switch[data-class="mod-nav-dark"] + .onoffswitch-title, .mod-panel-icon .btn-switch[data-class="mod-panel-icon"] + .onoffswitch-title { font-weight: 500; color: #886ab5; } .info-card img.cover { background-size: cover; } .nav-mobile-slide-out #nmp, .nav-mobile-slide-out #nmno, .nav-function-top #mnl, .nav-function-minify #mnl, .mod-hide-nav-icons #mnl, .mod-skin-dark #mhc, .mod-skin-dark #mcbg, .mod-skin-dark #mdn, .nav-function-top #nfh, .nav-function-top #mhni, .nav-function-minify #mhni { position: relative; } .nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .mod-skin-dark #mhc .onoffswitch-title, .mod-skin-dark #mcbg .onoffswitch-title, .mod-skin-dark #mdn .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title, .nav-function-top #mhni .onoffswitch-title, .nav-function-minify #mhni .onoffswitch-title { color: #da9400; color: var(--theme-warning-900) !important; } .nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .mod-skin-dark #mhc .onoffswitch-title-desc, .mod-skin-dark #mcbg .onoffswitch-title-desc, .mod-skin-dark #mdn .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc, .nav-function-top #mhni .onoffswitch-title-desc, .nav-function-minify #mhni .onoffswitch-title-desc { color: #da9400; color: var(--theme-warning-900) !important; } .nav-mobile-slide-out #nmp:after, .nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after, .nav-function-minify #mnl:after, .mod-hide-nav-icons #mnl:after, .mod-skin-dark #mhc:after, .mod-skin-dark #mcbg:after, .mod-skin-dark #mdn:after, .nav-function-top #nfh:after, .nav-function-top #mhni:after, .nav-function-minify #mhni:after { content: "DISABLED"; } /*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1)); }*/ .dropdown-icon-menu > ul > li .btn, .header-btn { border-radius: 4px; border: 1px solid gainsboro; height: 2.25rem; width: 3.25rem; vertical-align: middle; line-height: 2.125rem; margin-right: 0.9375rem; font-size: 21px; padding: 0 11px; cursor: default; color: #a6a6a6; position: relative; /* &.active { @extend %header-btn-active; }*/ } .dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover { box-shadow: none; border-color: #886ab5; background: #a38cc6; color: #fff; } .settings-panel .expanded { box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125); border-bottom: 1px solid rgba(0, 0, 0, 0.06); border-width: 0 0 1px 0; background: #fff; padding: 16px 16px 10px; } .nav-function-fixed:not(.nav-function-top) .page-header [data-class="nav-function-fixed"] { background: #505050; border-color: #363636 !important; box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); color: #fff !important; } /* %selected-dot { &:before { content: " "; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: " "; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*/ .saving #saving { margin: 5px; height: 20px; width: 20px; -webkit-animation: spin 0.5s infinite linear; animation: spin 0.5s infinite linear; border: 2px solid #886ab5; border-right-color: transparent; border-radius: 50%; } .nav-mobile-slide-out #nmp:after, .nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after, .nav-function-minify #mnl:after, .mod-hide-nav-icons #mnl:after, .mod-skin-dark #mhc:after, .mod-skin-dark #mcbg:after, .mod-skin-dark #mdn:after, .nav-function-top #nfh:after, .nav-function-top #mhni:after, .nav-function-minify #mhni:after { display: block; position: absolute; background: #ffc241; background: var(--theme-warning-50); font-size: 10px; width: 65px; text-align: center; border: 1px solid var(--theme-warning-700); height: 22px; line-height: 20px; border-radius: 10px; right: 13px; top: 26%; color: #1d1d1d; } /* patterns */ .mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a, .mod-color-blind [class*="bg-danger-"], .mod-color-blind .btn-danger, .mod-color-blind .btn-outline-danger, .mod-color-blind .alert-danger, .pattern-0 { background-size: 10px 10px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent); -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) 0 0/10px 10px transparent; } .mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a + ul > li.active > a, .pattern-1 { background-size: 5px 5px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent) 0 0/5px 5px transparent; } .mod-color-blind [class*="bg-primary-"], .mod-color-blind .btn-primary, .mod-color-blind .btn-outline-primary, .mod-color-blind .alert-primary, .pattern-2 { background-size: 15px 15px; background-image: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent); -pie-background: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent) 0 0/15px transparent; } .mod-color-blind [class*="bg-success-"], .mod-color-blind .btn-success, .mod-color-blind .btn-outline-success, .mod-color-blind .alert-success, .pattern-3 { background-size: 15px 15px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent); -pie-background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent) 0 0/15px 15px transparent; } .mod-color-blind [class*="bg-info-"], .mod-color-blind .btn-info, .mod-color-blind .btn-outline-info, .mod-color-blind .alert-info, .pattern-4 { background-size: 37px 37px; background-position: 0 0, 18.5px 18.5px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)), linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)); -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/37px, linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 37px 37px/74px, transparent; } .mod-color-blind [class*="bg-warning-"], .mod-color-blind .btn-warning, .mod-color-blind .btn-outline-warning, .mod-color-blind .alert-warning, .pattern-5 { background-size: 37px 37px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)), linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)); -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/60px, linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/60px, #eee; } /* #FRAMEWORK - Structure and layout files. (**DO NOT** change order) DOC: you can disable unused _modules (may brake the page) ========================================================================== */ /* contains root variables to be used with css (see docs) */ :root { --theme-primary: #886ab5; --theme-secondary: #868e96; --theme-success: #1dc9b7; --theme-info: #2196F3; --theme-warning: #ffc241; --theme-danger: #fd3995; --theme-light: #fff; --theme-dark: #505050; --theme-rgb-primary: 136,106,181; --theme-rgb-success: 29,201,183; --theme-rgb-info: 33,150,243; --theme-rgb-warning: 255,194,65; --theme-rgb-danger: 253,57,149; --theme-rgb-fusion: 79.75,79.75,79.75; --theme-primary-50: #ccbfdf; --theme-primary-100: #beaed7; --theme-primary-200: #b19dce; --theme-primary-300: #a38cc6; --theme-primary-400: #967bbd; --theme-primary-500: #886ab5; --theme-primary-600: #7a59ad; --theme-primary-700: #6e4e9e; --theme-primary-800: #62468d; --theme-primary-900: #563d7c; --theme-success-50: #7aece0; --theme-success-100: #63e9db; --theme-success-200: #4de5d5; --theme-success-300: #37e2d0; --theme-success-400: #21dfcb; --theme-success-500: #1dc9b7; --theme-success-600: #1ab3a3; --theme-success-700: #179c8e; --theme-success-800: #13867a; --theme-success-900: #107066; --theme-info-50: #9acffa; --theme-info-100: #82c4f8; --theme-info-200: #6ab8f7; --theme-info-300: #51adf6; --theme-info-400: #39a1f4; --theme-info-500: #2196F3; --theme-info-600: #0d8aee; --theme-info-700: #0c7cd5; --theme-info-800: #0a6ebd; --theme-info-900: #0960a5; --theme-warning-50: #ffebc1; --theme-warning-100: #ffe3a7; --theme-warning-200: #ffdb8e; --theme-warning-300: #ffd274; --theme-warning-400: #ffca5b; --theme-warning-500: #ffc241; --theme-warning-600: #ffba28; --theme-warning-700: #ffb20e; --theme-warning-800: #f4a500; --theme-warning-900: #da9400; --theme-danger-50: #feb7d9; --theme-danger-100: #fe9ecb; --theme-danger-200: #fe85be; --theme-danger-300: #fe6bb0; --theme-danger-400: #fd52a3; --theme-danger-500: #fd3995; --theme-danger-600: #fd2087; --theme-danger-700: #fc077a; --theme-danger-800: #e7026e; --theme-danger-900: #ce0262; --theme-fusion-50: #909090; --theme-fusion-100: #838383; --theme-fusion-200: #767676; --theme-fusion-300: dimgray; --theme-fusion-400: #5d5d5d; --theme-fusion-500: #505050; --theme-fusion-600: #434343; --theme-fusion-700: #363636; --theme-fusion-800: #2a2a2a; --theme-fusion-900: #1d1d1d; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1399px; } /* resets DOM elements to its natural state */ /* for IE */ main { display: block; } /* removes dotted lines for focus */ a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none; outline: 0; } input::-moz-focus-inner { border: 0; } /* html and body base styles */ html { scroll-behavior: smooth; } html body { direction: ltr; text-rendering: optimizeLegibility; background-color: #fff; } html body a { color: #886ab5; text-decoration: none; background-color: transparent; } html body a:hover { color: #967bbd; text-decoration: underline; } /* app header */ .header-icon { color: #666666; height: 3.51rem; display: block; line-height: 3.125rem; text-decoration: none; position: relative; } .header-icon:not(.btn) { min-width: 3.125rem; text-align: center; overflow: visible; } .header-icon:not(.btn) > [class*='fa-']:first-child, .header-icon:not(.btn) > .ni:first-child { color: #886ab5; vertical-align: middle; } .header-icon:not(.btn) > [class*='fa-']:first-child { font-size: 21px; } .header-icon:not(.btn) > .ni:first-child { font-size: 21px; } .header-icon:not(.btn):hover > [class*='fa-']:only-child, .header-icon:not(.btn):hover > .ni { color: #404040; } .header-icon:not(.btn)[data-toggle="dropdown"] { /* header dropdowns */ /* note: important rules to override popper's inline classes */ /* end header dropdowns */ } .header-icon:not(.btn)[data-toggle="dropdown"][data-toggle="dropdown"]:after { } .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] { color: #404040; /* new lines for arrow visibility */ position: relative; z-index: 1001; font-weight: 500; } .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"]:after { } .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child, .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child { color: #404040 !important; -webkit-background-clip: initial; -webkit-text-fill-color: initial; background: none; } .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu { position: absolute; border: 0px solid #ccc; right: 2rem; top: 3.125rem !important; left: auto !important; padding: 0; margin: 0; } .header-icon:not(.btn) .profile-image { width: 2rem; height: auto; } .header-icon:hover { cursor: default; color: #404040; } .page-header { background-color: #fff; box-shadow: 0px 0px 28px 0px rgba(86, 61, 124, 0.13); display: flex; flex: 0 0 auto; align-items: center; height: 3.125rem; position: relative; z-index: 1000; order: 1; } .page-header .page-logo { display: none; } .page-header .badge-icon { left: 1.5625rem; top: 1.09375rem; } .page-header .badge-icon:only-child { position: relative; left: auto; right: auto; font-size: 14px; height: 26px; width: 26px; line-height: 21px; top: 20px; margin: 0 auto; display: flex; align-items: center; justify-content: center; } /* app logo */ .page-logo { height: 3.125rem; width: 16.875rem; box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); overflow: hidden; text-align: center; display: flex; align-items: center; flex-grow: 0; flex-shrink: 0; min-height: 1px; padding: 0 2rem; } .page-logo img { width: 28px; height: 28px; } .page-logo .page-logo-link { flex: 1 0 auto; } .page-logo-text { margin-left: 0.5rem; font-weight: 300; font-size: 1rem; color: #fff; display: block; flex: 1 0 auto; text-align: left; } /* app search */ .search { flex: 1; } .search .app-forms { padding: 0; } .search .app-forms.has-length { position: relative; } .search .app-forms:before { content: none; } #search-field { max-width: 21.875rem; height: 2.625rem; line-height: normal; border-radius: 4px; background: transparent; border: 1px solid transparent; box-shadow: none; font-size: 0.9375rem; padding: 0.38rem; } /* icon menu with user options */ .dropdown-icon-menu > .btn { z-index: 1; } .dropdown-icon-menu > ul { opacity: 0; list-style: none; margin: 0; position: absolute; background: #fff; height: 2.25rem; padding: 2.75rem 4px 5px; width: 3.75rem; margin-left: 1px; margin-top: -2.5rem; left: -5px; overflow: hidden; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.24); border-radius: 0.25rem; transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); } .dropdown-icon-menu > ul > li { margin-bottom: 4px; position: relative; } .dropdown-icon-menu > ul > li:last-child { margin-bottom: 0; } .dropdown-icon-menu:hover > ul { display: block; opacity: 1; /* * n = number of buttons minus 1 * eg. $header-btn-height * 2n */ height: 7.75rem; } .dropdown-icon-menu:hover > ul:hover { overflow: visible; } /* dropdown notification in the app header */ .tab-notification { height: 363px; } .tab-notification .tab-pane { height: 100%; } .notification { padding: 0; margin: 0; list-style: none; position: relative; } .notification li { position: relative; background: #fff; } .notification li.unread { background: #fffaee; } .notification li.unread .name { font-weight: 500; } .notification li > :first-child { padding: 0.75rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .notification li > :first-child:hover { text-decoration: none; background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); } .notification li > :first-child:focus { text-decoration: none; } .notification li > :first-child > span { position: relative; } .notification li > :first-child > span > span { /* IE fix */ display: block; } .notification li:last-child > a { border: 0; } .notification .name { color: #222222; font-weight: 400; font-size: 0.8125rem; } .notification .msg-a, .notification .msg-b { color: #555555; } .notification.notification-layout-2 li { background: #f9f9f9; } .notification.notification-layout-2 li.unread { background: #fff; } .notification.notification-layout-2 li.unread .name { font-weight: bold; } .notification.notification-layout-2 li > :first-child { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.04); z-index: 1; } .notification.notification-layout-2 li > :first-child:hover { background: transparent; } .notification.notification-layout-2 li > :first-child:hover:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); } .notification.notification-layout-2 li .name { font-size: 0.875rem; } .notification.notification-layout-2:hover { cursor: pointer; } .notification:not(.notification-loading):before { content: "No new messages"; position: absolute; top: 0; left: 0; z-index: 0; padding: 1.5rem; width: 100%; display: block; } /* icon menu with stacked icons located in the app header */ .app-list { margin: 0 auto; display: block; width: 21.875rem !important; height: 22.5rem !important; font-size: 0; padding: 0.5rem 1rem; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .app-list > li { display: inline-block; text-align: center; padding: 0; } .app-list-item { height: 5.9375rem; width: 6.25rem; display: block; text-decoration: none; color: #666666; margin: 10px 2px; border: 1px solid transparent !important; outline: none; border-radius: 3px; padding-top: 8px; border-radius: 4px; align-items: center; justify-content: center; flex-direction: column; } .app-list-item .icon-stack { font-size: 3.125rem; margin-top: 4px; } .app-list-item:hover { padding-top: 7px; } .app-list-item:hover > .icon-stack { font-size: 3.1875rem; } .app-list-item:active { border-color: #886ab5; padding-top: 8px; } .app-list-item:active > .icon-stack { font-size: 3.125rem; } .app-list-name { text-align: center; font-size: 0.8125rem; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; } /* app header stays fixed */ .header-function-fixed:not(.nav-function-top) .page-header { left: 0; position: fixed !important; right: 0; top: 0; } .header-function-fixed:not(.nav-function-top) .page-content { margin-top: 2.5rem; margin-bottom: 2.5rem; } .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) { /* bug fix for nav hidden other than chrome...*/ } .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-logo { width: 16.875rem; position: fixed; top: 0; z-index: 950; } .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-sidebar .primary-nav { margin-top: 3.125rem; } .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed).desktop.nav-function-hidden .page-logo { position: absolute; transition: none !important; } @media (min-width: 992px) { .header-function-fixed:not(.nav-function-top) .page-header { margin-left: 16.875rem; } .header-function-fixed:not(.nav-function-top).nav-function-minify .page-sidebar .page-logo { width: 4.6875rem; } .header-function-fixed.nav-function-top { /*.page-wrapper { padding-top: $header-height-nav-top; }*/ } .header-function-fixed.nav-function-top .page-header { position: fixed !important; /*top: 0; right: 0; left: 0;*/ box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); /*chrome flickering solution*/ -webkit-transform: translateZ(0); } } /* app far left panel */ .page-sidebar { position: relative; flex: 1 0 auto; width: 16.875rem; max-width: 16.875rem; flex-direction: column; display: flex; z-index: 1000; will-change: left, right; } /* app navigation */ .primary-nav { overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .primary-nav .nav-menu:last-of-type { margin: 0; } .primary-nav .nav-menu:first-of-type { /* margin-top: 1rem; margin-bottom: 1rem; */ } .nav-title { text-transform: uppercase; margin: 0; color: #8268a8; padding: 1rem 2rem; margin-top: 1.5rem; font-size: 0.7rem; letter-spacing: 1px; font-weight: 500; } .nav-menu { padding: 0; list-style: none; margin: 0; } .nav-menu a, .nav-menu a > [class*='fa-'], .nav-menu a > .ni { transition: all 0.3s ease-out; } .nav-menu b.collapse-sign { display: flex; align-items: center; justify-content: center; color: #967bbd; } .nav-menu b.collapse-sign > [class*='fa-'], .nav-menu b.collapse-sign > .ni { font-size: inherit; } .nav-menu ul { padding-left: 0; list-style: none; display: none; } .nav-menu li { position: relative; width:100%; } .nav-menu li.open > a { color: white; } .nav-menu li.active { /* arrow that appears next to active/selected items */ } .nav-menu li.active > a { color: white; background-color: rgba(255, 255, 255, 0.04); box-shadow: inset 3px 0 0 #886ab5; font-weight: 400; } .nav-menu li.active > a:hover > [class*='fa-'], .nav-menu li.active > a:hover > .ni { color: #a8a6ac; } .nav-menu li.active > ul { display: block; } .nav-menu li.active:not(.open) > a:before { content: '\f413'; font-family: 'nextgen-icons'; position: absolute; top: calc(50% - 5px); right: 11px; font-size: 7px; height: 10px; width: auto; color: #24b3a4; display: flex; align-content: center; align-items: center; } .nav-menu li a { display: flex; /*new*/ align-items: center; /*new*/ outline: 0; padding: 0.8125rem 1rem; font-size: 0.875rem; color: #bdafd1; font-weight: 400; text-decoration: none; position: relative; /* needed for mod-nav-hiarchiy*/ /*> .badge { @extend %ping-badge; & + [class*='fa-'], & + .ni { display: none; } }*/ /*> [class*='fa-'] { font-size: $nav-font-icon-size - 2; }*/ /*> img { background: $primary-500; padding: 0.125rem; width: 20px; height: 20px; margin-left: 5px; margin-right: $nav-icon-margin-right + 0.1875rem; }*/ /*> .badge:not(.clear-badge):first-child { position: static; display: inline-block; border-radius: 5px; margin-right: 10px; width: 28px; height: auto; padding: 4px 0; font-size: rem($fs-base); }*/ } .nav-menu li a .dl-ref { font-size: 0.625rem; text-align: center; min-width: 1.25rem; display: inline-block; border-radius: 4px; letter-spacing: 0.5px; margin-left: -2.1875rem; margin-right: 0.9375rem; font-weight: 500; overflow: hidden; padding: 0 4px; -webkit-font-smoothing: subpixel-antialiased; } .nav-menu li a .dl-ref.label { margin-left: 0; margin-right: 0; font-weight: 400; color: rgba(255, 255, 255, 0.7); } .nav-menu li a > [class*='fa-'], .nav-menu li a > .ni { margin-right: 0.25rem; font-size: 1.125rem; width: 1.75rem; color: #876fab; text-align: left; } .nav-menu li a > .nav-link-text { flex: 1; /*new*/ display: inline-flex; align-items: center; line-height: normal; } .nav-menu li a.collapsed .nav-menu-btn-sub-collapse { transform: rotate(180deg); } .nav-menu li a:hover { color: white; text-decoration: none; background-color: rgba(0, 0, 0, 0.1); } .nav-menu li a:hover .badge { color: #fff; } .nav-menu li a:hover > [class*='fa-'], .nav-menu li a:hover > .ni { color: #a8a6ac; } .nav-menu li a:hover > .badge { box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8); border: 1px solid rgba(107, 83, 143, 0.8); } .nav-menu li a:focus { color: white; } .nav-menu li a:focus .badge { color: #fff; } .nav-menu li > ul { background-color: rgba(0, 0, 0, 0.1); padding-top: 10px; padding-bottom: 10px; } .nav-menu li > ul li a { color: #af9fc7; padding: 0.8125rem 2rem 0.8125rem 4rem; } .nav-menu li > ul li a b.collapse-sign > [class*='fa-'], .nav-menu li > ul li a b.collapse-sign > .ni { font-size: inherit-2; } .nav-menu li > ul li a > [class*='fa-'], .nav-menu li > ul li a > .ni { margin-left: -2.1875rem; margin-right: 0.9375rem; color: #876fab; font-size: 0.875rem; width: 1.25rem; text-align: center; } .nav-menu li > ul li a > .badge { color: #fff; background-color: #fd3995; border: 1px solid #505050; } .nav-menu li > ul li a:hover { color: white; background-color: rgba(0, 0, 0, 0.1); } .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'], .nav-menu li > ul li a:hover > .nav-link-text > .ni { color: #a8a6ac; } .nav-menu li > ul li.active > a { color: white; background-color: transparent; box-shadow: none; font-weight: 400; } .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'], .nav-menu li > ul li.active > a > .nav-link-text > .ni { color: white; } .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'], .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni { color: #a8a6ac; } .nav-menu li > ul li:last-child > ul { padding-bottom: 0; } .nav-menu li > ul li > ul li.active > a { color: white; } .nav-menu li > ul li > ul li a { color: #aa99c4; padding: 0.8125rem 2rem 0.8125rem 4.75rem; } .nav-menu li > ul li > ul li a .dl-ref { margin-left: 0; margin-right: 0.20833rem; } .nav-menu li > ul li > ul li a > [class*='fa-'], .nav-menu li > ul li > ul li a > .ni { margin-left: 0; margin-right: 0.20833rem; } .nav-menu li > ul li > ul li a:hover { color: white; } .nav-menu li > ul li > ul li a > .badge { color: #fff; background-color: #fd3995; border: 1px solid #505050; } .nav-menu li:last-child { margin-bottom: 0; } .nav-menu:last-child { margin-bottom: 0; } /* nav hover elements .nav-menu-hover { li > ul { background-color: rgba(0,0,0,0.17) !important; } li { a { color: rgba(255,255,255,0.90); span { color: rgba(255,255,255,0.90); } &:hover { background:rgba(255,255,255,0.09) !important; color: $white !important; span { color: $white; } } } } }*/ /* nav clean elements */ .nav-menu-clean { background: #fff; } .nav-menu-clean ul { background: transparent !important; padding-bottom: 0 !important; } .nav-menu-clean li a { background: transparent !important; color: #505050 !important; } .nav-menu-clean li a span { color: #505050 !important; } .nav-menu-clean li a:hover { background-color: #f4f4f4 !important; } .nav-menu-clean li a { border-bottom: 1px solid transparent; } .nav-menu-clean li > ul li > ul > li:not(:last-child) a { border-bottom: none; } /* nav bordered elements */ .nav-menu-bordered { border: 1px solid rgba(0, 0, 0, 0.08); } .nav-menu-bordered li a { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .nav-menu-bordered li > ul li > ul > li:not(:last-child) a { border-bottom: none; } /* nav compact elements */ .nav-menu-compact li a { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .nav-menu-compact li li a { padding-left: 2rem !important; } .nav-menu-compact li li li a { padding-left: 2.5rem !important; } .nav-menu.nav-menu-reset li a:not(:hover), .nav-menu.nav-menu-reset .collapse-sign { color: rgba(255, 255, 255, 0.7) !important; } /*body:not(.nav-function-top) { .primary-nav { .nav-menu { a, a:hover, a:focus { .badge-detached { display: inline-block; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: rem($fs-nano); min-height: 13px; min-width: $nav-badge-height + 4; background-color: #fff; border: 1px solid #33383e; border-radius: 3px; color: #33383E; padding: 1px 5px; right: 15px; left: auto; top: 13px; width: auto; max-width: 0; height: auto; -webkit-font-smoothing: subpixel-antialiased; } } } } }*/ @media (min-width: 1399px) { .page-sidebar .primary-nav .nav-menu > li > a { font-size: 0.875rem; } } /* app navigation filter */ .nav-filter { margin: 0; opacity: 0; visibility: hidden; overflow: hidden; height: 0px; position: relative; transform: scale(0.3); transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); display: flex; align-items: center; justify-content: center; } .nav-filter input[type="text"] { padding: 8px 40px 8px 14px; width: 14.625rem; background: rgba(0, 0, 0, 0.4); color: #fff; } .nav-filter input[type="text"]:not(:focus) { border-color: rgba(0, 0, 0, 0.1); } .nav-filter input[type="text"]:focus { border-color: #775c9f; } .list-filter-active { /* these classes are triggered by JS */ } .list-filter-active .info-card { height: calc(9.53rem - 9.53rem); transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); } .list-filter-active .nav-filter { opacity: 1; visibility: visible; height: 60px; box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); transform: scale(1); } .list-filter-active .nav-title { display: none; } .list-filter-active .nav-menu { margin: 0; } .list-filter-active .nav-menu li > ul { padding: 0; } .list-filter-active .js-filter-hide { display: none; } .list-filter-active .js-filter-show { display: block; } /* only show filter message if lister filter is active */ .page-sidebar:not(.list-filter-active) .filter-message { display: none; } @media (min-width: 992px) { .nav-function-top .page-sidebar, .nav-function-minify .page-sidebar { /*.js-filter-hide, .js-filter-show { display:block; }*/ } .nav-function-top .page-sidebar .filter-message, .nav-function-top .page-sidebar .nav-filter, .nav-function-minify .page-sidebar .filter-message, .nav-function-minify .page-sidebar .nav-filter { display: none; } } /* app info card inside navigation */ .info-card { position: relative; width: 16.875rem; height: 20px; color: #fff; overflow: hidden; display: flex; flex-direction: row; align-items: center; padding: 0 2rem; transition: all 700ms cubic-bezier(0.34, 1.25, 0.3, 1); } .info-card img.cover { opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; height: auto; } .info-card .profile-image { width: 3.125rem; height: auto; display: inline-block; z-index: 2; position: relative; } .info-card .info-card-text { margin-left: 1rem; color: inherit; text-shadow: #000 0 1px; z-index: 1; position: relative; line-height: normal; } .info-card .info-card-text > span { font-weight: 300; } @media (min-width: 1399px) { .info-card:hover { transition: all 0.1s ease-in-out; will-change: opacity; } .info-card:hover img.cover { opacity: 0.7; -webkit-backface-visibility: hidden; backface-visibility: hidden; } } .info-card-text { font-size: 0.875rem; display: inline-block; vertical-align: middle; font-weight: 500; line-height: 1.35; } .info-card-text > span { font-size: 0.875rem; display: block; font-weight: 300; } /* app navigation made horizontal */ .nav-padel-left, .nav-padel-right { display: none; } @media (min-width: 992px) { .nav-function-top { /* digitally created elements */ /* hide elements when nav-function-top */ /* correct search field color */ /* reorder */ } .nav-function-top .nav-menu-wrapper { flex: 0 1 100%; } .nav-function-top .hidden-nav-function-top { display: none !important; } .nav-function-top #search-field { color: #fff; } .nav-function-top:not(.header-function-fixed) #nff { position: relative; } .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title { color: #da9400; color: var(--theme-warning-900); } .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc { color: #da9400; color: var(--theme-warning-900); } .nav-function-top:not(.header-function-fixed) #nff:after { content: "DISABLED"; display: block; position: absolute; background: #ffc241; background: var(--theme-warning-50); font-size: 10px; width: 65px; text-align: center; border: 1px solid var(--theme-warning-700); height: 22px; line-height: 20px; border-radius: 10px; right: 13px; top: 26%; color: #1d1d1d; } .nav-function-top .page-header { margin-top: 0; height: 4.125rem; background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); background-color: #584475; position: absolute; top: 0; right: 0; left: 0; box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); } .nav-function-top .page-header .dropdown-icon-menu { display: none; } .nav-function-top .page-header #search-field { margin: 0 !important; } .nav-function-top .page-header .page-logo { display: flex; width: auto; width: initial; padding-left: 0; background: transparent; box-shadow: none; } .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child, .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child { color: #a38cc6; } .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover, .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover { color: #beaed7; } .nav-function-top .page-header .badge.badge-icon { box-shadow: 0 0 0 1px #7a59ad; } .nav-function-top .page-header .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu { top: 4.125rem !important; } .nav-function-top .page-content-wrapper { margin-top: 7.625rem; } .nav-function-top .page-wrapper { padding-left: 0; } .nav-function-top .page-wrapper .page-footer { width: 100%; } .nav-function-top .page-sidebar { display: flex; width: 100%; max-width: 100%; height: 3.5rem; z-index: 999; padding: 0 0.625rem; background: #fff; box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); position: absolute; top: 4.125rem; order: 2; } .nav-function-top .page-sidebar .page-logo, .nav-function-top .page-sidebar .nav-filter, .nav-function-top .page-sidebar .info-card, .nav-function-top .page-sidebar .nav-title { display: none; } .nav-function-top .page-sidebar .primary-nav { flex: 1; display: flex; align-items: stretch; font-size: 0; /* Make an auto-hiding scroller for the 3 people using a IE */ -ms-overflow-style: -ms-autohiding-scrollbar; /* Remove the default scrollbar for WebKit implementations */ } .nav-function-top .page-sidebar .primary-nav::-webkit-scrollbar { display: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu { margin: 0; margin-left: 2.90rem; /* this will get overriden with JS script, but we add it here as a counter weight for the flickering effect */ padding: 0; display: flex; flex-direction: row; align-items: stretch; flex: 0 1 100%; transition: margin 0.5s ease-out 0s; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li { display: inline-block; position: static; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li.nav-title { display: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a { box-shadow: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before { content: '\f413'; font-family: 'nextgen-icons'; position: absolute; top: calc(50% + 15px); right: calc(50% - 5px); font-size: 7px; height: 10px; width: auto; color: #24b3a4; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a { padding: .75rem 1.5rem .75rem 1rem; text-align: center; height: 100%; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni, .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] { width: inherit; margin: 0; margin-right: .5rem !important; display: flex !important; align-items: center; justify-content: left; color: inherit; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: normal; vertical-align: text-top; font-weight: 400; display: inline-block; /*override inline-flex*/ flex: 0 1 auto; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge, .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge.clear-badge { left: 53%; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign { margin-left: 0.5rem; color: #a492c0; position: absolute; right: 0.5rem; top: 0; bottom: 0; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign > em:before { content: "\f107"; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge:first-child { max-width: none; width: 25px !important; height: 25px !important; line-height: 16px !important; font-size: 0.8125rem !important; display: block !important; margin: 0 auto 4px !important; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li a { font-size: .9rem; color: #584475; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul { display: none !important; width: 13rem; height: auto !important; top: 3.5rem; position: absolute; background: #68518c; border-radius: 10px; box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); padding: 1rem 0; margin-top: 1rem; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li { width: 100%; position: relative; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a { padding: 0.65rem 1.25rem; width: 100%; color: #bdafd1; max-height: none; box-shadow: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text { display: block; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text > .dl-ref { margin-left: 0; margin-right: 5px; display: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text > .ni > [class*='fa-'] { margin-left: 6px; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul { background: #68518c; padding: 0; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul li a { padding-left: 2rem; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a { background: rgba(0, 0, 0, 0.1); color: #fff; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after { content: ""; display: block; width: calc(100% + 100px); height: calc(100% + 120px); position: absolute; z-index: -1; left: -50px; top: -1rem; background: transparent; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { content: "\f1c8"; font-family: 'nextgen-icons'; position: absolute; font-size: 5rem; color: #68518c; overflow: hidden; display: block; top: -1.7rem; left: 0; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a { color: #886ab5; background: transparent; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a + ul { display: block !important; animation: animateFadeInUp 0.5s; -webkit-animation: animateFadeInUp 0.5s; } .nav-function-top .page-sidebar .nav-footer { display: none; } .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { display: none; } .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .badge { left: 24px; } .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .ni, .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] { justify-content: center; } .nav-function-top .page-header { order: 1; } .nav-function-top .page-wrapper { display: flex; flex-direction: column; } .nav-function-top .page-sidebar { order: 2; } .nav-function-top .page-content { order: 3; align-items: stretch; flex: 1 1 auto; } } @media (min-width: 1399px) { .nav-function-top .page-sidebar .primary-nav .nav-menu { /*li { ul { li { a { font-size: rem($fs-base); } } } }*/ } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge:first-child { max-width: none; width: 27px !important; height: 27px !important; line-height: 18px !important; margin: 0 auto 2px !important; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni, .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'], .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > img { font-size: 22px; height: 22px; } } /* app navgation stays hidden */ @media (min-width: 992px) { .nav-function-hidden:not(.nav-function-top) .page-wrapper { padding-left: 0.625rem; } .nav-function-hidden:not(.nav-function-top) .page-sidebar { left: -16.25rem; z-index: 1001; transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); position: absolute; top: 0; bottom: 0; will-change: left, right; /* apply invisible hit area to reveal nav */ } .nav-function-hidden:not(.nav-function-top) .page-sidebar:after { content: ""; background: transparent; height: 100%; display: block; position: fixed; z-index: 1; top: 0; bottom: 0; left: 16.875rem; width: 2.1rem; } .nav-function-hidden:not(.nav-function-top) .page-sidebar:hover { left: 0; transition: 450ms cubic-bezier(0.9, 0.01, 0.09, 1); } .nav-function-hidden:not(.nav-function-top) .page-sidebar:hover:after { content: ""; z-index: -1; } .nav-function-hidden:not(.nav-function-top) .page-header { margin-left: 0; /* active button state for "nav-function-hidden" */ } .nav-function-hidden:not(.nav-function-top) .page-header [data-class="nav-function-hidden"] { background: #505050; border-color: #363636 !important; box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); color: #fff !important; } .nav-function-hidden:not(.nav-function-top).nav-function-fixed .page-sidebar { /* apply invisible hit area to reveal nav */ } .nav-function-hidden:not(.nav-function-top).nav-function-fixed .page-sidebar:after { left: 0.625rem; } .nav-function-hidden.header-function-fixed:not(.nav-function-top) .page-header { margin-left: 0.625rem; } } /* app navigation stays fixed */ .nav-function-fixed:not(.nav-function-top) .page-sidebar { position: fixed !important; top: 0; bottom: 0; } .nav-function-fixed:not(.nav-function-top) .page-sidebar .primary-nav { overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; height: calc(100% - 0.9375rem); } .nav-function-fixed:not(.nav-function-top) .page-sidebar .slimScrollDiv { height: calc(100% - 0.9375rem) !important; } .nav-function-fixed:not(.nav-function-top) .page-sidebar .slimScrollDiv .primary-nav { padding-bottom: 0; } @media (min-width: 992px) { .nav-function-fixed { /* * top navigation fixed for larger screens with nav on LEFT */ /* * top navigation fixed for larger screens with nav on TOP */ /* * center for left nav fixed with boxed layout */ } .nav-function-fixed:not(.nav-function-top).mod-main-boxed .page-sidebar { position: fixed !important; } .nav-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-content-wrapper { padding-left: 16.875rem; } .nav-function-fixed.nav-function-top.header-function-fixed .page-sidebar { position: fixed !important; box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); } .nav-function-fixed.nav-function-top.mod-main-boxed .page-sidebar { right: 0; left: 0; margin-right: auto; margin-left: auto; max-width: 1397px; } } @media (min-width: 1399px) { .nav-function-fixed { /* * top navigation fixed for extra large screens with nav on LEFT */ } .nav-function-fixed:not(.nav-function-top).mod-main-boxed .page-sidebar { position: absolute !important; } } /* app navigation stays minified */ @media (min-width: 992px) { .nav-function-minify:not(.nav-function-top) { /* hide elements when nav-function-minify */ } .nav-function-minify:not(.nav-function-top) .hidden-nav-function-minify { display: none !important; } .nav-function-minify:not(.nav-function-top) .page-sidebar { width: 4.6875rem; z-index: 1001; will-change: width; transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo { width: 4.6875rem; padding: 0; justify-content: center; } .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-link { flex: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-text { display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-text + * { display: none !important; } .nav-function-minify:not(.nav-function-top) .page-sidebar .info-card { width: 100%; padding: 1.21324rem 0; text-align: center; overflow: hidden; justify-content: center; } .nav-function-minify:not(.nav-function-top) .page-sidebar .info-card .profile-image + div { position: absolute; top: 0; width: 14.0625rem; text-align: left; display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav { overflow: hidden; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-title { display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu { margin: 0; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before { content: '\f413'; font-family: 'nextgen-icons'; position: absolute; top: calc(50% - 5px); right: 11px; font-size: 7px; height: 10px; width: auto; color: #24b3a4; display: flex; align-content: center; align-items: center; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li ul { /*.dl-ref { display:none !important; }*/ } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a { text-align: center; justify-content: center; align-items: center; padding-left: 0; padding-right: 0; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'], .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .ni { font-size: 1.2375rem; margin: 0; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .badge { left: 2.34375rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a:not(.livicon) > .badge:not(.clear-badge):first-child { margin-right: 0; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { display: none; position: absolute; text-align: left; background: trasparent; padding-left: 1.375rem; color: #fff; top: 0; left: 5.6875rem; height: 100%; width: 13.75rem; font-weight: 500; margin-top: -1.563rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > b.collapse-sign { display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul { position: absolute; width: 14rem; left: 5.6875rem; background-color: #584475; margin-top: -3rem; padding-top: 2.75rem; border-radius: 4px .5rem .5rem .5rem; padding-bottom: 1rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before { content: "\f1c8"; font-family: 'nextgen-icons'; position: absolute; font-size: 3.5rem; left: -0.4125rem; color: #584475; z-index: -1; transform: rotate(270deg); overflow: hidden; display: block; top:-1rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a { padding-left: 1.375rem; padding-top: 0.6rem; padding-bottom: 0.6rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a > b.collapse-sign > [class*='fa-'], .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a > b.collapse-sign > .ni { display: inline-block !important; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a + ul > li > a { padding-left: 1.71875rem; padding-top: 0.6rem; padding-bottom: 0.6rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li .nav-link-text > [class*='fa-'], .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li .nav-link-text > .ni { display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > ul { display: none !important; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover { overflow: visible; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a { background: #614b82; color: #fff; overflow: visible; z-index: 10; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text { display: flex; overflow: hidden; animation: animateFadeInLeft 0.5s; -webkit-animation: animateFadeInLeft 0.5s; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child { top: 26px; align-items: center; background: #584475; overflow: visible; border-radius: 4px 10px 10px 4px; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before { content: "\f1c8"; font-family: 'nextgen-icons'; position: absolute; font-size: 3.5rem; left: -7px; color: #584475; z-index: -1; transform: rotate(270deg); overflow: hidden; display: block; top: -9px; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > ul { display: block !important; z-index: 1; animation: animateFadeInLeft 0.5s; -webkit-animation: animateFadeInLeft 0.5s; box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > ul:after { content: ""; display: block; position: absolute; height: calc(100% + 180px); width: calc(100% + 80px); top: -4.125rem; z-index: -1; left: -1rem; } .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] { background: #505050; border-color: #363636 !important; box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); color: #fff !important; } .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-wrapper { padding-left: 0.625rem; } .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-sidebar { left: -4.0625rem; overflow: visible; } .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-sidebar:hover { left: 0; } .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-header { margin-left: 0; } .nav-function-minify:not(.nav-function-top).nav-function-fixed:not(.nav-function-hidden) .page-content-wrapper { padding-left: 4.6875rem; } .nav-function-minify:not(.nav-function-top).header-function-fixed .page-header { margin-left: 4.6875rem; } .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-hidden .page-header { margin-left: 0.625rem; } .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-fixed:not(.nav-function-hidden) .page-content-wrapper { padding-left: 4.6875rem; } .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-fixed:not(.nav-function-hidden).mod-main-boxed .page-content-wrapper { padding-left: 0; } } /* app navigation footer */ .nav-footer { /*background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent); background-image: linear-gradient(270deg, $nav-background-shade, transparent); background-color: $nav-background;*/ height: 2.8125rem; bottom: 0; display: flex; transition: all 0.3s ease-in-out; } .nav-footer .nav-footer-buttons > li > a { display: block; color: #9782b7; height: 1.8125rem; line-height: 1.8125rem; margin-top: 1px; padding: 0 13px; overflow: visible; font-size: 1rem; } .nav-footer [data-class="nav-function-minify"] { display: none; } .nav-function-fixed .nav-footer { background: #584475; border: 0; } .nav-function-fixed .nav-footer:before { content: ' '; height: 1px; position: inherit; width: inherit; background: rgba(112, 87, 149, 0.2); background: linear-gradient(to right, #584475 0%, #7c62a4 50%, #7c62a4 50%, #584475 100%); opacity: 0.5; } .nav-function-fixed .nav-footer:after { opacity: 0.1; } @media (min-width: 992px) { .nav-function-minify .nav-footer { background-color: #53406f; } .nav-function-minify .nav-footer [data-class="nav-function-minify"] { display: block; width: 100%; height: 2.8125rem; line-height: 2.8125rem; font-size: 1.1875rem; vertical-align: middle; color: #876fab; text-align: center; text-decoration: none; position: relative; transition: all 0.3s ease-in-out; } .nav-function-minify .nav-footer [data-class="nav-function-minify"] > :first-child { margin-right: -4px; } .nav-function-minify .nav-footer [data-class="nav-function-minify"] > :only-child { margin: 0; } .nav-function-minify .nav-footer:hover { background-color: #5f497f; } .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] { color: #a8a6ac; margin-left: 7px; } .nav-function-minify .nav-footer .nav-footer-buttons { display: none; } } /* app wrapper */ .page-wrapper { position: relative; } .page-inner { min-height: 100vh; } .page-wrapper, .page-inner { display: flex; align-items: stretch; flex: 1 1 auto; width: 100%; } .page-content-wrapper { background-color: #faf8fb; display: flex; align-items: stretch; flex: 1 1 auto; padding: 0; flex-basis: 100%; flex-direction: column; width: 0; min-width: 0; max-width: 100%; min-height: 1px; } /* app content heading */ .subheader:not(:empty) { margin-bottom: calc(0.4rem + 0.625rem); position: relative; display: flex; flex-direction: row; align-items: center; } .subheader-icon { color: #a8a6ac; margin-right: 0.25rem; } .subheader-title { font-size: 1.375rem; font-weight: 500; color: #505050; text-shadow: #fff 0 1px; margin: 0; flex: 1; } .subheader-title sup.badge { text-shadow: none; position: absolute; margin-top: 0.4rem; margin-left: 0.25rem; font-size: 40%; padding: 2px 5px; line-height: normal; } .subheader-title small { font-weight: 400; color: #838383; margin-bottom: 0; font-size: 0.875rem; } /* app content */ .page-content { flex: 1 1 auto; order: 3; display: flex; flex-direction: column; position: relative; } /*@include media-breakpoint-up($mobile-breakpoint) { .nav-function-top { .page-content { min-height: calc(100vh - 10.4375rem) } } } */ /* app footer */ .page-footer { height: 1.8125rem; display: flex; flex: 0 0 auto; align-items: center; background: #fff; color: #4d4d4d; font-size: 0.8125rem; padding: 0 2rem; order: 4; z-index:100001; } /* app footer stays fixed */ .footer-function-fixed .page-footer { position: fixed; right: 0; left: 16.875rem; bottom: 0; z-index: 1000; border-top: 1px solid rgba(0, 0, 0, 0.08); } .footer-function-fixed .page-content { padding-bottom:0px !important; } .footer-function-fixed.nav-function-minify .page-footer { left: 4.6875rem; } .footer-function-fixed.nav-function-top .page-footer { left: 0; } .footer-function-fixed.nav-function-hidden .page-footer { left: 0.625rem; } .footer-function-fixed.mod-main-boxed .page-footer { width: 100%; max-width: 1397px; margin: 0 auto !important; padding-left: 18.875rem; left: 0; } .footer-function-fixed.mod-main-boxed.nav-function-top .page-footer { padding-left: 2rem; } .footer-function-fixed.mod-main-boxed.nav-function-minify .page-footer { padding-left: 6.6875rem; } .footer-function-fixed.mod-main-boxed.nav-function-hidden .page-footer { padding-left: 2.625rem; } @media only screen and (max-width: 992px) { .footer-function-fixed .page-footer { left: 0; } } /* app error page */ .alt { padding: 0 !important; flex-direction: column; min-height: 100vh; } .alt .page-footer { width: 100% !important; } .page-error { font-size: 600% !important; font-weight: bold !important; } .page-error small { font-size: 40%; font-weight: 500; } .h-alt-f { height: calc(100vh - 11.4375rem); width: 100%; } .h-alt-hf { height: calc(100vh - 15.5625rem); width: 100%; } .nav-function-top .h-alt-hf { height: calc(100vh - 19.0625rem); } /* various app components (see docs for the full list) */ .accordion .card .card-header { cursor: pointer; margin: 0; padding: 0; border-bottom: 0; background-color: #f7f9fa; } .accordion .card .card-header .card-title { padding: 1rem 1rem; margin: 0; font-size: 0.875rem; font-weight: 500; display: flex; justify-content: flex-start; align-items: center; color: #886ab5; } .accordion .card .card-header .card-title.collapsed { color: #838383; } .accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-title, .accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-body { padding-left: 0 !important; padding-right: 0 !important; } .accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-body { padding-top: 0; } .accordion.accordion-clean .card-header { background: #fff; } .accordion.accordion-clean .card { border-left: 0; border-right: 0; } .accordion.accordion-clean .card:first-child { border-top: 0; } .accordion.accordion-clean .card:last-child { border-bottom: 0; } .accordion.accordion-clean.accordion-outline .card-title, .accordion.accordion-clean.accordion-outline .card-body, .accordion.accordion-clean.accordion-hover .card-title, .accordion.accordion-clean.accordion-hover .card-body { padding-left: 1rem !important; padding-right: 1rem !important; } .accordion.accordion-outline .card { margin-bottom: 1rem; border: 2px solid rgba(0, 0, 0, 0.08) !important; border-radius: 4px !important; } .accordion.accordion-hover .card-title { transition: background-color 0.5s ease; } .accordion.accordion-hover .card-header { background: #fff; } .accordion.accordion-hover .card-header:hover .card-title.collapsed { color: #fff; background-color: #a38cc6; } .accordion.accordion-hover .card-title:not(.collapsed) { color: #fff; background-color: #886ab5; } /* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4 does not allow you to add your own alert colors via variable control rather through a systemetic agent that changes the theme colors. REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218 */ .alert-primary { color: dimgray; background-color: #f3f1f5; border-color: #d6d3da; } .alert-success { color: #45a197; background-color: #f7fdfc; border-color: #a3ebe4; } .alert-danger { color: #e7026e; background-color: #ffe5f1; border-color: #fe9ecb; } .alert-warning { color: #c18300; background-color: #fff8e9; border-color: #ffcd65; } .alert-info { color: #0a6ebd; background-color: #e3f2fd; border-color: #82c4f8; } .alert-secondary { color: #505050; background-color: #fbfbfb; border-color: gainsboro; } .alert-icon { width: 2.5rem; } .alert-icon > i { font-size: 1.75rem; } .alert-icon + div { padding-left: 0.25rem; } .badge.badge-icon { position: absolute; display: inline-block; background-color: #fd3995; color: #fff; box-shadow: 0 0 0 1px #fff; cursor: default; border: 1px solid transparent; font-size: 0.625rem; min-width: 1rem; max-width: 1.6875rem; padding: 0 3px; border-radius: 1.25rem; font-weight: 500; line-height: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; /* when self is relative */ vertical-align: middle; } /* parent position needs to be relative, and turn off waves function */ .btn-icon .badge { top: auto; } .btn-icon .badge.pos-top { margin-top: -4px; } .btn-icon .badge.pos-bottom { margin-bottom: -4px; } .btn-icon .badge.pos-left { margin-left: -4px; } .btn-icon .badge.pos-right { margin-right: -4px; } .page-breadcrumb { padding: 0; background: transparent; margin: 0 0 1.5rem; position: relative; text-shadow: #fff 0 1px; } .breadcrumb > li > a { text-decoration: none !important; } .breadcrumb > li.breadcrumb-item { max-width: 130px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } .breadcrumb > li.breadcrumb-item:hover { max-width: 200px !important; cursor: default; } [data-breadcrumb-seperator] + [data-breadcrumb-seperator]:before { content: attr(data-breadcrumb-seperator); } .breadcrumb-lg > li { font-size: 1rem; } .breadcrumb-sm > li { font-size: 0.6875rem; } [class*='breadcrumb-seperator-'] .breadcrumb-item + .breadcrumb-item:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; font-family: Font Awesome\ 5 Pro; } .breadcrumb-seperator-1 .breadcrumb-item + .breadcrumb-item:before { content: "\f105"; } .breadcrumb-seperator-2 .breadcrumb-item + .breadcrumb-item:before { content: "\f178"; } .breadcrumb-seperator-3 .breadcrumb-item + .breadcrumb-item:before { content: "\f054"; } .breadcrumb-arrow { padding: 0; background: transparent; } .breadcrumb-arrow li.active { font-weight: 500; opacity: 0.5; } .breadcrumb-arrow li a { color: white; display: inline-block; background: #838383; text-decoration: none; position: relative; height: 2.5em; line-height: 2.5em; padding: 0 10px 0 5px; text-align: center; margin-right: 22px; } .breadcrumb-arrow li:nth-child(even) a { background-color: #838383; } .breadcrumb-arrow li:nth-child(even) a:before { border-color: #838383; border-left-color: transparent; } .breadcrumb-arrow li:nth-child(even) a:after { border-left-color: #838383; } .breadcrumb-arrow li:first-child a { padding-left: 0.938em; border-radius: 4px 0 0 4px; } .breadcrumb-arrow li:first-child a:before { border: none; } .breadcrumb-arrow li:last-child a { padding-right: 0.938em; border-radius: 0 4px 4px 0; } .breadcrumb-arrow li:last-child a:after { border: none; } .breadcrumb-arrow li a:before, .breadcrumb-arrow li a:after { content: ""; position: absolute; top: 0; border: 0 solid #838383; border-width: 1.250em 10px; width: 0; height: 0; } .breadcrumb-arrow li a:before { left: -20px; border-left-color: transparent; } .breadcrumb-arrow li a:after { left: 100%; border-color: transparent; border-left-color: #838383; } .breadcrumb-arrow li a:hover { background-color: #886ab5; } .breadcrumb-arrow li a:hover:before { border-color: #886ab5; border-left-color: transparent; } .breadcrumb-arrow li a:hover:after { border-left-color: #886ab5; } .breadcrumb-arrow li a:active { background-color: #838383; } .breadcrumb-arrow li a:active:before { border-color: #838383; border-left-color: transparent; } .breadcrumb-arrow li a:active:after { border-left-color: #838383; } /* btn switch */ .btn-switch { background: dimgray; padding: 2px 8px 1px 22px; font-size: 10px; line-height: 15px; border-radius: 20px; text-transform: uppercase; color: white; font-weight: 500; min-width: 55px; height: 20px; margin-top: 5%; position: relative; overflow: hidden; } .btn-switch:hover { transform: scale(1.1); color: white; } .btn-switch:before { content: "OFF"; position: absolute; right: 7px; } .btn-switch:after { content: " "; text-align: center; color: white; width: 16px; height: 16px; position: absolute; background: #fff; padding: 1px; left: 0; top: 0; line-height: normal; margin: 1px; border-radius: 50%; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .btn-switch.active { color: #fff; background: #886ab5; } .btn-switch.active:before { content: "ON"; left: 7px; right: auto; color: white; } .btn-switch.active:after { content: " "; right: 0; left: auto; background: #fff; color: #886ab5; } /* button used to close filter and mobile search */ .btn-search-close { position: absolute !important; display: flex; align-items: center; justify-content: center; padding: 0px 5px; border-radius: 3px; color: #fff; right: 8px; top: 0; left: 0; bottom: 0; margin: auto 0 auto auto; width: 20px; height: 20px; } /* buttons used in the header section of the page */ .header-btn[data-class='mobile-nav-on'] { border-color: #fc077a; background-color: #fd2087; background-image: linear-gradient(to top, #fd2087, #e7026e); color: #fff; width: 3.875rem; } /* btn widths */ .btn-w-m { min-width: 85px; } .btn-w-l { min-width: 130px; } .btn-m-s { margin: 3px 1px; } .btn-m-l { margin: 3px 2.5px; } /* dropdown btn */ /* used on info card pulldown filter */ .pull-trigger-btn { position: absolute !important; top: -5px; left: 0; right: 0; margin-left: auto; margin-right: auto; background: rgba(0, 0, 0, 0.4); padding: 0px 9px; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 0 0 20px 20px; text-decoration: none; font-size: 17px; height: 21px; width: 31px; color: #fff !important; line-height: 20px; text-align: center; transition: all 200ms cubic-bezier(0.34, 1.25, 0.6, 1); box-shadow: 0px 0px 2px rgba(136, 106, 181, 0.3); opacity: 1; } .pull-trigger-btn:hover { font-size: 23px; height: 25px; width: 35px; line-height: 23px; background: #886ab5; border-color: #7a59ad; box-shadow: 0px 0px 10px #5790b3; } /* buttons dropshadow */ /*[class*='btn-']:not(.btn-switch):not(.btn-group):not([class*='btn-w-']), [class*='btn-']:not(.btn-switch):not(.btn-group):not([class*='btn-w-']):focus {*/ .btn-shadow, .btn-shadow:focus { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); } .btn-shadow:active, .btn-shadow .active, .btn-shadow:focus:active, .btn-shadow:focus .active { box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3) !important; } .btn-shadow:not(.disabled):not([disabled]):hover, .btn-shadow:focus:not(.disabled):not([disabled]):hover { box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); } .btn:active { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; } /*.btn-group { [class*='btn-'] { box-shadow: 0 0px 0px 0 rgba(0,0,0,.3) !important; } }*/ .btn-light { border-color: rgba(0, 0, 0, 0.15); } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .btn-light:hover { border-color: rgba(0, 0, 0, 0.25); } .show > .btn-light.dropdown-toggle { border-color: rgba(0, 0, 0, 0.25); } /* btn misc */ .btn-outline-default { background-color: transparent; color: #212529; border-color: #E5E5E5; } .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { color: #212529; background-color: #f9f9f9; border-color: #E5E5E5; } .btn-outline-default.disabled, .btn-outline-default:disabled { color: #212529; background-color: transparent; } .btn-pills { border-radius: 15px; } /* new btn size */ .btn-xs, .btn-group-xs > .btn { padding: 1px 0.844rem; font-size: .7rem; line-height: 1.5; border-radius: .25rem; } /* btn shadows */ .btn-primary { box-shadow: 0 2px 6px 0 rgba(136, 106, 181, 0.5); } .btn-secondary { box-shadow: 0 2px 6px 0 rgba(134, 142, 150, 0.5); } .btn-success { box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5); } .btn-info { box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); } .btn-warning { box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); } .btn-danger { box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5); } .btn-light { box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); } .btn-dark { box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5); } /* btn icon */ .btn-icon { width: calc(2.1rem + 2px); padding: 0; line-height: 2.1rem; } .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):hover { background-color: rgba(0, 0, 0, 0.05); border-color: transparent; } .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):not(.active):not(:active):not(:hover):not(:focus) { background: transparent; color: #434343; } .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):focus { border-color: rgba(80, 80, 80, 0.1) !important; } .btn-icon.btn-xs { width: calc(1.15rem + 2px); line-height: 1.15rem; } .btn-icon.btn-sm { width: calc(1.5rem + 2px); line-height: 1.5rem; } .btn-icon.btn-lg { width: calc(3rem + 2px); line-height: 3rem; } .btn-icon-light { color: rgba(255, 255, 255, 0.7) !important; border-color: transparent !important; } .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) { color: rgba(255, 255, 255, 0.7) !important; } .btn-icon-light:hover { color: #fff !important; background-color: rgba(255, 255, 255, 0.2) !important; } .card-header { color: inherit; background-color: #f7f9fa; } .card-header small { margin: 0; opacity: 0.8; font-weight: 400; font-size: 85%; } /* remove extra margin in card child items */ .card, .card-group { box-shadow: 0px 0px 13px 0px rgba(74, 53, 107, 0.08); } .card > :last-child, .card-group > :last-child { margin-bottom: 0px; } .accordion > .card { box-shadow: none; } .card-group > .card { box-shadow: none; } /* remove wierd line height issue */ .card-header-pills, .card-header-tabs { font-size: 0; } .card-header-pills .nav-link, .card-header-tabs .nav-link { font-size: 0.8125rem; } /* card title */ .card-title { font-size: 0.9375rem; } .card-header .card-title { display: inline-block; padding: 0; margin: 0 0.5rem 0 0; } .carousel-indicators li { border-radius: 50%; } .carousel-control-prev:hover { /*background: -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); */ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); } .carousel-control-next:hover { /*background: -moz-linear-gradient(right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%); background: -webkit-linear-gradient(right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%);*/ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); } .dropdown-header.bg-trans-gradient { padding: 1.25rem 1.5rem; } /* dropdown-item hover menu*/ .dropdown-menu-animated { transform: scale(0.8) !important; transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); opacity: 0; visibility: hidden; display: block; } /* various sizes */ .dropdown-menu { box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); -webkit-user-select: text; } .dropdown-menu .dropdown-item { font-weight: 400; cursor: pointer; } .dropdown-menu.dropdown-sm { width: 8rem; height: auto; } .dropdown-menu.dropdown-md { width: 14rem; height: auto; } .dropdown-menu.dropdown-lg { width: 17.5rem; height: auto; } .dropdown-menu.dropdown-xl { width: 21.875rem; height: auto; } .dropdown-menu .dropdown-item:first-child, .dropdown-menu .dropdown-item:last-child { border-top-right-radius: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } /* replace bootstrap's default arrow */ .dropdown-toggle:after, .dropleft .dropdown-toggle:before { text-align: center; display: inline; border: 0 !important; font-family: 'Font Awesome 5 Pro'; content: "\f107" !important; vertical-align: top !important; position: relative; } .dropup .dropdown-toggle:after { content: "\f106" !important; } .dropright .dropdown-toggle:after { content: "\f105" !important; } .dropleft .dropdown-toggle:before { content: "\f104" !important; } .nav-item .dropdown-toggle:after { font-size: 0.90em; } /* remove arrow */ .dropdown-toggle.no-arrow:before, .dropdown-toggle.no-arrow:after { display: none !important; } /* dropdown menu multi-level */ .dropdown-menu .dropdown-menu { margin: 0; padding: 0; border-radius: 0; position: absolute; top: -1px; left: 100%; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); transform: scale(0.8); transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); transition-delay: 500ms; opacity: 0; visibility: hidden; display: block; } .dropdown-menu .dropdown-menu .dropdown-item { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .dropdown-menu .dropdown-multilevel { position: relative; /* it is displayed on right by default */ /* add arrow */ } .dropdown-menu .dropdown-multilevel.dropdown-multilevel-left > .dropdown-menu { right: 100%; left: auto; } .dropdown-menu .dropdown-multilevel > .dropdown-item:first-child:after { content: "\f2fb"; font-family: 'nextgen-icons'; font-size: inherit; position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; padding-right: 1.5rem; } .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) { background: #f8f9fa; color: #6e4e9e; } .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) + .dropdown-menu { transition-delay: 0ms; transform: scale(1); transform-origin: 29px -50px; opacity: 1; visibility: visible; } .icon-stack { position: relative; display: inline-block; width: 1em; height: 1em; line-height: 1em; vertical-align: middle; text-align: center; } .icon-stack-1x, .icon-stack-2x, .icon-stack-3x { position: absolute !important; left: 0; bottom: 0; width: 100%; text-align: center; line-height: inherit !important; } .icon-stack-1x { font-size: 0.5em; } .icon-stack-2x { font-size: 0.70em; /*padding-right: 0.025em;*/ } .icon-stack-3x { font-size: 1em; } .icon-stack-xl { font-size: 3.125rem; } .icon-stack-lg { font-size: 2.5rem; } .icon-stack-md { font-size: 2.125rem; } .icon-stack-sm { font-size: 1.875rem; } .filter-message { display: block; text-align: center; padding: 2px; font-size: 0.6875rem; text-transform: capitalize; font-style: italic; width: calc(100% - 60px); max-width: 180px; border-radius: 4px; margin: 1rem auto; } .filter-message:empty { display: none; } .js-list-filter:not(.primary-nav) { /* these classes are triggered by JS */ /*.js-filter-show { display:block !important; }*/ } .js-list-filter:not(.primary-nav) .js-filter-hide { display: none !important; } .js-list-filter.nav-menu:not(.primary-nav) .js-filter-show { display: block !important; } .loader { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.5); color: inherit; z-index: 10; /* The use of translate3d pushes CSS animations into hardware acceleration. Even if you're looking to do a basic 2d translation, use translate3d for more power! If your animation is still flickering after switching to the transform above, you can use a few little-known CSS properties to try to fix the problem: */ /*-webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; */ } /*:not(.enable-loader) .loader { > * { animation: pause; } }*/ .enable-loader:before { content: ''; background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .enable-loader .loader { display: flex; } #msgr_listfilter_input { width: calc(100% - 1rem); margin: 0 auto; margin-top: -41px; padding-left: 41px; margin-bottom: 10px; opacity: 0; background: transparent; transition-delay: 100ms; } .msgr-list { width: 14.563rem; right: -11.438rem; z-index: 101; transition-delay: 100ms; } .msgr-list + .msgr { width: calc(100% - 3.125rem); height: 100%; } .msgr-list + .msgr:before { content: ''; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.4); position: absolute; z-index: 100; transition-delay: 100ms; opacity: 0; visibility: hidden; } .msgr-list:hover { right: 0; border-left-color: rgba(0, 0, 0, 0.1); } .msgr-list:hover #msgr_listfilter_input { opacity: 1; } .msgr-list:hover + .msgr:before { opacity: 1; visibility: visible; } /*.msgr-chatinput { min-height: 110px; max-height: 160px; [contenteditable="true"] { min-height:50px; max-height:110px; } }*/ /*.msgr-chatinput-icons { height: 40px; }*/ /*.msgr-chatinput-container { > div { border-top: 1px solid rgba($black,0.07); } }*/ /* IE HACK */ /*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { [contenteditable="true"] { height: 110px; } }*/ .chat-segment-get { text-align: left; position: relative; margin: 0 2rem 0.5rem 0; } .chat-segment-get.chat-start .chat-message { border-bottom-left-radius: 3px; } .chat-segment-get.chat-start + :not(.chat-end) .chat-message { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .chat-segment-get.chat-end .chat-message { border-top-left-radius: 3px; } .chat-segment-get .chat-message { background: #f1f0f0; color: rgba(0, 0, 0, 0.8); text-align: left; } .chat-segment-sent { text-align: right; position: relative; margin: 0 0 .5rem 3rem; } .chat-segment-sent.chat-start .chat-message { border-bottom-right-radius: 3px; } .chat-segment-sent.chat-start + :not(.chat-end) .chat-message { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .chat-segment-sent.chat-end .chat-message { border-top-right-radius: 3px; } .chat-segment-sent .chat-message { background: #1dc9b7; color: white; text-align: left; } .chat-message { padding: 0.75rem 1rem; border-radius: 0.625rem; position: relative; display: inline-block; } .chat-message > p { padding: 0.75rem 0 0; margin: 0; } .chat-message > p:first-child { padding-top: 0; } .chat-start { margin-bottom: 3px !important; } .chat-start .time-stamp { display: none; } .chat-start + .chat-segment:not(.chat-end) { margin-bottom: 3px !important; } .chat-start + .chat-segment:not(.chat-end) .time-stamp { display: none; } /* modal shadow */ .modal-content { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } /* adjustments */ .modal.show .modal-dialog { transform: none; } /* alert modal */ .modal-alert { padding: 0 !important; /* overriding bootstrap generated style */ /*.modal-body { padding: 0.5rem 0; } */ } .modal-alert .modal-dialog { max-width: 100% !important; /* overriding bootstrap css for all media queries */ display: flex; align-items: center; min-height: calc(100% - 3.5rem); transform: none !important; /* overriding bootstrap css */ } .modal-alert .modal-content { background-color: rgba(0, 0, 0, 0.8); border-radius: 0; padding: 1.5rem 1rem 1rem; } .modal-alert .modal-title { font-size: 1.5rem; font-weight: 300; display: flex; align-items: center; flex-wrap: wrap; } .modal-alert .modal-header, .modal-alert .modal-body, .modal-alert .modal-footer { /*left: 20%; width: 60%;*/ width: 100%; max-width: 992px; margin: 0 auto; padding: 0; color: #fff; position: relative; } .modal-alert .close { color: #fff; text-shadow: 0 1px 0 #000; } /* transparent modal */ .modal-transparent .modal-content { box-shadow: 0 1px 15px 1px rgba(86, 61, 124, 0.3); } .modal-transparent .modal-content { background: rgba(40, 36, 47, 0.85); } /* transparent backdrop */ .modal-backdrop-transparent { background: transparent; } /* fullscreen modal */ .modal-fullscreen { padding: 0 !important; } .modal-fullscreen .modal-content { border-radius: 0; border-width: 0; } .modal-fullscreen .modal-dialog { max-width: calc(100vw - 40px); max-height: calc(100vh - 80px); } .modal-fullscreen .modal-dialog .modal-content { height: calc(100vh - 80px); } /* top */ .modal-dialog-top, .modal-dialog-bottom { position: absolute; top: 0; margin: 0; min-width: 100%; } .modal-dialog-top .modal-dialog, .modal-dialog-bottom .modal-dialog { width: 100%; max-width: 100%; margin: 0; } .modal-dialog-top .modal-content, .modal-dialog-bottom .modal-content { border-radius: 0px; border: 0; } .modal-dialog-bottom { top: auto; bottom: 0; } .modal.fade .modal-dialog-bottom { transform: translate(0, 25%); } /* left */ .modal-dialog-left { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 !important; } .modal-dialog-left .modal-content { min-height: 100%; border-width: 0; border-radius: 0; } .modal.fade .modal-dialog-left { transform: translate(-25%, 0); } /* right */ .modal-dialog-right { position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0 !important; border-width: 0px; } .modal-dialog-right .modal-content { min-height: 100%; border-width: 0; border-radius: 0; } .modal.fade .modal-dialog-right { transform: translate(25%, 0); } .modal.show .modal-dialog { transform: translate(0, 0); } /* modal size */ .modal-md { max-width: 350px !important; } .pagination .page-item:not(:first-child) { margin-left: 0.4rem; } .pagination .page-item:first-child:not(.active) .page-link, .pagination .page-item:last-child:not(.active) .page-link, .pagination .page-item.disabled .page-link { background: #e7e1f0; } .pagination .page-link { border-radius: 4px; border-width: 0px; } .pagination .page-link:hover { background-color: #886ab5 !important; color: #fff; } .pagination.pagination-xs .page-link { padding: 0.2rem 0.5rem; font-size: 0.75rem; } .panel-fullscreen { overflow: hidden; max-width: 100%; } .panel { display: flex; flex-direction: column; position: relative; background-color: #fff; box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08); margin-bottom: 1.5rem; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.09); border-bottom: 1px solid #e0e0e0; border-radius: 4px; transition: border 500ms ease-out; /* panel container */ /* panel refresh */ /* panel fullscreen */ /* panel collapse */ /*&.panel-collapsed:not(.panel-fullscreen) { .panel-container { display:none; } }*/ /* panel locked */ } .panel .panel-container { position: relative; border-radius: 0 0 4px 4px; } .panel .panel-container .panel-content { padding: 1rem 1rem; } .panel .panel-container .panel-content:only-child, .panel .panel-container .panel-content:last-child { border-radius: 0 0 4px 4px; } .panel.panel-refresh .js-panel-refresh { opacity: 0.5; cursor: wait; } .panel.panel-fullscreen { position: fixed !important; /* there is a bug with jquery ui, so we have to add !important rule here */ z-index: 2055; top: 0; left: 0; right: 0; height: 100vh !important; max-height: 100vh !important; width: 100vw !important; max-width: 100vw !important; border-radius: 0; border: 0; /*display: flex; flex-direction: column;*/ /* make panel header bigger */ } .panel.panel-fullscreen [data-action="panel-collapse"], .panel.panel-fullscreen .js-panel-collapse, .panel.panel-fullscreen [data-action="panel-close"], .panel.panel-fullscreen .js-panel-close { display: none !important; } .panel.panel-fullscreen .panel-hdr { height: 4.125rem; border-radius: 0; box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(74, 53, 107, 0.1); /* make panel header bigger */ } .panel.panel-fullscreen .panel-hdr h2 { font-size: 1.125rem; font-weight: 400; } .panel.panel-fullscreen .js-panel-locked { display: none; } .panel.panel-fullscreen .btn-panel[data-action="panel-fullscreen"], .panel.panel-fullscreen .js-panel-fullscreen { width: 1.5rem; height: 1.5rem; } .panel.panel-fullscreen .panel-container { flex: 1; overflow-y: auto; border-radius: 0; display: block !important; } .panel.panel-locked:not(.panel-fullscreen) .js-panel-locked { font-weight: bold; } .panel.panel-locked:not(.panel-fullscreen) .panel-hdr h2:before { font-family: 'nextgen-icons'; content: "\f2ae"; position: absolute; top: 0; bottom: 0; right: 5px; display: inline-flex; align-items: center; justify-content: center; font-size: 1.1rem; color: #fd3995; } .panel.ui-sortable-helper { box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09); /*.panel-toolbar { -webkit-filter: grayscale(100%); Safari 6.0 - 9.0 filter: grayscale(100%); }*/ } /* panel tag can be used globally */ .panel-tag { padding: 1rem 1rem; margin-bottom: 2rem; border-left: 3px solid #1dc9b7; background: #eef7fd; opacity: 0.8; font-weight: 400; font-size: 0.875rem; border-radius: 0px 8px 8px 0px; } .panel-tag > *:last-child, .panel-tag > *:only-child { margin-bottom: 0; } .panel-tag:only-child { margin-bottom: 0; } /* panel header */ .panel-hdr { display: flex; align-items: center; background: #fff; min-height: 2rem; border-bottom: 1px solid rgba(0, 0, 0, 0.07); border-radius: 4px 4px 0 0; transition: background-color 0.4s ease-out; /* add padding to first and last child */ /* adjusts title */ } .panel-collapsed .panel-hdr { border-radius: 4px; } .panel-hdr > :first-child { padding-left: 1rem; } .panel-hdr > :last-child { padding-right: 1rem; } .panel-hdr h2 { flex: 1; font-size: 0.875rem; margin: 0; display: flex; align-items: center; line-height: 2rem; color: inherit; color: #333; position: relative; font-weight: 500; /* panel header icon */ } .panel-hdr h2:not(:only-child) { margin-right: 0.66667rem; } .panel-hdr h2 > [class*='fw-'] { margin-left: 4px; } .panel-hdr h2 small { display: inline-block; margin: 0; opacity: 0.8; font-weight: 400; font-size: 0.75rem; margin-left: 0.5rem; } .panel-hdr h2 .panel-icon { margin-right: 0.5rem; } .panel-hdr[class^="bg-"] h2, .panel-hdr[class*=" bg-"] h2 { color: inherit; } /* panel tap highlight */ .panel-sortable:not(.panel-locked).ui-sortable-helper { /*.panel-hdr { &:active { border-top-color: rgba($primary-300, 0.7); border-left-color: rgba($primary-500, 0.7); border-right-color: rgba($primary-500, 0.7); & + .panel-container { border-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7); } } }*/ } .panel-sortable:not(.panel-locked).ui-sortable-helper:active { border-color: rgba(0, 0, 0, 0.15); } /*.panel-sortable .panel-hdr:active, .panel-sortable .panel-hdr:active + .panel-container { @include transition-border(0.4s, ease-out); }*/ .panel-sortable.panel-locked { /*.panel-hdr { &:active { border-top-color: $danger-300; border-left-color: $danger; border-right-color: $danger; & + .panel-container { border-color: transparent $danger $danger; } } }*/ } /* panel toolbar (sits inside panel header) */ .panel-toolbar { display: flex; align-items: center; /* we curve the last button to make it seamless with panel's border radius */ } .panel-toolbar .btn-panel { margin-left: 0.3rem; padding: 0; width: 1rem; height: 1rem; box-sizing: border-box; border-radius: 50%; opacity: 0.8; /* add default colors for action buttons */ /*&:after { content: ""; position: absolute; border: 1px solid rgba($white, 0.6); border-radius: 50%; width: calc(100% + 2px); height: calc(100% + 2px); right: -1px; top: -1px; }*/ } .panel-toolbar .btn-panel:hover { opacity: 1; } .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse { background: #1dc9b7; } .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { background: #ffc241; } .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { background: #fd3995; } .panel-toolbar .btn-toolbar-master { height: 3rem; width: 1.826875rem; /* stop flickering bug due to cpu latency */ border-radius: 0; margin-right: -1rem; border-top-right-radius: 3px; margin-left: 0.5rem; padding: 0 13px; background: transparent; border: 0; font-size: 1.5625rem; color: inherit; display: flex; align-items: center; justify-content: center; } .panel-toolbar .btn-toolbar-master[aria-expanded="true"] { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; } .panel-toolbar .btn-toolbar-master + .dropdown-menu { right: 0; top: 3rem; left: auto !important; margin: 0; border-radius: 0; } .panel-toolbar .btn-panel-flat:last-child { border-top-right-radius: 3px; } .panel-sortable:not(.panel-fullscreen):not(.panel-locked) .ui-sortable-handle { cursor: move; } /* placeholder */ .panel-placeholder { background-color: #e8e6ec; box-sizing: border-box; margin-bottom: 1.5rem; border-radius: 5px; position: relative; overflow: hidden; border: 1px solid transparent; /* placeholder border animation */ } .panel-placeholder:before, .panel-placeholder:after { content: " "; background-image: url(data:image/gif;base64,R0lGODlhCAAIAJAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgD/ACwAAAAACAAIAAACD4SDYZB6udpiaMJYsXuoAAAh+QQECgD/ACwAAAAACAAIAAACDYQRGadrzVRMB9FZ5SwAIfkEBAoA/wAsAAAAAAgACAAAAg8MDqGYaudeW9ChyOyltQAAIfkEBAoA/wAsAAAAAAgACAAAAg9MgGCXm+rQYtC0WGl9oQAAIfkEBAoA/wAsAAAAAAgACAAAAg+MgWCRernaYmjCWLF7qAAAIfkEBAoA/wAsAAAAAAgACAAAAg2MAwmna81UTAfRWeUsACH5BAQKAP8ALAAAAAAIAAgAAAIPRB6gmGrnXlvQocjspbUAACH5BAQKAP8ALAAAAAAIAAgAAAIPBIJhl5vq0GLQtFhpfaAAADs=); border-radius: 5px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.3; } .panel-placeholder:before { background: #e8e6ec; margin: 1px; box-sizing: border-box; opacity: 1; z-index: 1; } .mod-panel-clean { /*.panel-container { .panel-content:first-child { padding-top: $p-1; } }*/ } .mod-panel-clean .panel-hdr { background: #fff; background-image: linear-gradient(to bottom, #f7f7f7, #fff); box-shadow: none; } .mod-panel-clean .panel-hdr h2 { color: #333; font-weight: 500; } @media only screen and (max-width: 420px) { /* making mobile spacing a little narrow */ .panel .panel-hdr { font-size: 0.875rem; min-height: -1rem; } .panel .panel-hdr > :first-child { padding-left: 10px; } .panel .panel-hdr > :last-child { padding-right: 10px; } .panel .panel-hdr .panel-toolbar .btn-toolbar-master { margin-right: -10px; } .panel .panel-container .panel-content:first-child { padding: 10px; } } /* print only selected panel when on fullscreen */ @media print { .panel-fullscreen .subheader, .panel-fullscreen .page-breadcrumb, .panel-fullscreen .page-content .panel:not(.panel-fullscreen) { display: none; } .panel-fullscreen .panel-hdr, .panel-fullscreen .panel-container, .panel-fullscreen .panel-content, .panel-fullscreen h2 { border: none; padding: 0 !important; } .panel-fullscreen .panel { margin: 0; } } .popover { box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); margin: 12px; } .popover .arrow { border-color: inherit; } .popover .popover-header { font-weight: 500; font-size: 0.875rem; border-radius: 0.5rem 0.5rem 0 0; border-bottom-width: 0px; } .popover .popover-body { padding: 0; } .popover-body:not(:empty) { padding: 0 1rem 1rem; } .popover-header:empty + .popover-body { padding-top: 1rem; } .progress-xs { height: 5px; } .progress-sm { height: 8px; } .progress-md { height: 14px; } .progress-lg { height: 20px; } .progress-xl { height: 30px; } /*$app-shortcut-btn-size: 49px; $menu-item-size: 45px; $menu-items:5; $menu-grid-icon: 5px; $menu-item-direction: 'top'; //top or left*/ .menu-item, label.menu-open-button { background: #886ab5; border-radius: 50%; width: 45px; height: 45px; position: absolute !important; padding: 0; right: 0; bottom: 0; color: #fff !important; text-align: center; line-height: 45px; transform: translate3d(0, 0, 0); transition: transform ease-out 200ms; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); } .menu-item:hover, label.menu-open-button:hover { background: #6e4e9e; } .shortcut-menu { position: fixed; right: 1.5rem; bottom: 4.3125rem; z-index: 931; } .menu-open { display: none; } .menu-item, label.menu-open-button { font-size: 16px; } label.menu-open-button { z-index: 932; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-duration: 400ms; cursor: pointer; margin: 0; display: flex; align-items: center; justify-content: center; } .app-shortcut-icon { width: 5px; height: 5px; background: #ecf0f1; color: #ecf0f1; transition: .3s; box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, -8px 8px, 0 8px, 8px 8px; } .menu-open:checked + .menu-open-button { transition-timing-function: linear; transition-duration: 200ms; transform: scale(0.9, 0.9) translate3d(0, 0, 0); background: #505050; } .menu-open:checked + .menu-open-button .app-shortcut-icon { box-shadow: 0 -5px, 0 -8px, 5px 0, -5px 0, 8px 0, -8px 0, 0 8px, 0 5px !important; transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8); } .menu-open:checked ~ .menu-item { transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .menu-open:checked ~ .menu-item:nth-child(3) { transition-duration: 150ms; transform: translate3d(0, -48px, 0); } .menu-open:checked ~ .menu-item:nth-child(4) { transition-duration: 250ms; transform: translate3d(0, -96px, 0); } .menu-open:checked ~ .menu-item:nth-child(5) { transition-duration: 350ms; transform: translate3d(0, -144px, 0); } .menu-open:checked ~ .menu-item:nth-child(6) { transition-duration: 450ms; transform: translate3d(0, -192px, 0); } .menu-open:checked ~ .menu-item:nth-child(7) { transition-duration: 550ms; transform: translate3d(0, -240px, 0); } /* set base height for slider */ .slide-on-mobile { width: 15rem; } @media only screen and (max-width: 992px) { /* SIDE PANELS */ .slide-on-mobile { transform: translate3d(0, 0, 0); z-index: 950; position: absolute !important; top: 0; bottom: 0; background-color: #f8f9fa; transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .slide-backdrop { background: transparent; transition: background 300ms; } .slide-on-mobile-left { border-right: 1px solid rgba(0, 0, 0, 0.09); /* new solution */ left: -15rem; } .slide-on-mobile-left-show { left: 0; } .slide-on-mobile-right { border-left: 1px solid rgba(0, 0, 0, 0.09); right: -15rem; } .slide-on-mobile-right-show { right: 0; } /* place the backdrop right after these classes */ .slide-on-mobile-right-show + .slide-backdrop, .slide-on-mobile-left-show + .slide-backdrop { background: rgba(0, 0, 0, 0.09); position: absolute; z-index: 948; left: 0; right: 0; bottom: 0; top: 0; } } /* bootstrap override table stripe */ .table.table-striped:not(.table-bordered) th, .table.table-striped:not(.table-bordered) tbody th, .table.table-striped:not(.table-bordered) tbody td { border: 0; } .table thead[class^="bg-"] tr > th, .table thead[class*=" bg-"] tr > th { border-top: 0; border-bottom: 0; } .table tr[class^="bg-"] > td, .table tr[class^="bg-"] > th, .table tr[class*=" bg-"] > td, .table tr[class*=" bg-"] > th { border-top: 0 !important; } .thead-themed { background-color: #f2f2f2; background-image: linear-gradient(to top, #f2f2f2, #fafafa); } .table-dark .thead-themed { background-color: #363636; background-image: linear-gradient(to top, #363636, #2a2a2a); } .table-bordered[class*=" bg-"], .table-bordered[class*=" bg-"] td, .table-bordered[class*=" bg-"] th, .table-bordered[class^="bg-"], .table-bordered[class^="bg-"] td, .table-bordered[class^="bg-"] th { border: 1px solid rgba(255, 255, 255, 0.1); } .table-bordered [class*=" bg-"] td, .table-bordered [class*=" bg-"] th, .table-bordered [class^="bg-"] td, .table-bordered [class^="bg-"] th { border: 1px solid rgba(0, 0, 0, 0.1); } /* table hover */ .table-hover tbody tr:hover { box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); z-index: 1; } /* reset table (global) */ th { font-weight: 300; } .table-clean { background: transparent; border: none; } .table-clean tr, .table-clean td, .table-clean th { border: none; background: none; } .table-scale-border-top { border-top: 2px solid #505050 !important; } .table-scale-border-bottom { border-bottom: 2px solid #505050 !important; } /* nav tabs panel */ .nav-tabs-clean { height: 45px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav-tabs-clean .nav-item .nav-link { border-radius: 0; border: 0; height: 45px; /*font-size: rem($fs-md); font-weight: 500;*/ display: flex; align-items: center; border-bottom: 1px solid transparent; } .nav-tabs-clean .nav-item .nav-link.active { border-bottom: 1px solid #886ab5; color: #886ab5; } .nav-tabs-clean .nav-item .nav-link:hover { color: #886ab5; } /* hack for waves effect breaking tabs */ /*.nav-tabs .nav-item > .nav-link.waves-effect { height: 100% !important; display: block; }*/ /* fontsize for tabs */ .nav-tabs .nav-item .nav-link:not(:hover) { color: inherit; } .nav-tabs .nav-item .nav-link.active:not(:hover) { color: #333; } .nav-tabs .nav-item .nav-link:hover:not(.active) { color: inherit; } .nav .nav-link:not([class^="btn-"]):not([class*=" btn-"]) { font-weight: 500; font-size: 0.8125rem; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #886ab5; } .tooltip-inner { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; font-weight: 500; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } /*.tooltip .arrow { display: none; }*/ /* #MISC - misc styles, helpers, effects and hacks ========================================================================== */ /* height & width auto */ .h-auto { height: auto !important; } .w-auto { width: auto !important; } .min-height-reset { min-height: initial !important; } .max-width-reset { max-width: none !important; } .max-height-reset { max-height: none !important; } /* width preset */ .min-width-0 { min-width: 0; } .width-0 { width: 0; } .width-1 { width: 1.5rem; } .width-2 { width: 2rem; } .width-3 { width: 2.5rem; } .width-4 { width: 2.75rem; } .width-5 { width: 3rem; } .width-6 { width: 3.25rem; } .width-7 { width: 3.5rem; } .width-8 { width: 3.75rem; } .width-9 { width: 4rem; } .width-10 { width: 4.25rem; } .width-xs { min-width: 5rem; } .width-sm { min-width: 10rem; } .width-lg { min-width: 15rem; } .width-xl { min-width: 20rem; } .height-0 { height: 0; } .height-1 { height: 1.5rem; } .height-2 { height: 2rem; } .height-3 { height: 2.5rem; } .height-4 { height: 2.75rem; } .height-5 { height: 3rem; } .height-6 { height: 3.25rem; } .height-7 { height: 3.5rem; } .height-8 { height: 3.75rem; } .height-9 { height: 4rem; } .height-10 { height: 4.25rem; } .height-xs { min-height: 5rem; } .height-sm { min-height: 10rem; } .height-lg { min-height: 15rem; } .height-xl { min-height: 20rem; } /* line-heights */ .l-h-n { line-height: normal; } /* no bg image */ .bg-img-none { background-image: none !important; } /* flex */ .flex-1 { flex: 1; } /* margins */ .m-g { margin: 1.5rem; } .mb-g { margin-bottom: 1.5rem !important; } .mb-gb { margin-bottom: 3rem; } /* paddings */ .p-g { padding: 1.5rem; } /* text turncaters */ .text-truncate-header { max-width: 6.0625rem; } .text-truncate-xs { max-width: 4.5625rem; } .text-truncate-sm { max-width: 117px; } .text-truncate-md { max-width: 160px; } .text-truncate-default { max-width: 180px; } .text-truncate-lg { max-width: 200px; } /* blur text */ .text-blur { color: transparent !important; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } a.text-blur { text-shadow: 0 0 5px rgba(136, 106, 181, 0.5); } /* positions usage: .position-absolute|relative|static|fixed .pos-top|left|right|bottom */ .pos-top { top: 0; } .pos-left { left: 0; } .pos-right { right: 0; } .pos-bottom { bottom: 0; } /* font weights */ .fw-300 { font-weight: 300 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-700 { font-weight: 700 !important; } .fw-900 { font-weight: 900 !important; } .fw-n { font-weight: normal !important; } /* font sizes */ .fs-nano { font-size: 0.6875rem !important; } /* 10px */ .fs-xs { font-size: 0.75rem !important; } /* 12px */ .fs-sm { font-size: 0.78125rem !important; } /* 12.5px */ .fs-b { font-size: 0.8125rem !important; } /* 13px */ .fs-md { font-size: 0.875rem !important; } /* 14px */ .fs-lg { font-size: 0.9375rem !important; } /* 15px */ .fs-xl { font-size: 1rem !important; } /* 16px */ .fs-xxl { font-size: 1.75rem !important; } /* page header */ /* alphas */ .opacity-5 { opacity: 0.05; } .opacity-10 { opacity: 0.1; } .opacity-15 { opacity: 0.15; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-35 { opacity: 0.35; } .opacity-40 { opacity: 0.4; } .opacity-45 { opacity: 0.45; } .opacity-50 { opacity: 0.5; } .opacity-55 { opacity: 0.55; } .opacity-60 { opacity: 0.6; } .opacity-65 { opacity: 0.65; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-85 { opacity: 0.85; } .opacity-90 { opacity: 0.9; } .opacity-95 { opacity: 0.95; } .opacity-100 { opacity: 1; } /* backgrounds */ .bg-white { background-color: #fff; color: #666666; } .bg-faded { background-color: #f7f9fa; } .bg-offwhite-fade { background-color: #fff; background-image: linear-gradient(to top, #fff, #f8f8f8); } .bg-subtlelight { background-color: white; } .bg-subtlelight-fade { background-color: #fff; background-image: linear-gradient(to top, #fff, #f5fcff); } .bg-highlight { background-color: #fffaee; } .bg-gray-50 { background-color: #f9f9f9; } .bg-gray-100 { background-color: #f8f9fa; } .bg-gray-200 { background-color: #f3f3f3; } .bg-gray-300 { background-color: #dee2e6; } .bg-gray-400 { background-color: #ced4da; } .bg-gray-500 { background-color: #adb5bd; } .bg-gray-600 { background-color: #868e96; } .bg-gray-700 { background-color: #495057; } .bg-gray-800 { background-color: #343a40; } .bg-gray-900 { background-color: #212529; } /* borders */ .border-faded { border: 1px solid rgba(29, 29, 29, 0.07); } .border-transparent { border: 1px solid transparent !important; } /* border radius */ .border-top-left-radius-0 { border-top-left-radius: 0 !important; } .border-bottom-left-radius-0 { border-bottom-left-radius: 0 !important; } .border-top-right-radius-0 { border-top-right-radius: 0 !important; } .border-bottom-right-radius-0 { border-bottom-right-radius: 0 !important; } .rounded-plus { border-radius: 10px; } .rounded-bottom { border-radius: 0 0 4px; } .rounded-top { border-radius: 4px 4px 0 0; } /* progressbars */ /*.progress-xs { height: 5px } .progress-sm { height: 8px } .progress-md { height: 14px } .progress-lg { height: 20px } .progress-xl { height: 30px }*/ /* rotate */ .rotate-90 { transform: rotate(90deg); } .rotate-180 { transform: rotate(180deg); } .rotate-270 { transform: rotate(270deg); } /* shadows */ .shadow-0 { box-shadow: none !important; } .shadow-1, .shadow-hover-1:hover { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.1); } .shadow-2, .shadow-hover-2:hover { box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.1); } .shadow-3, .shadow-hover-3:hover { box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.125); } .shadow-4, .shadow-hover-4:hover { box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.125); } .shadow-5, .shadow-hover-5:hover { box-shadow: 0 0.125rem 0.325rem rgba(0, 0, 0, 0.175); } .shadow-inset-1, .shadow-hover-inset-1:hover { box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); } .shadow-inset-2, .shadow-hover-inset-2:hover { box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.04); } .shadow-inset-3, .shadow-hover-inset-3:hover { box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.05); } .shadow-inset-4, .shadow-hover-inset-4:hover { box-shadow: inset 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06); } .shadow-inset-5, .shadow-hover-inset-5:hover { box-shadow: inset 0 0.35rem 0.5rem rgba(0, 0, 0, 0.07); } .shadow-sm-hover:hover { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-hover:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg-hover:hover { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } /*.shadow-unique-hover { @extend %shadow-hover; }*/ /* hover any bg */ /* inherits the parent background on hover */ .hover-bg { background: #fff; transition: all .1s ease-in; color: inherit; } .hover-bg:hover { background: inherit; color: inherit; } /* hover alpha effect */ /* example found in the buttons page */ /* example of use could be found inside panel buttons top right */ .hover-effect-dot { position: relative; } .hover-effect-dot:before { content: ""; background: rgba(0, 0, 0, 0.2); width: 0%; height: 0%; display: block; position: absolute; top: 50%; left: 50%; border-radius: 100%; transition: all 100ms ease-in; } .hover-effect-dot:hover:before { width: 75%; height: 75%; top: 12%; left: 12%; } /* hover light bg effect */ .hover-highlight:hover { background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); } .hover-highlight:active { background-image: linear-gradient(rgba(29, 33, 41, 0.05), rgba(29, 33, 41, 0.06)); } /* hover and hide items on show */ .show-child-on-hover .show-on-hover-parent { display: none; } .show-child-on-hover:hover .show-on-hover-parent { display: block; } .hide-child-on-hover .hide-on-hover-parent { display: block; } .hide-child-on-hover:hover .hide-on-hover-parent { display: none; } /* z-indexes */ .z-index-space { z-index: 1000; } .z-index-cloud { z-index: 950; } .z-index-ground { z-index: 0; } .z-index-water { z-index: -99; } /* cursor usage: cursor-default; */ .cursor-auto { cursor: auto !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-crosshair { cursor: crosshair !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-default { cursor: default !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-e-resize { cursor: e-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-help { cursor: help !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-move { cursor: move !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-n-resize { cursor: n-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-ne-resize { cursor: ne-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-nw-resize { cursor: nw-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-pointer { cursor: pointer !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-progress { cursor: progress !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-s-resize { cursor: s-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-se-resize { cursor: se-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-sw-resize { cursor: sw-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-text { cursor: text !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-w-resize { cursor: w-resize !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-wait { cursor: wait !important; /* had to insert important since bootstrap has some peculiar classes */ } .cursor-inherit { cursor: inherit !important; /* had to insert important since bootstrap has some peculiar classes */ } /* states */ .state-selected { background: #e7f4fe !important; } /* collapse toggle to reveal and hide elements */ [aria-expanded="false"] ~ .collapsed-reveal { display: none; } [aria-expanded="false"] .collapsed-reveal { display: none; } [aria-expanded="false"] ~ .collapsed-hidden { display: block; } [aria-expanded="false"] .collapsed-hidden { display: block; } [aria-expanded="true"] ~ .collapsed-reveal { display: block; } [aria-expanded="true"] .collapsed-reveal { display: block; } [aria-expanded="true"] ~ .collapsed-hidden { display: none; } [aria-expanded="true"] .collapsed-hidden { display: none; } /* demo window */ .demo-window { position: relative; z-index: 1; overflow: hidden; padding-top: 23px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .demo-window:before, .demo-window:after, .demo-window .demo-window-content:before, .demo-window .demo-window-content:after { content: ""; position: absolute; display: block; } .demo-window:before { top: 0; right: 0; left: 0; z-index: 3; height: 23px; background: #e5e5e5; } .demo-window:after, .demo-window .demo-window-content:before, .demo-window .demo-window-content:after { left: 10px; background: #ccc; top: 6px; z-index: 4; width: 11px; height: 11px; border-radius: 50%; } .demo-window .demo-window-content { width: 100%; } .demo-window .demo-window-content img { display: block; width: 100%; } .demo-window .demo-window-content:before { left: 26px; } .demo-window .demo-window-content:after { left: 43px; } /* layout composed */ .layout-composed .page-content { padding: 0 !important; } .layout-composed .page-content .page-breadcrumb, .layout-composed .page-content .subheader { display: none; } /* responsive helpers */ @media only screen and (max-width: 992px) { /* layout composed mobile only */ .layout-composed-mobile .page-content { padding: 0 !important; } .layout-composed-mobile .page-content .page-breadcrumb, .layout-composed-mobile .page-content .subheader { display: none; } /* positions on mobile view */ .position-on-mobile-absolute { position: absolute !important; } .position-on-mobile-relative { position: relative !important; } .position-on-mobile-static { position: static !important; } /* RESET HEIGHTS */ .height-mobile-auto { height: auto; min-height: auto; max-height: auto; } .width-mobile-auto { width: auto; min-width: auto; max-width: auto; } /* FULL HEIGHT ON MOBILE */ .expand-full-height-on-mobile { height: calc(100vh - 4.125rem) !important; } .expand-full-width-on-mobile { width: 100vw !important; max-width: 100vw !important; } } /* list style none */ .list-style-none { list-style: none; } .list-style-none ul { list-style: none; } /* row grid */ .row-grid { overflow: hidden; } .row-grid > .col, .row-grid > [class^="col-"], .row-grid > [class*=" col-"], .row-grid > [class^="col "], .row-grid > [class*=" col "], .row-grid > [class$=" col"], .row-grid > [class="col"] { position: relative; } .row-grid > .col:after, .row-grid > [class^="col-"]:after, .row-grid > [class*=" col-"]:after, .row-grid > [class^="col "]:after, .row-grid > [class*=" col "]:after, .row-grid > [class$=" col"]:after, .row-grid > [class="col"]:after { content: ""; position: absolute; top: 0; bottom: 0; left: -1px; display: block; width: 0; border-left: 1px solid rgba(29, 29, 29, 0.07); } .row-grid > .col:before, .row-grid > [class^="col-"]:before, .row-grid > [class*=" col-"]:before, .row-grid > [class^="col "]:before, .row-grid > [class*=" col "]:before, .row-grid > [class$=" col"]:before, .row-grid > [class="col"]:before { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; display: block; height: 0; border-top: 1px solid rgba(29, 29, 29, 0.07); } /* List table */ .list-table { height: auto; display: table; margin: 0; padding: 0; } .list-table > li { display: table-cell; vertical-align: middle; position: relative; padding: 0; } .list-table > li.search { position: static; } /* mostly used for nav items */ .disabled:not(.btn), .disabled:not(.btn) > * { -webkit-filter: grayscale(80%); filter: grayscale(80%); opacity: 0.80; cursor: not-allowed; } .disabled:not(.btn) ul, .disabled:not(.btn) .collapse-sign, .disabled:not(.btn) > * ul, .disabled:not(.btn) > * .collapse-sign { display: none; } ul.list-verticle { margin: 0; padding: 0; list-style: none; } .show > .dropdown-menu-animated { transform: scale(1) !important; transform-origin: 29px -50px; opacity: 1; visibility: visible; } hr { border: none; border-bottom: 1px dashed #eee; } hr.hr-xl { margin: 3rem 0; } .bg-trans-gradient { background: linear-gradient(250deg, #3e93d6, #8a75aa); } /* custom scroll */ /* table no border */ .table-border-0 th, .table-border-0 td { border: 0 !important; } /* table calendar */ .table-calendar { table-layout: fixed; } .table-calendar th { border: 0px !important; font-weight: 500; } .table-calendar tr td:first-child { border-left: 0; } .table-calendar tr td:last-child { border-right: 0; padding-right: 10px; } .table-calendar td, .table-calendar th { text-align: right; vertical-align: top; padding: 5px 8px; position: relative; } /* list spaced */ .list-spaced li { margin-top: 7px; margin-bottom: 7px; } .list-spaced li:first-child { margin-top: 0; } .list-spaced li:last-child { margin-bottom: 0; } .list-spaced > li { padding: 0 0 0.2rem; } /* profile images */ .profile-image { width: 3.125rem; height: 3.125rem; } .profile-image-md { width: 2rem; height: 2rem; } .profile-image-sm { width: 1.5625rem; height: 1.5625rem; } /* image share */ .img-share { width: auto; height: 2.8125rem; } span.img-share { width: 4.12594rem; height: 2.8125rem; } .notes { padding: 5px; background: #f9f4b5; } /* .shadow-2 { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .shadow-3 { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } .shadow-4 { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); } .shadow-5 { box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); }*/ /* disclaimer class */ .disclaimer { padding-left: 10px; font-size: 0.5rem; color: #a2a2a2; letter-spacing: 1px; text-transform: uppercase; font-style: italic; } /* horizontal scrolling */ .scrolling-wrapper { display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } .scrolling-wrapper .card { flex: 0 0 auto; } .scrolling-wrapper::-webkit-scrollbar { display: none; } /* online status */ .status { position: relative; } .status:before { content: " "; position: absolute; width: 15px; height: 15px; display: block; top: -2px; right: -2px; background: #505050; border-radius: 50%; border: 2px solid #fff; } .status.status-sm:before { width: 10px; height: 10px; border-width: 1px; top: 0; right: 0; } .status.status-success:before { background: #1dc9b7; } .status.status-danger:before { background: #fd3995; } .status.status-warning:before { background: #ffc241; } /* containers */ .container.container-sm { max-width: 576px; } .container.container-md { max-width: 768px; } .container.container-lg { max-width: 992px; } /* responsive visibility */ /* https://getbootstrap.com/docs/3.4/css/#responsive-utilities */ .hidden-xs-up { display: none !important; } @media (max-width: 575.98px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767.98px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991.98px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1398.98px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1399px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } /* display frame */ .frame-heading { font-size: 0.8125rem; margin-bottom: 1rem; color: #a1a1a1; font-weight: 500; } .frame-heading small { font-size: 0.8125rem; margin-bottom: 0.5rem; } .frame-wrap { background: white; padding: 0; margin-bottom: 3rem; } * > .frame-wrap:last-child { margin-bottom: 0 !important; } /* time stamp */ .time-stamp { font-size: 0.78125rem; margin: 0.25rem 0 0 0; color: #767676; font-weight: 300; } /* data-hasmore */ [data-hasmore] { position: relative; color: #fff; } [data-hasmore]:before { content: attr(data-hasmore); border-radius: inherit; background: rgba(0, 0, 0, 0.4); height: inherit; width: 100%; position: absolute; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: inherit; } /* code */ code { background: #f8f8f8; padding: 4px 7px; border-radius: 4px; } /* star checkbox */ .star { visibility: hidden; font-size: 1.5em; cursor: pointer; } .star:before { content: "☆"; position: absolute; visibility: visible; } .star:checked:before { content: "★"; position: absolute; } .shadow-top:after, .shadow-bottom:after, .mobile-view-activated.header-function-fixed .page-header:after, .mobile-view-activated.header-function-fixed .page-footer:after { content: ""; height: 6px; position: absolute; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAATlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADEoqZZAAAAGnRSTlMACRVXPCMeNMEsdZ98SZBDbFDIrZhkXreCiM2g9MAAAAD1SURBVDjLzZHbDoIwEAVdEC94raLi//+otD1Lu4tgCWqYhPC0J5np4jeQ+2gKYWZukCLrYTWKvpVOl/9AAeVUMNuWtWA5AnkZFgtGlaHA901jTeEYa50cB4/x5A6Tp2H478GU342ziBJRBsqmNIAqaVWIwpMVW7l7w81y9pSS/QdKCUbcoF1GEMTgDm0ETqALpPraA6nLskKVRWEZzOq6fjYcQQV2CVSAb+1OMxeaoANHEAk4gNQn6A+/sBDu+kayrApPKMLuCh6ezQhwwgvogRSowAmiAG/ttXyPs35lLW0MpNOstfJlEK2e5g1xY7S4fnUPzF+TRjAMoku43AAAAABJRU5ErkJggg==); background-size: cover; top: -5px; left: 0; right: 0; opacity: 0.06; } .shadow-bottom:after, .mobile-view-activated.header-function-fixed .page-header:after { top: auto; bottom: -5px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3dmhyAAAAEnRSTlMACRUgPnjDV51MNCxhkIVsrbfUWo5iAAAA/UlEQVQ4y8zR7WqEMBCF4Xy4HeNos73/m605M+HQlIB2oeyjP5XwngQTXTLZqOp2WqCAiOxQa32Yz+Zo1u5pvpqPP8CPT7N2R4PDHqbWuoOIFFhgO6lqNslEFwaoHsKV4cXCpZl3H+z2cLidjGjozfNqaX5F6xANYSKO8aDjtXMAqJwAK8Dh1hXvNf41oJKdUL2VsZNeBp8Pii+Inp9cdsoBTHECe1fN4yXV7J1AYSpjUesSeyHcF8EXcLlT2HwFKj+IKXJNYRwt4LZGITO1i8Dc10VKjjNwCa5Byw0beR8bmUmRwv+IgzSRb0kTcRDezfcYwRhEUAKgxtAEAACGmyM6KW9inQAAAABJRU5ErkJggg==); } .shadow-bottom-line, .shadow-top-line { position: relative; } .shadow-bottom-line:after, .shadow-top-line:after { content: ""; width: 100%; height: 5px; position: absolute; bottom: -5px; left: 0; right: 0; background-color: rgba(80, 80, 80, 0.09); background-image: linear-gradient(to top, rgba(80, 80, 80, 0.09), transparent); /*background-image: -webkit-linear-gradient(top, rgba($fusion-500, 0.09), transparent); background-image: linear-gradient(top, rgba($fusion-500, 0.09), transparent);*/ } .shadow-top-line:after { content: ""; top: -5px; background-color: transparent; background-image: linear-gradient(to top, transparent, rgba(80, 80, 80, 0.09)); /*background-image: -webkit-linear-gradient(top, transparent, rgba($fusion-500, 0.09)); background-image: linear-gradient(top, transparent, rgba($fusion-500, 0.09));*/ } /* press animation */ .press-scale-down { transition: all 0.2s ease; } .press-scale-down:active { transform: scale(0.95); } .hover-white:hover { background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); } .hover-white:active { background: #e7e7e7; } /* DOC: In Bootstrap there is a small snippet added by the team for IE10 in windows 8 the following comments by the author states: IE10 in Windows (Phone) 8 Support for responsive views via media queries is kind of borked in IE10, for Surface/desktop in split view and for Windows Phone 8. This particular fix must be accompanied by a snippet of JavaScript to sniff the user agent and apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at our Getting Started page for more information on this bug. For more information, see the following: Issue: https://github.com/twbs/bootstrap/issues/10497 Docs: http://getbootstrap.com/getting-started/#support-ie10-width Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ @-ms-viewport { width: device-width; } Solution: http://msdn.microsoft.com/en-us/library/ie/hh771902(v=vs.85).aspx We add the following instead: */ body.desktop-detected { -ms-overflow-style: scrollbar; } /* Reset elms pos when js-waves-off is used */ /*.js-waves-off { position: relative; overflow: hidden; user-select: none; z-index: 0; }*/ /*.btn { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); &:hover, &:active { box-shadow: none; } }*/ /* change the white to any color ;) */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: inherit !important; } /* select background */ ::-moz-selection { background: #505050; color: #fff; } ::selection { background: #505050; color: #fff; } ::-moz-selection { background: #505050; color: #fff; } /* remove dotted line from focus */ input:focus, select:focus, textarea:focus, button:focus { outline: none; } /* IE input clear field "X" input remove */ ::-ms-clear { width: 0; height: 0; } /* links */ a { text-decoration: none !important; } /* touch action */ a, area, button, [role="button"], input, label, select, summary, textarea { touch-action: manipulation; } a[target]:not(.btn) { font-weight: 500; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; text-decoration: underline !important; } /* btn active */ /*.btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }*/ /* dot bullet */ .dot { /*width: 4px; height: 4px; display: inline-block; line-height: 0; border-radius: 100%;*/ font-size: 4px !important; margin-right: 0.5rem !important; margin-left: -8px !important; } /* forms */ /* fix alignment for custom controls */ /*.custom-control { display: flex; align-items: center; }*/ select.custom-select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } select.custom-select::-ms-expand { display: none; } /* bootstrap modal remove padding */ /* you need to disable this if you do not plan on using _addon-custom-scrollbar.scss */ body:not(.mod-main-boxed):not(.mobile-view-activated).chrome.modal-open { padding-right: 8px !important; } body:not(.mobile-view-activated).mod-main-boxed.modal-open { padding-right: 0px !important; } /* hover adjustment for close buttons */ .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { color: inherit; } /* add borders to button groups */ .btn-group .btn:not([class*="btn-outline-"]):not(.btn-icon):not(.btn-light) { border-right: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); } .input-group-prepend .btn:not([class*="btn-outline-"]):not(.btn-icon):not(:first-child) { border-left: 1px solid rgba(0, 0, 0, 0.1); } .input-group-append .btn:not([class*="btn-outline-"]):not(.btn-icon):not(:first-child) { border-left: 1px solid rgba(0, 0, 0, 0.1); } .btn-group-vertical .btn:not([class*="btn-outline-"]):not(:first-child), .btn-group-vertical .btn-group { border-top: 1px solid rgba(0, 0, 0, 0.1); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .text-gradient { background: transparent; } .nav-function-minify:not(.nav-function-top) .primary-nav .nav-menu > li > a + ul:before { left: -0.25rem !important; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { top: -1.5rem; } .ie-only { display: inline-block !important; } .ie-d-none { display: none !important; } /* table hover */ .table-hover tbody tr:hover { box-shadow: none; background-color: #fffaee; } /* Counters IE bug DOC: If you've ever used CSS transitions on structural elements on your page, you may have noticed a case where a transition occur immideately after page load. As a result the user may experience the illusion of "broken page elements" Below solution insures that pace's indication of "everything loaded" before applying the CSS transitions */ .pace-running .page-sidebar, .pace-running .page-sidebar *, .pace-running .page-content-wrapper { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } } /* #MOBILE - mobile media related styles ========================================================================== */ /* contains most of the responsive styles for the app */ /******************************************************** RESPONSIVE REFERENCES .col-xs- .col-sm- .col-md- .col-lg- .col-xl- <544px ≥544px ≥768px ≥992px ≥1200px $grid-breakpoints: ( // Extra small screen / phone xs: 0, // Small screen / phone sm: 544px, // Medium screen / tablet md: 768px, // Large screen / desktop lg: 992px, // Extra large screen / wide desktop xl: 1200px ) !default; *********************************************************/ @media (min-width: 992px) { .page-header { padding: 0 2rem; } .page-content { padding: 1.5rem 2rem; } .page-content .panel { margin-bottom: 1.5rem; } } /*@include media-breakpoint-up(xl) { .page-header { padding: 0 $header-inner-padding-x; } .page-content { padding: 1.5rem 2rem; .card.panel { margin-bottom: 1.5rem; } } }*/ @media only screen and (max-width: 992px) { /*html { font-size: 18px; }*/ .dropdown-menu .dropdown-menu { position: static; padding: .5rem 0 0 .75rem; width: 100%; border: 0; box-shadow: none; transform: scale(1); opacity: 1; transition: none; } .show .dropdown-menu .dropdown-menu { visibility: visible; } .dropdown-menu .dropdown-multilevel > .dropdown-item:first-child:after { display: none; } body { overflow-x: hidden; } .page-logo-text { font-size: 1rem; } .page-content-overlay { background: transparent; transition: background 300ms; position: fixed; z-index: 1001; } .page-wrapper { padding-left: 0; background: #fff; } .page-wrapper .page-header { padding: 0 1.5rem; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .page-wrapper .page-header [data-toggle="dropdown"] + .dropdown-menu { right: 1.5rem; } .page-wrapper .page-sidebar { z-index: 2000; transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transform: translate3d(-16.875rem, 0, 0); position: fixed !important; top: 0; bottom: 0; } .page-wrapper .page-sidebar .primary-nav { overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; height: calc(100% - 6.9375rem); } .page-wrapper .page-sidebar .primary-nav .nav-menu .dl-ref { vertical-align: text-top; } .page-wrapper .page-content { padding: 1.5rem 1.5rem; color: #222; font-size: 14px; min-height: calc(100vh - 6.9375rem); } .page-wrapper .page-content .breadcrumb > .breadcrumb-item { max-width: 80px; } .page-wrapper .page-content .subheader { margin-bottom: 1.5rem; } .page-wrapper .page-content .subheader .subheader-title { line-height: 32px; font-weight: 300; } .page-wrapper .page-content .subheader .subheader-title small { font-size: 68%; letter-spacing: normal; margin-top: 0px; overflow: hidden; width: calc(100% - 30px); font-weight: 300; } .page-wrapper .page-content .p-g { padding: 1.5rem; } .page-wrapper .page-footer { border-top: 1px solid rgba(0, 0, 0, 0.09); } .header-function-fixed { /* this was conflicting with the new DOM change where we swtiched header with nav */ /*&:not(.nav-function-fixed) { .page-sidebar { .page-logo { position: absolute !important; top:0px !important; } } }*/ } .header-function-fixed .page-header { margin-left: 0; left: 0; position: fixed; right: 0; top: 0; transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .header-function-fixed .page-header, .header-function-fixed .page-logo { box-shadow: none !important; } .header-function-fixed .page-content { margin-top: 4.125rem; } /* Push content */ .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-sidebar { transform: translate3d(-16.875rem, 0, 0); } .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-header, .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-content, .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer, .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer-push { transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } /* Off canvas */ .nav-mobile-slide-out { min-height: 100vh !important; /*new*/ } .nav-mobile-slide-out .page-wrapper .page-sidebar { z-index: 0; transition: none; transform: translate3d(0px, 0, 0); } .nav-mobile-slide-out .page-wrapper .page-header, .nav-mobile-slide-out .page-wrapper .page-content, .nav-mobile-slide-out .page-wrapper .page-footer, .nav-mobile-slide-out .page-wrapper .page-footer-push { transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transform: translate3d(0, 0, 0); } .nav-mobile-slide-out .page-wrapper .page-content { /* min-height: calc(100vh - 6.9375rem); no longer needed here */ background: #faf8fb; } /* mobile nav show & hide button */ /* general */ .mobile-nav-on { touch-action: none; overflow: hidden; height: 100vh; /*.page-content:before { content:" "; position:fixed; z-index: $space; background:rgba(0,0,0,0); display: block; height: 100vh; width: 100vw; left: 0; top: 0; }*/ /* Push content */ /* Off canvas turned ON*/ /* 'not' is ON by default */ } .mobile-nav-on .page-sidebar { border-right: 1px solid rgba(0, 0, 0, 0.03); box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); } .mobile-nav-on .page-content-overlay { top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.09); } .mobile-nav-on:not(.nav-mobile-push) .page-sidebar { transform: translate3d(0px, 0, 0) !important; } .mobile-nav-on:not(.nav-mobile-push).nav-function-fixed:not(.nav-function-top) .page-sidebar { transform: translate3d(0px, 0, 0) !important; } .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-sidebar { left: 0; transform: translate3d(0px, 0, 0); } .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-header, .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-content, .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer, .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer-push { transform: translate3d(16.875rem, 0, 0); } .mobile-nav-on.nav-mobile-slide-out .page-wrapper { overflow: hidden; /*.page-content:before { background:transparent !important; }*/ } .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-header, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer-push { transform: translate3d(16.875rem, 0, 0); } .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content-overlay { background: transparent !important; top: 0; right: 0; bottom: 0; left: 0; left: 16.875rem; } .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-header, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer-push { box-shadow: 0 9px 0px 0px #faf8fb, 0 -9px 0px 0px #faf8fb, 12px 0 15px -4px rgba(0, 0, 0, 0.32), -12px 0 15px -4px rgba(0, 0, 0, 0.32); } .mobile-nav-on.nav-mobile-no-overlay .page-wrapper { /*.page-content:before { background:rgba(0,0,0,0.3); }*/ } .mobile-nav-on.nav-mobile-no-overlay .page-wrapper .page-content-overlay { background: transparent; top: 0; right: 0; bottom: 0; left: 0; } } @media only screen and (max-width: 576px) { /* here we turn on mobile font for smaller screens */ /*body { font-family: $mobile-page-font !important; }*/ /* mobile nav search */ .mobile-search-on:not(.mobile-nav-on) .page-header > * { display: none !important; } .mobile-search-on:not(.mobile-nav-on) .search { display: flex !important; flex: 1; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms { display: block !important; position: relative !important; width: 100%; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms .btn-search-close { display: flex !important; right: 10px; width: 26px; height: 26px; font-size: 1rem; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field { border: 1px solid #886ab5; padding-left: 1rem; padding-right: 3rem; width: 100%; max-width: none; background: #fff; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus { border-color: #886ab5; } .mobile-search-on:not(.mobile-nav-on) [data-class="mobile-nav-on"] { display: none !important; } .page-header [data-toggle="dropdown"] + .dropdown-menu { width: calc(100% - 2rem) !important; right: 1rem !important; } .page-header, .page-content { padding-left: 1rem !important; padding-right: 1rem !important; } .card[class*='p-'] .card-header, .card[class*='p-'] .card-body { padding: 0 !important; } .subheader-block { display: none; } .primary-nav .nav-menu li a > .badge { font-size: 10px !important; } .card .card-header, .card .card-body { padding: 1rem; } .alert, .panel .panel-tag, .accordion .card .card-header .card-title { padding: 1rem; } } /* changes content colors based on ambience light source of the user (experimental) */ /* DOCS : https://developer.mozilla.org/en-US/docs/Web/CSS/%40media/light-level */ /* The device is used in a environment with a light level in the ideal range for the screen, * and which does not necessitate any particular adjustment.. */ /* The device is used in a dim environment, where excessive contrast and brightness would be * distracting or uncomfortable to the reader. For example: night time, or a dimly * illuminated indoor environment. */ /* The device is used in an exceptionally bright environment, causing the screen to be washed * out and difficult to read. For example: bright daylight. */ /* #FORMS (customized bootstrap form elems) ========================================================================== */ /* text area */ .form-content-editable[contenteditable="true"] { overflow: auto; -webkit-user-modify: read-write-plaintext-only; line-height: normal; } .form-content-editable[contenteditable="true"]:focus { outline: 0; } .form-content-editable[contenteditable="true"]:empty:not(:focus):before { content: attr(data-placeholder); color: #909090; } .form-content-editable[contenteditable="true"]::-moz-selection { background: rgba(0, 132, 255, 0.2); color: #000; } .form-content-editable[contenteditable="true"]::selection { background: rgba(0, 132, 255, 0.2); color: #000; } .form-content-editable[contenteditable="true"]::-moz-selection { background: rgba(0, 132, 255, 0.2); color: #000; } /*.form-control:not(.form-control-sm), .custom-select:not(.custom-select-sm), .input-group:not(.input-group-sm) { min-height: calc(2.25rem + 2px); }*/ .form-label { font-weight: 500; } /* select arrow */ /*select:not(.custom-select):not([multiple]) { background-image: linear-gradient(45deg, transparent 50%, red 60%), linear-gradient(135deg, red 40%, transparent 50%) !important; background-position: calc(100% - 30px) 14px, calc(100% - 20px) 14px, 100% 0; background-size: 10px 10px, 10px 10px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; }*/ /* fix */ .custom-range { -webkit-appearance: none; -moz-appearance: none; } .custom-range::-moz-range-thumb { -moz-appearance: none; } .custom-range::-webkit-slider-thumb { -webkit-appearance: none; } /* add background to focused inpur prepend and append */ .form-control:focus ~ .input-group-prepend { background: #886ab5; } .has-length .input-group-text { border-color: #886ab5; } .has-length .input-group-text + .input-group-text { border-left: 1px solid rgba(0, 0, 0, 0.1); } .has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) { background: #886ab5; color: #fff !important; } .input-group-text { transition: all 0.15s ease-in-out; } /* input group animation for multiple inputs */ .input-group.input-group-multi-transition input[type="text"] { transition: width 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .input-group.input-group-multi-transition input[type="text"]:focus { width: 50%; } /* BS form hack for checkbox tick mark */ .custom-checkbox .custom-control-label::after { background-size: 50% 50%; } /* circle checkbox */ .custom-checkbox-circle .custom-control-label:before { border-radius: 50%; } /* rounded radio */ .custom-radio-rounded .custom-control-label:before { border-radius: 4px; } /* not sure if we need this? */ /*.custom-control { min-height: $custom-control-indicator-size; }*/ /* make checked label bold */ input[type="radio"]:checked + .custom-control-label, input[type="checkbox"]:checked + .custom-control-label { font-weight: 500; } /* help block and validation feedback texts*/ .help-block { color: #909090; } /* on feedback error */ .help-block, .invalid-feedback, .valid-feedback { font-size: 0.6875rem; margin-top: 0.325rem; } /* when form group is last child show now margin */ .form-group:last-child, .form-group:only-child { margin-bottom:0px; } /* fix alignment for generic checkbox and radio */ .form-check-input { margin-top: 0; } .form-check-label { display: flex; align-items: center; } .form-check { margin: 5px 0; } /* #COMPONENTS (can be removed but may or may not impact other components) ========================================================================== */ /*@import '_modules/_form-switches';*/ @media (min-width: 1399px) { .page-sidebar { transform: translate3d(0, 0, 0); } .header-function-fixed .page-wrapper, .header-function-fixed .page-sidebar, .nav-function-fixed .page-wrapper, .nav-function-fixed .page-sidebar, .header-function-fixed.nav-function-fixed .page-wrapper, .header-function-fixed.nav-function-fixed .page-sidebar { transform: none; -webkit-transform: none; -ms-transform: none; } } /* #DEMO ELEMS - elements mostly used for demo (can be removed) ========================================================================== */ @media only screen and (max-width: 992px) { .mobile-view-activated #nff, .mobile-view-activated #nfm, .mobile-view-activated #nfh, .mobile-view-activated #nft, .mobile-view-activated #mmb { position: relative; } .mobile-view-activated #nff .onoffswitch-title, .mobile-view-activated #nfm .onoffswitch-title, .mobile-view-activated #nfh .onoffswitch-title, .mobile-view-activated #nft .onoffswitch-title, .mobile-view-activated #mmb .onoffswitch-title { color: #da9400; color: var(--theme-warning-900) !important; } .mobile-view-activated #nff .onoffswitch-title-desc, .mobile-view-activated #nfm .onoffswitch-title-desc, .mobile-view-activated #nfh .onoffswitch-title-desc, .mobile-view-activated #nft .onoffswitch-title-desc, .mobile-view-activated #mmb .onoffswitch-title-desc { color: #da9400; color: var(--theme-warning-900) !important; } .mobile-view-activated #nff:after, .mobile-view-activated #nfm:after, .mobile-view-activated #nfh:after, .mobile-view-activated #nft:after, .mobile-view-activated #mmb:after { content: "DISABLED"; font-size: 10px; position: absolute; background: #ffc241; background: var(--theme-warning-50); width: 65px; text-align: center; border: 1px solid var(--theme-warning-700); height: 22px; line-height: 20px; border-radius: 10px; display: block; right: 13px; top: 26%; color: #1d1d1d; } } .settings-panel .expanded.theme-colors { display: block; box-shadow: none; border: 0; background: transparent; /*@include theme-button-color ($theme-1-fusion, $theme-1-primary, $theme-1-info, $theme-1-success, $theme-1-warning, $theme-1-danger)*/ } .settings-panel .expanded.theme-colors > ul { height: auto; } .settings-panel .expanded.theme-colors > ul > li [data-action] { width: 36px; height: 36px; margin-right: 4px; margin-bottom: 4px; border-radius: 25px; } .settings-panel .expanded.theme-colors > ul > li [data-action]:hover { opacity: 1; } .settings-panel .expanded.theme-colors > ul:last-child { margin-right: 0; } .settings-panel .expanded.theme-colors #myapp-0 { background: #886ab5; box-shadow: inset 0 0 0 3px #2ba1ff; } .settings-panel .expanded.theme-colors #myapp-1 { background: #b56a9f; } .settings-panel .expanded.theme-colors #myapp-2 { background: #9fcb3d; } .settings-panel .expanded.theme-colors #myapp-3 { background: #4679cc; } .settings-panel .expanded.theme-colors #myapp-4 { background: #2198F3; } .settings-panel .expanded.theme-colors #myapp-5 { background: #6ab5b4; } .settings-panel .expanded.theme-colors #myapp-6 { background: #dd5293; } .settings-panel .expanded.theme-colors #myapp-7 { background: #868e96; } .settings-panel .expanded.theme-colors #myapp-8 { background: #7c91df; } .settings-panel .expanded.theme-colors #myapp-9 { background: #e59c6c; } .settings-panel .expanded.theme-colors #myapp-10 { background: #778c85; } .settings-panel .expanded.theme-colors #myapp-11 { background: #a2b077; } .settings-panel .expanded.theme-colors #myapp-12 { background: #7976b3; } .settings-panel .expanded.theme-colors #myapp-13 { background: #55ce5f; } .settings-panel .expanded.theme-colors #myapp-14 { background: #fbe231; } .settings-panel .expanded.theme-colors #myapp-15 { background: #627ca0; } .settings-panel:first-child h5 { margin-top: 0; padding-top: 5px; } .settings-panel h5 { margin: 0; font-weight: 500; font-size: 0.8rem; padding: 1rem 1rem 5px; box-sizing: content-box; display: block; overflow: hidden; text-decoration: none; margin-top: 5px; color: #505050; text-align: left; } .settings-panel h5 small { display: inline; } .settings-panel .list { font-weight: 400; min-height: 45px; padding: 0.25rem 1rem 0.25rem 2rem; color: #666666; position: relative; display: flex; flex-direction: column; justify-content: center; } .settings-panel .list:hover { color: #333333; background: rgba(255, 255, 255, 0.7); } .settings-panel .list:hover .onoffswitch { transform: scale(1.13); } .settings-panel .list .btn-switch { position: absolute; right: 1rem; margin: 0; top: 30%; } .settings-panel .list .onoffswitch-title { margin-top: 0.5px; font-size: 0.8125rem; display: block; } .settings-panel .list .onoffswitch-title-desc { display: block; font-size: 0.75rem; color: #989da5; text-transform: lowercase; } .settings-panel .expanded { position: relative; display: none; } .settings-panel .expanded:before { border-bottom-color: #5d5d5d; bottom: 1px; } .settings-panel .expanded > ul { padding: 0; margin: 0; margin: 0 0 0 1rem; height: 50px; } .settings-panel .expanded > ul > li { display: inline-block; margin: 0; padding: 0; } .settings-panel .expanded > ul > li [data-action] { width: 50px; height: 50px; border-radius: 50%; margin-right: 2px; display: block; cursor: pointer; position: relative; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); } .settings-panel .expanded .list { padding: 0; min-height: auto; margin: 0.5rem 0 0 1rem; } .settings-panel .expanded .list .btn-switch { margin-top: 2px; top: -2px; right: 0; } .settings-panel .expanded .list:hover { background: transparent; } #saving { position: absolute; z-index: 1; top: 0; left: -40px; display: none; } /* localstorage success fade animation */ .saving #saving { display: block; } .saving [data-action="app-reset"] { opacity: 0.5; cursor: not-allowed !important; } .color-disp-demo tr:first-child td { height: 100px; box-shadow: inset 0 -5px 0 rgba(255, 255, 255, 0.8); } .color-disp-demo tr td { border: none; padding-top: 7px; padding-bottom: 7px; } .color-disp-demo tr td:hover { transform: scale(1.1); font-weight: 500; } .cr-c { width: 21px; height: 21px; display: block; border-radius: 50%; } .icon-demo { list-style: none; padding: 0; } .icon-demo li { border: 1px solid #7f8995; padding: 10px; display: inline-block; font-size: 20px; width: 60px; height: 60px; overflow: hidden; margin: 0 6px 0 0; text-align: center; background: #fff; } .icon-demo li:hover { transform: scale(1.4); } code[class*="language-"], pre[class*="language-"] { display: none !important; } .show-codes code[class*="language-"], .show-codes pre[class*="language-"] { display: block !important; } .container-demo { max-width: 100%; width: 100%; } .bd-example { position: relative; padding: 1rem 0; } .bd-example-row-flex-cols .row { min-height: 10rem; background-color: rgba(255, 0, 0, 0.1); } .bd-example-row .row > .col, .bd-example-row .row > [class^=col-] { padding-top: .75rem; padding-bottom: .75rem; background-color: rgba(86, 61, 124, 0.15); border: 1px solid rgba(86, 61, 124, 0.2); } .bd-example-row .row + .row { margin-top: 1rem; } .bd-highlight { background-color: rgba(86, 61, 124, 0.2); border: 1px solid rgba(86, 61, 124, 0.2); } .demo { margin: 0; } .demo > * { margin: 0 .375rem 1rem 0 !important; } .demo.demo-no-mb > * { margin-bottom: 0 !important; } .demo-v-spacing-sm > * + *, .demo-v-spacing > * + *, .demo-v-spacing-lg > * + * { margin-top: 0.875rem !important; margin-bottom: 0 !important; } .demo-v-spacing-sm > *, .demo-v-spacing > *, .demo-v-spacing-lg > * { margin-bottom: 0 !important; } .demo-v-spacing > * + * { margin-top: 1rem !important; } .demo-v-spacing-lg > * + * { margin-top: 1.5rem !important; } .demo-h-spacing > *:not(last-child):not(only-child) { margin-right: 1rem !important; } /*.demo-vh-spacing > *:not(last-child):not(only-child) { margin: 0 .375rem 1rem 0 !important; }*/ /* #_extensions - Components imported in alphabetical order (remove extensions from directory if not needed) ========================================================================== */ body:not(.mod-pace-custom) .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body:not(.mod-pace-custom) .pace .pace-progress { background: #886ab5; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 3px; } body:not(.mod-pace-custom) .pace-inactive { display: none; } body.mod-pace-custom { /*&.pace-done { .page-content { &:before{ z-index:-2; display: none; } } }*/ } body.mod-pace-custom .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 45vh; left: 0; right: 0; height: 13px; border: 2px solid #fff; width: 15.18902rem; background: #fff; overflow: hidden; } body.mod-pace-custom .pace .pace-progress { box-sizing: border-box; transform: translate3d(0, 0, 0); max-width: 15.18902rem; z-index: 2000; display: block; position: absolute; top: 0; right: 100%; height: 100%; width: 100%; background-color: #886ab5; background-image: linear-gradient(135deg, #886ab5 0%, #886ab5 25%, #6e4e9e 25%, #6e4e9e 50%, #886ab5 50%, #886ab5 75%, #6e4e9e 75%, #6e4e9e 100%); background-repeat: repeat; background-position: 0 0; background-size: 13px 13px; background-clip: content-box; animation: loading 0.5s linear infinite; -o-animation: loading 0.5s linear infinite; -moz-animation: loading 0.5s linear infinite; -webkit-animation: loading 0.5s linear infinite; } body.mod-pace-custom .pace-inactive { display: none; } body.mod-pace-custom.pace-running .page-content:before { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #faf8fb; z-index: 1; } @keyframes loading { from { background-position: 0 0; } to { background-position: -13px 0; } } @-webkit-keyframes loading { from { background-position: 0 0; } to { background-position: -13px 0; } } .slimScrollBar { border-radius: 3px !important; } body:not(.no-slimscroll) .custom-scroll { overflow: hidden; } /*! * Waves v0.7.6 * http://fian.my.id/Waves * * Copyright 2014-2018 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */ .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(255, 255, 255, 0.6); background: radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%); transition: all 0.5s ease-out; transition-property: transform, opacity; transform: scale(0) translate(0, 0); pointer-events: none; } .waves-notransition { transition: none !important; } .waves-themed.btn-warning .waves-ripple, .waves-themed.btn-default .waves-ripple, .waves-themed.btn-outline-default .waves-ripple { background: rgba(0, 0, 0, 0.6); background: radial-gradient(rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 70%); } .waves-themed.btn-primary .waves-ripple, .waves-themed.btn-outline-primary .waves-ripple, .waves-themed.btn-info .waves-ripple, .waves-themed.btn-outline-info .waves-ripple, .waves-themed.btn-danger .waves-ripple, .waves-themed.btn-outline-danger .waves-ripple, .waves-themed.btn-success .waves-ripple, .waves-themed.btn-outline-success .waves-ripple, .waves-themed.btn-dark .waves-ripple, .waves-themed.btn-outline-dark .waves-ripple { background: rgba(255, 255, 255, 0.6); background: radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%); } .page-sidebar .primary-nav .nav-menu li a.waves-themed .waves-ripple { background: rgba(39, 28, 55, 0.6); background: radial-gradient(rgba(39, 28, 55, 0.2) 0, rgba(39, 28, 55, 0.3) 40%, rgba(39, 28, 55, 0.4) 50%, rgba(39, 28, 55, 0.5) 60%, rgba(39, 28, 55, 0) 70%); } .panel-hdr:not([class^="bg-"]):not([class*=" bg-"]) .waves-themed.btn-toolbar-master .waves-ripple, .waves-themed.nav-link .waves-ripple { background: rgba(136, 106, 181, 0.6); background: radial-gradient(rgba(136, 106, 181, 0.2) 0, rgba(136, 106, 181, 0.3) 40%, rgba(136, 106, 181, 0.4) 50%, rgba(136, 106, 181, 0.5) 60%, rgba(136, 106, 181, 0) 70%); } /* #ANIMATION - CSS animations and keyframes ========================================================================== */ @-webkit-keyframes seconds { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes seconds { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes delayed { 99% { visibility: hidden; } 100% { visibility: visible; } } @keyframes delayed { 99% { visibility: hidden; } 100% { visibility: visible; } } @keyframes subtle { 0% { opacity: 1; } 100% { opacity: 0.2; } } @-webkit-keyframes subtle { 0% { opacity: 1; } 100% { opacity: 0.2; } } @-webkit-keyframes highlight { from { background: #ffebc1; } to { background: transparent; } } @keyframes highlight { from { background: #ffebc1; } to { background: transparent; } } .highlight { -webkit-animation: highlight 1.5s; animation: highlight 1.5s; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /*.spinner { margin: 5px; height: 20px; width: 20px; animation: rotate 0.7s infinite linear; border: 2px solid $color-primary; border-right-color: transparent; border-radius: 50%; }*/ .fa-spin-4x { -webkit-animation: spin 0.5s infinite linear; animation: spin 0.5s infinite linear; } .fa-spin-2x { -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } /*=== Animations start here ===*/ /*=== FADE IN DOWN ===*/ @-webkit-keyframes animateFadeInDown { from { opacity: 0; transform: translate3d(0, -5px, 0); } to { opacity: 1; transform: none; } } @keyframes animateFadeInDown { from { opacity: 0; transform: translate3d(0, -5px, 0); } to { opacity: 1; transform: none; } } /*==== FADE IN UP ===*/ @-webkit-keyframes animateFadeInUp { from { opacity: 0; transform: translate3d(0, 5px, 0); } to { opacity: 1; transform: none; } } @keyframes animateFadeInUp { from { opacity: 0; transform: translate3d(0, 5px, 0); } to { opacity: 1; transform: none; } } /*=== FADE IN LEFT ===*/ @-webkit-keyframes animateFadeInLeft { from { opacity: 0; transform: translate3d(-5px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes animateFadeInLeft { from { opacity: 0; transform: translate3d(-5px, 0, 0); } to { opacity: 1; transform: none; } } /*==== FADE IN RIGHT ===*/ @-webkit-keyframes animateFadeInRight { from { opacity: 0; transform: translate3d(5px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes animateFadeInRight { from { opacity: 0; transform: translate3d(5px, 0, 0); } to { opacity: 1; transform: none; } } /* remove transition delay */ .no-transition-delay { transition-delay: 0ms !important; } /* fade transitions for page elements */ .page-content > .alert { animation: animateFadeInUp 0.3s; -webkit-animation: animateFadeInUp 0.3s; } .page-content > .card, .page-content > .row { animation: animateFadeInUp 0.7s; -webkit-animation: animateFadeInUp 0.7s; } .tab-content > .active:not(.fade) { animation: animateFadeInUp 0.5s; -webkit-animation: animateFadeInUp 0.5s; } /* repeated transitions */ .fadeinup { animation: animateFadeInUp 0.5s; -webkit-animation: animateFadeInUp 0.5s; } .fadeindown { animation: animateFadeInDown 0.5s; -webkit-animation: animateFadeInDown 0.5s; } .fadeinleft { animation: animateFadeInLeft 0.5s; -webkit-animation: animateFadeInLeft 0.5s; } .fadeinright { animation: animateFadeInRight 0.5s; -webkit-animation: animateFadeInRight 0.5s; } /* #MODS - Layout manipulation ========================================================================== */ @media (min-width: 1399px) { .mod-main-boxed.mod-bg-1 [data-class="mod-bg-1"]:before, .mod-main-boxed.mod-bg-2 [data-class="mod-bg-2"]:before, .mod-main-boxed.mod-bg-3 [data-class="mod-bg-3"]:before, .mod-main-boxed.mod-bg-4 [data-class="mod-bg-4"]:before, .mod-main-boxed.mod-bg-none [data-class="mod-bg-none"]:before { content: " "; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0, 0, 0, 0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } .mod-main-boxed.mod-bg-1 [data-class="mod-bg-1"]:after, .mod-main-boxed.mod-bg-2 [data-class="mod-bg-2"]:after, .mod-main-boxed.mod-bg-3 [data-class="mod-bg-3"]:after, .mod-main-boxed.mod-bg-4 [data-class="mod-bg-4"]:after, .mod-main-boxed.mod-bg-none [data-class="mod-bg-none"]:after { content: " "; height: inherit; width: inherit; border: 5px solid rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } .mod-main-boxed .settings-panel .expanded { display: block; } .mod-main-boxed .settings-panel .expanded > ul > li { display: inline-block; margin: 0; padding: 0; } .mod-main-boxed.mod-fixed-bg { background-attachment: fixed; } } .mod-clean-page-bg:not(.mod-skin-dark) .page-content-wrapper { background: #fff !important; } .mod-clean-page-bg:not(.mod-skin-dark) .page-header { border-bottom-color: rgba(150, 123, 189, 0.13); } .mod-color-blind .page-wrapper { -webkit-filter: grayscale(65%); filter: grayscale(55%); } .mod-color-blind [class*="btn-"].active { background-image: none !important; } .mod-disable-animation *, .mod-disable-animation *:before, .mod-disable-animation *:after { transition: none !important; -webkit-animation: none !important; animation: none !important; } .mod-hide-info-card { /*.page-logo { border-bottom: 1px solid lighten($header-logo-border-bottom, 13%); }*/ } .mod-hide-info-card .page-sidebar .info-card { display: none; } .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > [class*='fa-'], .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > .ni, .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > img { display: none; } .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > .badge { right: 40px; left: auto; top: 30%; } .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > [class*='fa-'], .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > .ni, .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > img { display: none; } .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu .dl-ref { display: none; } .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu li > ul > li > a { padding-left: 2.9375rem; } .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu li > ul > li > a + ul > li > a { padding-left: 4.1875rem; } .mod-high-contrast:not(.mod-skin-dark) .nav-menu li a, .mod-high-contrast:not(.mod-skin-dark) .nav-title, .mod-high-contrast:not(.mod-skin-dark) .nav-menu li a [class*='fa-'], .mod-high-contrast:not(.mod-skin-dark) .nav-menu li a .ni, .mod-high-contrast:not(.mod-skin-dark) .dl-ref, .mod-high-contrast:not(.mod-skin-dark) .btn { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; color: #fff !important; font-weight: 500 !important; } .mod-high-contrast:not(.mod-skin-dark) .subheader-title, .mod-high-contrast:not(.mod-skin-dark) h1, .mod-high-contrast:not(.mod-skin-dark) h2, .mod-high-contrast:not(.mod-skin-dark) h3, .mod-high-contrast:not(.mod-skin-dark) h4, .mod-high-contrast:not(.mod-skin-dark) h5, .mod-high-contrast:not(.mod-skin-dark) .settings-panel-title a, .mod-high-contrast:not(.mod-skin-dark) .panel-header, .mod-high-contrast:not(.mod-skin-dark) .badge-detached, .mod-high-contrast:not(.mod-skin-dark) .btn-secondary, .mod-high-contrast:not(.mod-skin-dark) .btn-default, .mod-high-contrast:not(.mod-skin-dark) .page-header .btn, .mod-high-contrast:not(.mod-skin-dark) [class*="btn-outline-"] { text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color: #000 !important; font-weight: 500; } .mod-high-contrast:not(.mod-skin-dark) .subheader-title small, .mod-high-contrast:not(.mod-skin-dark) .breadcrumb > li > a, .mod-high-contrast:not(.mod-skin-dark) .page-content, .mod-high-contrast:not(.mod-skin-dark) h1 small, .mod-high-contrast:not(.mod-skin-dark) h2 small, .mod-high-contrast:not(.mod-skin-dark) h3 small, .mod-high-contrast:not(.mod-skin-dark) h4 small, .mod-high-contrast:not(.mod-skin-dark) h5, .mod-high-contrast:not(.mod-skin-dark) h6, .mod-high-contrast:not(.mod-skin-dark) p, .mod-high-contrast:not(.mod-skin-dark) .btn-switch + .onoffswitch-title, .mod-high-contrast:not(.mod-skin-dark) .onoffswitch-title + .onoffswitch-title-desc, .mod-high-contrast:not(.mod-skin-dark) .panel-container, .mod-high-contrast:not(.mod-skin-dark) .panel-header .btn { text-shadow: none; color: #000 !important; font-weight: normal !important; } .mod-lean-subheader .subheader { margin: 0; } .mod-lean-subheader .subheader .subheader-title { margin-top: 0; font-size: 1rem; display: inline-block; font-weight: 400; text-transform: capitalize; margin-bottom: 1.5rem; } .mod-lean-subheader .subheader .subheader-title:not(:only-child) { margin-top: 23px; } .mod-lean-subheader .subheader .subheader-title small { font-size: 0.875rem; display: inline-block; text-transform: capitalize; } .mod-lean-subheader .subheader .subheader-title small:before { content: " - "; } .mod-lean-subheader .subheader .breadcrumb { position: absolute; top: 0; } @media (min-width: 1399px) { .mod-main-boxed { /* why did we add this again? this was buggy when open modal with mod main boxed then click on logo for the dropdown, it won't close &.nav-function-fixed:not(.nav-function-top):not(.header-function-fixed) { .page-sidebar { transform: translateX(0) !important; box-shadow: none; } .page-wrapper { transform: translateX(0) !important; } }*/ } .mod-main-boxed .page-wrapper { max-width: 1399px; margin: 0 auto; } .mod-main-boxed:not(.nav-function-top) #nff { position: relative; } .mod-main-boxed:not(.nav-function-top) #nff .onoffswitch-title { color: #da9400; color: var(--theme-warning-900); } .mod-main-boxed:not(.nav-function-top) #nff .onoffswitch-title-desc { color: #da9400; color: var(--theme-warning-900); } .mod-main-boxed:not(.nav-function-top) #nff:after { content: "DISABLED"; display: block; position: absolute; background: #ffc241; background: var(--theme-warning-50); font-size: 0.625rem; width: 65px; text-align: center; border: 1px solid var(--theme-warning-700); height: 22px; line-height: 20px; border-radius: 10px; right: 13px; top: 26%; color: #1d1d1d; } .mod-main-boxed.header-function-fixed .page-wrapper .page-header { width: 100%; max-width: 1397px; margin: 0 auto !important; } .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-wrapper .page-sidebar { position: absolute !important; top: 0; bottom: 0; } .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-wrapper .page-header { padding-left: 18.875rem; } .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify):not(.nav-function-fixed) .page-content, .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify):not(.nav-function-fixed) .page-footer { margin-left: 16.875rem; } .mod-main-boxed.header-function-fixed.nav-function-minify:not(.nav-function-top):not(.nav-function-hidden) .page-wrapper .page-header { padding-left: 6.6875rem; } .mod-main-boxed.header-function-fixed.nav-function-minify:not(.nav-function-top):not(.nav-function-hidden) .page-wrapper .page-content-wrapper { margin-left: 4.6875rem; } .mod-main-boxed.nav-function-hidden:not(.nav-function-top) .page-sidebar:after { position: absolute; left: 16.875rem; } .mod-main-boxed.nav-function-hidden.nav-function-minify .page-sidebar:after { position: absolute; left: 4.6875rem; } .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar { position: absolute; } .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar .page-logo { position: fixed; top: 0; z-index: 950; box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); } .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar .primary-nav { margin-top: 4.125rem; } .mod-main-boxed.nav-function-fixed:not(.nav-function-top).nav-function-hidden .page-logo { position: absolute !important; transition: none; } .mod-main-boxed .page-wrapper { border-left: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 5px 0 20px 0px rgba(0, 0, 0, 0.1), -5px 0 20px 0px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; } .mod-main-boxed:not(.header-function-fixed):not(.nav-function-top):not(.modal-open):not(.panel-fullscreen):not(.footer-function-fixed) .page-wrapper { transform: translateX(0) !important; } } /* Hierarchical Navigation */ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li a > .dl-ref:first-child { margin-left: 0 !important; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul { /* addressing all second, third children */ } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before { content: ""; display: block; position: absolute; z-index: 1; left: 2.5625rem; top: 44px; bottom: 0; border-left: 1px solid #614b82; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after { content: ""; display: block; position: absolute; width: 0.4rem; height: 0.4rem; background-color: #876fab; left: 2.4rem; top: calc(50% - 0.3rem); border: 1px solid #333; border-radius: 50%; z-index: 1; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:hover:after { border-color: transparent; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li li > a:after { content: ""; display: none; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul li a i { margin-left: 0 !important; } .mod-nav-dark:not(.mod-skin-dark) .page-sidebar { background-color: #1d1d1d; } .mod-nav-dark:not(.mod-skin-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li a:not(:hover):not(focus) { color: #bdafd1; } .mod-nav-dark:not(.mod-skin-dark).mod-skin-dark:not(.mod-skin-light) .page-logo { border-bottom: inherit; } /* mod smartpanel icons */ .mod-panel-icon [role="widget"] .btn-panel { font-family: 'Font Awesome 5 Pro'; font-weight: 300; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; color: inherit; background: none !important; position: relative; height: 2rem; width: 2rem; font-size: 1rem; opacity: 0.7; display: inline-flex; align-items: center; margin: 0; border-radius: 0.25rem; text-align: center; transition: none; } .mod-panel-icon [role="widget"] .btn-panel:hover { opacity: 1; } .mod-panel-icon [role="widget"] .btn-panel:active { font-size: 0.9rem; } .mod-panel-icon [role="widget"] .btn-panel.js-panel-collapse:before, .mod-panel-icon [role="widget"] .btn-panel.js-panel-fullscreen:before, .mod-panel-icon [role="widget"] .btn-panel.js-panel-close:before { background: transparent; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0; transition: none; } .mod-panel-icon [role="widget"] .btn-panel.js-panel-collapse:before { content: "\f068"; } .mod-panel-icon [role="widget"] .btn-panel.js-panel-fullscreen:before { content: "\f065"; } .mod-panel-icon [role="widget"] .btn-panel.js-panel-close:before { content: "\f00d"; } .mod-panel-icon [role="widget"].panel-collapsed .js-panel-collapse:before { content: "\f067" !important; } .mod-panel-icon [role="widget"].panel-fullscreen .js-panel-fullscreen { font-size: 1.5rem; } .mod-panel-icon [role="widget"].panel-fullscreen .js-panel-fullscreen:before { content: "\f066"; } html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-text"] { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .root-text-sm { font-size: 15px; } .root-text-sm [data-class="root-text-sm"] { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; } .root-text-lg { font-size: 17px; } .root-text-lg [data-class="root-text-lg"] { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; } .root-text-xl { font-size: 18px; } .root-text-xl [data-class="root-text-xl"] { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; } .mod-bigger-font { font-size: 18px; } /* #COLORS - we place this here so it can override other colors as needed ========================================================================== */ .bg-primary-50 { background-color: #ccbfdf; color: rgba(0, 0, 0, 0.8); } .bg-primary-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-primary-100 { background-color: #beaed7; color: rgba(0, 0, 0, 0.8); } .bg-primary-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-primary-200 { background-color: #b19dce; color: rgba(0, 0, 0, 0.8); } .bg-primary-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-primary-300 { background-color: #a38cc6; color: white; } .bg-primary-300:hover { color: white; } .bg-primary-400 { background-color: #967bbd; color: white; } .bg-primary-400:hover { color: white; } .bg-primary-500 { background-color: #886ab5; color: white; } .bg-primary-500:hover { color: white; } .bg-primary-600 { background-color: #7a59ad; color: white; } .bg-primary-600:hover { color: white; } .bg-primary-700 { background-color: #6e4e9e; color: white; } .bg-primary-700:hover { color: white; } .bg-primary-800 { background-color: #62468d; color: white; } .bg-primary-800:hover { color: white; } .bg-primary-900 { background-color: #563d7c; color: white; } .bg-primary-900:hover { color: white; } .color-primary-50 { color: #ccbfdf; } .color-primary-100 { color: #beaed7; } .color-primary-200 { color: #b19dce; } .color-primary-300 { color: #a38cc6; } .color-primary-400 { color: #967bbd; } .color-primary-500 { color: #886ab5; } .color-primary-600 { color: #7a59ad; } .color-primary-700 { color: #6e4e9e; } .color-primary-800 { color: #62468d; } .color-primary-900 { color: #563d7c; } .bg-success-50 { background-color: #7aece0; color: rgba(0, 0, 0, 0.8); } .bg-success-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-100 { background-color: #63e9db; color: rgba(0, 0, 0, 0.8); } .bg-success-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-200 { background-color: #4de5d5; color: rgba(0, 0, 0, 0.8); } .bg-success-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-300 { background-color: #37e2d0; color: rgba(0, 0, 0, 0.8); } .bg-success-300:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-400 { background-color: #21dfcb; color: rgba(0, 0, 0, 0.8); } .bg-success-400:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-500 { background-color: #1dc9b7; color: white; } .bg-success-500:hover { color: white; } .bg-success-600 { background-color: #1ab3a3; color: white; } .bg-success-600:hover { color: white; } .bg-success-700 { background-color: #179c8e; color: white; } .bg-success-700:hover { color: white; } .bg-success-800 { background-color: #13867a; color: white; } .bg-success-800:hover { color: white; } .bg-success-900 { background-color: #107066; color: white; } .bg-success-900:hover { color: white; } .color-success-50 { color: #7aece0; } .color-success-100 { color: #63e9db; } .color-success-200 { color: #4de5d5; } .color-success-300 { color: #37e2d0; } .color-success-400 { color: #21dfcb; } .color-success-500 { color: #1dc9b7; } .color-success-600 { color: #1ab3a3; } .color-success-700 { color: #179c8e; } .color-success-800 { color: #13867a; } .color-success-900 { color: #107066; } .bg-info-50 { background-color: #9acffa; color: rgba(0, 0, 0, 0.8); } .bg-info-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-info-100 { background-color: #82c4f8; color: rgba(0, 0, 0, 0.8); } .bg-info-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-info-200 { background-color: #6ab8f7; color: rgba(0, 0, 0, 0.8); } .bg-info-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-info-300 { background-color: #51adf6; color: white; } .bg-info-300:hover { color: white; } .bg-info-400 { background-color: #39a1f4; color: white; } .bg-info-400:hover { color: white; } .bg-info-500 { background-color: #2196F3; color: white; } .bg-info-500:hover { color: white; } .bg-info-600 { background-color: #0d8aee; color: white; } .bg-info-600:hover { color: white; } .bg-info-700 { background-color: #0c7cd5; color: white; } .bg-info-700:hover { color: white; } .bg-info-800 { background-color: #0a6ebd; color: white; } .bg-info-800:hover { color: white; } .bg-info-900 { background-color: #0960a5; color: white; } .bg-info-900:hover { color: white; } .color-info-50 { color: #9acffa; } .color-info-100 { color: #82c4f8; } .color-info-200 { color: #6ab8f7; } .color-info-300 { color: #51adf6; } .color-info-400 { color: #39a1f4; } .color-info-500 { color: #2196F3; } .color-info-600 { color: #0d8aee; } .color-info-700 { color: #0c7cd5; } .color-info-800 { color: #0a6ebd; } .color-info-900 { color: #0960a5; } .bg-warning-50 { background-color: #ffebc1; color: rgba(0, 0, 0, 0.8); } .bg-warning-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-100 { background-color: #ffe3a7; color: rgba(0, 0, 0, 0.8); } .bg-warning-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-200 { background-color: #ffdb8e; color: rgba(0, 0, 0, 0.8); } .bg-warning-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-300 { background-color: #ffd274; color: rgba(0, 0, 0, 0.8); } .bg-warning-300:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-400 { background-color: #ffca5b; color: rgba(0, 0, 0, 0.8); } .bg-warning-400:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-500 { background-color: #ffc241; color: rgba(0, 0, 0, 0.8); } .bg-warning-500:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-600 { background-color: #ffba28; color: rgba(0, 0, 0, 0.8); } .bg-warning-600:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-700 { background-color: #ffb20e; color: rgba(0, 0, 0, 0.8); } .bg-warning-700:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-800 { background-color: #f4a500; color: rgba(0, 0, 0, 0.8); } .bg-warning-800:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-900 { background-color: #da9400; color: rgba(0, 0, 0, 0.8); } .bg-warning-900:hover { color: rgba(0, 0, 0, 0.8); } .color-warning-50 { color: #ffebc1; } .color-warning-100 { color: #ffe3a7; } .color-warning-200 { color: #ffdb8e; } .color-warning-300 { color: #ffd274; } .color-warning-400 { color: #ffca5b; } .color-warning-500 { color: #ffc241; } .color-warning-600 { color: #ffba28; } .color-warning-700 { color: #ffb20e; } .color-warning-800 { color: #f4a500; } .color-warning-900 { color: #da9400; } .bg-danger-50 { background-color: #feb7d9; color: rgba(0, 0, 0, 0.8); } .bg-danger-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-100 { background-color: #fe9ecb; color: rgba(0, 0, 0, 0.8); } .bg-danger-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-200 { background-color: #fe85be; color: rgba(0, 0, 0, 0.8); } .bg-danger-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-300 { background-color: #fe6bb0; color: rgba(0, 0, 0, 0.8); } .bg-danger-300:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-400 { background-color: #fd52a3; color: white; } .bg-danger-400:hover { color: white; } .bg-danger-500 { background-color: #fd3995; color: white; } .bg-danger-500:hover { color: white; } .bg-danger-600 { background-color: #fd2087; color: white; } .bg-danger-600:hover { color: white; } .bg-danger-700 { background-color: #fc077a; color: white; } .bg-danger-700:hover { color: white; } .bg-danger-800 { background-color: #e7026e; color: white; } .bg-danger-800:hover { color: white; } .bg-danger-900 { background-color: #ce0262; color: white; } .bg-danger-900:hover { color: white; } .color-danger-50 { color: #feb7d9; } .color-danger-100 { color: #fe9ecb; } .color-danger-200 { color: #fe85be; } .color-danger-300 { color: #fe6bb0; } .color-danger-400 { color: #fd52a3; } .color-danger-500 { color: #fd3995; } .color-danger-600 { color: #fd2087; } .color-danger-700 { color: #fc077a; } .color-danger-800 { color: #e7026e; } .color-danger-900 { color: #ce0262; } .bg-fusion-50 { background-color: #909090; color: white; } .bg-fusion-50:hover { color: white; } .bg-fusion-100 { background-color: #838383; color: white; } .bg-fusion-100:hover { color: white; } .bg-fusion-200 { background-color: #767676; color: white; } .bg-fusion-200:hover { color: white; } .bg-fusion-300 { background-color: dimgray; color: white; } .bg-fusion-300:hover { color: white; } .bg-fusion-400 { background-color: #5d5d5d; color: white; } .bg-fusion-400:hover { color: white; } .bg-fusion-500 { background-color: #505050; color: white; } .bg-fusion-500:hover { color: white; } .bg-fusion-600 { background-color: #434343; color: white; } .bg-fusion-600:hover { color: white; } .bg-fusion-700 { background-color: #363636; color: white; } .bg-fusion-700:hover { color: white; } .bg-fusion-800 { background-color: #2a2a2a; color: white; } .bg-fusion-800:hover { color: white; } .bg-fusion-900 { background-color: #1d1d1d; color: white; } .bg-fusion-900:hover { color: white; } .color-fusion-50 { color: #909090; } .color-fusion-100 { color: #838383; } .color-fusion-200 { color: #767676; } .color-fusion-300 { color: dimgray; } .color-fusion-400 { color: #5d5d5d; } .color-fusion-500 { color: #505050; } .color-fusion-600 { color: #434343; } .color-fusion-700 { color: #363636; } .color-fusion-800 { color: #2a2a2a; } .color-fusion-900 { color: #1d1d1d; } .color-white { color: #fff; } .color-black { color: #222222; } .bg-primary-gradient { background-image: linear-gradient(250deg, rgba(86, 61, 124, 0.7), transparent); } .bg-danger-gradient { background-image: linear-gradient(250deg, rgba(206, 2, 98, 0.7), transparent); } .bg-info-gradient { background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent); } .bg-warning-gradient { background-image: linear-gradient(250deg, rgba(218, 148, 0, 0.7), transparent); } .bg-success-gradient { background-image: linear-gradient(250deg, rgba(16, 112, 102, 0.7), transparent); } .bg-fusion-gradient { background-image: linear-gradient(250deg, rgba(29, 29, 29, 0.7), transparent); } /* #APP related modules (print, fullscreen, etc) ========================================================================== */ /* Custom Webkit Scrollbar */ /* http://css-tricks.com/custom-scrollbars-in-webkit/ */ body:not(.mobile-detected)::-webkit-scrollbar, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar { height: 8px; width: 8px; } body:not(.mobile-detected)::-webkit-scrollbar:hover, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar:hover { background-color: rgba(0, 0, 0, 0.01); } body:not(.mobile-detected)::-webkit-scrollbar-track-piece, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-track-piece { background-color: #efefef; } body:not(.mobile-detected)::-webkit-scrollbar-track-piece:hover, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-track-piece:hover { background-color: #d0d0d0; } body:not(.mobile-detected)::-webkit-scrollbar-thumb:vertical, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-thumb:vertical { background-color: #838383; } body:not(.mobile-detected)::-webkit-scrollbar-thumb:vertical:hover, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-thumb:vertical:hover { background-color: dimgray; } /* * Left Panel custom scroll */ .page-sidebar .primary-nav::-webkit-scrollbar-track-piece { background-color: #efefef; } .page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical { background-color: #666; } .page-sidebar .primary-nav::-webkit-scrollbar { height: 4px; width: 4px; } .page-sidebar .primary-nav:hover::-webkit-scrollbar-corner { width: 40px; } .page-sidebar .primary-nav::-webkit-scrollbar-track-piece { background-color: #efefef; } .page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical { background-color: #666; } :-webkit-full-screen [data-action="app-fullscreen"] { color: #cccccc; } :-moz-full-screen [data-action="app-fullscreen"] { color: #cccccc; } @media print { @page { size: letter portrait; margin: 1cm; padding: 0; border: none; border-collapse: collapse; } /**:not(.keep-print-font) { color:#333 !important; background: transparent !important; font-family: Arial, Helvetica, sans-serif !important; letter-spacing: normal !important; font-size: 10pt !important; line-height: 1.7 !important; text-transform: none !important; transition: none !important; }*/ table { font-size: 80%; } .card, .card-body, .container { display: inline; padding: 0; margin: 0; border: 0; } a:link { font-weight: bold; text-decoration: underline; color: #06c; } .subheader-title { font-size: 14pt !important; } .subheader-title small { font-size: 12pt !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold !important; } .page-sidebar, .btn, .page-header, .page-footer { display: none !important; } .page-wrapper, .page-content, .container.card { padding: 0; display: block; margin: 0; border: 0 !important; width: auto; float: none; } .panel-header > * { font-weight: bold !important; } .card.panel { border-color: #333 !important; } .clearfix:after { content: ''; clear: both; display: table; } } /* #OVERRIDE - You can override any of the variables through this file ========================================================================== */ /*# sourceMappingURL=app.bundle.css.map */ /* #THEME COLOR (variable overrides) ========================================================================== */ /* #GLOBAL IMPORTS ========================================================================== */ /* #IMPORTS ~~ ========================================================================== */ /*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*/ /*------------------------ Usage $color-white: hexToRGBString(#fff) => "255,255,255" $color-white: hexToRGBString(rgb(255,255,255)) => "255,255,255" $color-white: hexToRGBString(rgba(#fff,1)) => "255,255,255" ------------------------*/ /*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); } ------------------------*/ /*------------------------ FADE IN e.g. @include fadeIn( 2s ); ------------------------*/ /*------------------------ mixin that calculates if text needs to be light or dark depending on the background color passed. From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast usage: @include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000 ------------------------*/ /*------------------------ color factory eg: contrast-ink($contrastvalue) ------------------------*/ /*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50); ------------------------*/ /* backface visibility */ /* generate theme button */ /* THEME COLORs ========================================================================== */ /* Looks good on chrome default color profile */ /* We will manually convert these primary colors to rgb for the dark mode option of the theme */ /* looks good in sRGB but washed up on chrome default $color-primary: #826bb0; $color-success: #31cb55; $color-info: #5e93ec; $color-warning: #eec559; $color-danger: #dc4b92; $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */ /* Color Polarity ========================================================================== */ /* PAINTBUCKET MIXER ========================================================================== */ /* the grays */ /* the sapphires */ /* the emeralds */ /* the amethyths */ /* the topaz */ /* the rubies */ /* the graphites */ /* Define universal border difition (div outlines, etc) ========================================================================== */ /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) ========================================================================== */ /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */ /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/ /* global var used for spacing*/ /* Uniform Padding variable */ /* Heads up! This is a global scoped variable - changing may impact the whole template */ /* BOOTSTRAP OVERRIDES (bootstrap variables) ========================================================================== */ /* usage: theme-colors("primary"); */ /* forms */ /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */ /* links */ /* checkbox */ /*$custom-file-height-inner: calc(2.25rem - 1px);*/ /* not part of bootstrap variable */ /* custom checkbox */ /* custom range */ /* custom file */ /* badge */ /* cards */ /*border radius*/ /* alert */ /* toast */ /* breadcrumb */ /* input button */ /* nav link */ /* nav, tabs, pills */ /* tables */ /* dropdowns */ /* dropdowns sizes */ /* popovers */ /* tooltips */ /* modal */ /* reference guide http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/ 8px = 0.5rem 9px = 0.5625rem 10px = 0.625rem 11px = 0.6875rem 12px = 0.75rem 13px = 0.8125rem 14px = 0.875rem 15px = 0.9375rem 16px = 1rem (base) 17px = 1.0625rem 18px = 1.125rem 19px = 1.1875rem 20px = 1.25rem 21px = 1.3125rem 22px = 1.375rem 24px = 1.5rem 25px = 1.5625rem 26px = 1.625rem 28px = 1.75rem 30px = 1.875rem 32px = 2rem 34px = 2.125rem 36px = 2.25rem 38px = 2.375rem 40px = 2.5rem */ /* Fonts */ /* carousel */ /* BASE VARS ========================================================================== */ /* font vars below will auto change to rem values using function rem($value)*/ /* 11px */ /* 12px */ /* 12.5px */ /* 14px */ /* 15px */ /* 16px */ /* 28px */ /* Font Family ========================================================================== */ /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */ /* ANIMATIONS ========================================================================== */ /* this addresses all animation related to nav hide to nav minify */ /* Z-INDEX declearation ========================================================================== */ /* we adjust bootstrap z-index to be higher than our higest z-index*/ /* CUSTOM ICON PREFIX ========================================================================== */ /* PRINT CSS (landscape or portrait) ========================================================================== */ /* landscape or portrait */ /* auto, letter */ /* Common Element Variables ========================================================================== */ /* Z-index decleartion "birds eye view" ========================================================================== */ /* Components ========================================================================== */ /* PAGE HEADER STUFF ========================================================================== */ /* colors */ /* height */ /* logo */ /* try not to go beywond the width of $main_nav_width value */ /* you may need to change this depending on your logo design */ /* adjust this as you see fit : left, right, center */ /* icon font size (not button) */ /* search input box */ /* suggestion: #ccced0*/ /* btn */ /* dropdown: app list */ /* badge */ /* COMPONENTS & MODS */ /* NAVIGATION STUFF Guide: aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) ========================================================================== */ /* main navigation */ /* left panel */ /* nav footer */ /* nav parent level-0 */ /* nav icon sizes */ /* badge default */ /* all child */ /* nav title */ /* nav Minify */ /* when the menu pops on hover */ /* navigation Width */ /* partial visibility of the menu */ /* top navigation */ /* nav Info Card (appears below the logo) */ /* width is auto */ /* nav DL labels for all child */ /* will be pulled to left as a negative value */ /* MISC Settings ========================================================================== */ /* List Table */ /* PAGE SETTINGS ========================================================================== */ /* PAGE BREADCRUMB ========================================================================== */ /* PAGE COMPONENT PANELS ========================================================================== */ /* PAGE COMPONENT PROGRESSBARS ========================================================================== */ /* PAGE COMPONENT MESSENGER ========================================================================== */ /* FOOTER ========================================================================== */ /* GLOBALS ========================================================================== */ /* ACCESSIBILITIES */ /* PLACEHOLDER ============================================= EXAMPLE: %bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .image-one { @extend %bg-image; background-image:url(/img/image-one.jpg"); } RESULT: .image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } */ .page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient { background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); background-color: #2b4c81; } /* %shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); } } */ .btn-default { background-color: #f5f5f5; background-image: linear-gradient(to top, #f5f5f5, #f1f1f1); color: #444; } .btn-default:hover { border: 1px solid #c6c6c6; } .btn-default:focus { border-color: #82a4dd !important; } .active.btn-default { background: #6e96d7; color: #fff; } .header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .footer-function-fixed .btn-switch[data-class="footer-function-fixed"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-nav-dark .btn-switch[data-class="mod-nav-dark"], .mod-panel-icon .btn-switch[data-class="mod-panel-icon"] { color: #fff; background: #4679cc !important; } .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .footer-function-fixed .btn-switch[data-class="footer-function-fixed"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-nav-dark .btn-switch[data-class="mod-nav-dark"]:after, .mod-panel-icon .btn-switch[data-class="mod-panel-icon"]:after { background: #fff !important; color: #4679cc !important; } .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .footer-function-fixed .btn-switch[data-class="footer-function-fixed"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-nav-dark .btn-switch[data-class="mod-nav-dark"] + .onoffswitch-title, .mod-panel-icon .btn-switch[data-class="mod-panel-icon"] + .onoffswitch-title { color: #4679cc; } .nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title { color: #d58100; } .nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc { color: #ec9f28; } .dropdown-icon-menu > ul > li .btn, .header-btn { border: 1px solid #d6d6d6; color: #a6a6a6; } .dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover { border-color: #4679cc; background: #6e96d7; color: #fff; } .nav-mobile-slide-out #nmp:after, .nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after, .nav-function-minify #mnl:after, .mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after { background: #ffebc1; border: 1px solid #ffb20e; color: #161616; } /* #GLOBAL IMPORTS ========================================================================== */ /*@import '_imports/_global-import';*/ /* #FRAMEWORK - Structure and layout files. (**DO NOT** change order) DOC: you can disable unused _modules ========================================================================== */ /* contains root variables to be used with css (see docs) */ /* html and body base styles */ html body { background-color: #fff; } html body a { color: #4679cc; background-color: transparent; } html body a:hover { color: #5a87d2; } .header-icon { color: #666666; } .header-icon:not(.btn) > [class*='fa-']:first-child, .header-icon:not(.btn) > .ni:first-child { color: #4679cc; } .header-icon:not(.btn):hover > [class*='fa-']:only-child, .header-icon:not(.btn):hover > .ni { color: #404040; } .header-icon:not(.btn)[data-toggle="dropdown"] { /* header dropdowns */ /* note: important rules to override popper's inline classes */ /* end header dropdowns */ } .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] { color: #404040; } .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child, .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child { color: #404040 !important; } .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu { border-color: #ccc; } .header-icon:hover { color: #404040; } .page-header { background-color: #fff; } #search-field { background: transparent; border: 1px solid transparent; } .notification li.unread { background: #fffaee; } .notification li > :first-child { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .notification li > :first-child:hover { background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); } .notification .name { color: #222222; } .notification .msg-a, .notification .msg-b { color: #555555; } .notification.notification-layout-2 li { background: #f9f9f9; } .notification.notification-layout-2 li.unread { background: #fff; } .notification.notification-layout-2 li > :first-child { border-bottom: 1px solid rgba(0, 0, 0, 0.04); } .notification.notification-layout-2:hover { cursor: pointer; } .app-list-item { color: #666666; } .app-list-item:hover { border: 1px solid #e3e3e3; } .app-list-item:active { border-color: #4679cc; } @media (min-width: 992px) { .header-function-fixed.nav-function-top .page-header { box-shadow: 0px 0px 28px 2px rgba(37, 74, 135, 0.13); } } .nav-title { color: #4372c0; } .nav-menu li.open > a { color: white; } .nav-menu li.active { /* arrow that appears next to active/selected items */ } .nav-menu li.active > a { color: white; background-color: rgba(255, 255, 255, 0.04); box-shadow: inset 3px 0 0 #4679cc; } .nav-menu li.active > a:hover > [class*='fa-'], .nav-menu li.active > a:hover > .ni { color: #8a9dbb; } .nav-menu li.active > ul { display: block; } .nav-menu li.active:not(.open) > a:before { color: #24b3a4; } .nav-menu li a { color: #97b1dc; } .nav-menu li a .dl-ref.label { color: rgba(255, 255, 255, 0.7); } .nav-menu li a > [class*='fa-'], .nav-menu li a > .ni { color: #4a78c2; } .nav-menu li a.collapsed .nav-menu-btn-sub-collapse { transform: rotate(180deg); } .nav-menu li a:hover { color: white; background-color: rgba(0, 0, 0, 0.1); } .nav-menu li a:hover .badge { color: #fff; } .nav-menu li a:hover > [class*='fa-'], .nav-menu li a:hover > .ni { color: #8a9dbb; } .nav-menu li a:hover > .badge { box-shadow: 0 0 0 1px rgba(53, 94, 159, 0.8); border: 1px solid rgba(53, 94, 159, 0.8); } .nav-menu li a:focus { color: white; } .nav-menu li a:focus .badge { color: #fff; } .nav-menu li b.collapse-sign { color: #5a87d2; } .nav-menu li > ul { background-color: rgba(0, 0, 0, 0.1); } .nav-menu li > ul li a { color: #84a3d6; } .nav-menu li > ul li a > [class*='fa-'], .nav-menu li > ul li a > .ni { color: #4a78c2; } .nav-menu li > ul li a > .badge { color: #fff; background-color: #fd3995; } .nav-menu li > ul li a:hover { color: white; background-color: rgba(0, 0, 0, 0.1); } .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'], .nav-menu li > ul li a:hover > .nav-link-text > .ni { color: #8a9dbb; } .nav-menu li > ul li.active > a { color: white; background-color: transparent; } .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'], .nav-menu li > ul li.active > a > .nav-link-text > .ni { color: white; } .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'], .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni { color: #8a9dbb; } .nav-menu li > ul li > ul li.active > a { color: white; } .nav-menu li > ul li > ul li a { color: #7c9dd3; } .nav-menu li > ul li > ul li a:hover { color: white; } .nav-menu li > ul li > ul li a > .badge { color: #fff; background-color: #fd3995; border: 1px solid #494949; } /* nav clean elements */ .nav-menu-clean { background: #fff; } .nav-menu-clean li a { color: #494949 !important; } .nav-menu-clean li a span { color: #494949 !important; } .nav-menu-clean li a:hover { background-color: #f4f4f4 !important; } /* nav bordered elements */ .nav-menu-bordered { border: 1px solid rgba(0, 0, 0, 0.08); } .nav-menu-bordered li a { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .nav-filter input[type="text"] { background: rgba(0, 0, 0, 0.4); color: #fff; } .nav-filter input[type="text"]:not(:focus) { border-color: rgba(0, 0, 0, 0.1); } .nav-filter input[type="text"]:focus { border-color: #3c69b2; } .info-card { color: #fff; } .info-card .info-card-text { text-shadow: #000 0 1px; } @media (min-width: 992px) { .nav-function-top { /* correct search field color */ } .nav-function-top #search-field { color: #fff; } .nav-function-top:not(.header-function-fixed) #nff { position: relative; } .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title { color: #d58100; } .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc { color: #ec9f28; } .nav-function-top:not(.header-function-fixed) #nff:after { background: #ffebc1; border: 1px solid #ffb20e; color: #161616; } .nav-function-top .page-header { background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); background-color: #2b4c81; box-shadow: 0px 0px 14px 0px rgba(37, 74, 135, 0.13); } .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child, .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child { color: #6e96d7; } .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover, .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover { color: #96b3e2; } .nav-function-top .page-header .badge.badge-icon { box-shadow: 0 0 0 1px #366bc3; } .nav-function-top .page-sidebar { background: #fff; box-shadow: 0px 0px 14px 0px rgba(37, 74, 135, 0.13); } .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before { color: #24b3a4; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni, .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] { color: inherit; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign { color: #7498d1; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li a { color: #2b4c81; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul { background: #345c9c; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a { color: #97b1dc; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul { background: #345c9c; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a { background: rgba(0, 0, 0, 0.1); color: #fff; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after { background: transparent; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { color: #345c9c; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a { color: #4679cc; background: transparent; } } @media (min-width: 992px) { .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before { color: #24b3a4; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { background: trasparent; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul { background-color: #2b4c81; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before { color: #2b4c81; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover { overflow: visible; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a { background: #305590; color: #fff; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child { background: #2b4c81; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before { color: #2b4c81; } .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] { background: #494949; border-color: #303030 !important; color: #fff !important; } } .nav-footer .nav-footer-buttons > li > a { color: #6189ca; } .nav-function-fixed .nav-footer { background: #2b4c81; } .nav-function-fixed .nav-footer:before { background: rgba(56, 98, 167, 0.2); background: linear-gradient(to right, #2b4c81 0%, #3e6dba 50%, #3e6dba 50%, #2b4c81 100%); } @media (min-width: 992px) { .nav-function-minify .nav-footer { background-color: #294779; } .nav-function-minify .nav-footer [data-class="nav-function-minify"] { color: #4a78c2; } .nav-function-minify .nav-footer:hover { background-color: #2f538c; } .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] { color: #8a9dbb; } } .page-content-wrapper { background-color: #edf2f9; } .subheader-icon { color: #8a9dbb; } .subheader-title { color: #494949; text-shadow: #fff 0 1px; } .subheader-title small { color: #7c7c7c; } .page-footer { background: #fff; color: #4d4d4d; } .accordion .card .card-header { background-color: #f7f9fa; } .accordion .card .card-header .card-title { color: #4679cc; } .accordion .card .card-header .card-title.collapsed { color: #7c7c7c; } .accordion.accordion-clean .card-header { background: #fff; } .accordion.accordion-hover .card-header { background: #fff; } .accordion.accordion-hover .card-header:hover .card-title.collapsed { color: #fff; background-color: #6e96d7; } .accordion.accordion-hover .card-title:not(.collapsed) { color: #fff; background-color: #4679cc; } /* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4 does not allow you to add your own alert colors via variable control rather through a systemetic agent that changes the theme colors. REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218 */ .alert-primary { color: #57606e; background-color: #e5ebf4; border-color: #c2cddf; } .alert-success { color: #45a197; background-color: #f7fdfc; border-color: #a3ebe4; } .alert-danger { color: #e7026e; background-color: #ffe5f1; border-color: #fe9ecb; } .alert-warning { color: #c18300; background-color: #fff8e9; border-color: #ffcd65; } .alert-info { color: #0a6ebd; background-color: #e3f2fd; border-color: #82c4f8; } .alert-secondary { color: #494949; background-color: #f4f4f4; border-color: #d6d6d6; } .badge.badge-icon { background-color: #fd3995; color: #fff; box-shadow: 0 0 0 1px #fff; } /* btn switch */ .btn-switch { background: #636363; color: white; } .btn-switch:hover { color: white; } .btn-switch:after { color: white; } .btn-switch.active { color: #fff; background: #4679cc; } .btn-switch.active:before { color: white; } .btn-switch.active:after { background: #fff; color: #4679cc; } /* button used to close filter and mobile search */ .btn-search-close { color: #fff; } /* buttons used in the header section of the page */ .header-btn[data-class='mobile-nav-on'] { border-color: #fc077a; background-color: #fd2087; background-image: linear-gradient(to top, #fd2087, #e7026e); color: #fff; } /* dropdown btn */ /* used on info card pulldown filter */ .pull-trigger-btn { background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(0, 0, 0, 0.4); color: #fff !important; box-shadow: 0px 0px 2px rgba(70, 121, 204, 0.3); } .pull-trigger-btn:hover { background: #4679cc; border-color: #366bc3; } /* btn misc */ .btn-outline-default { color: #212529; border-color: #E5E5E5; } .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { color: #212529; background-color: #f9f9f9; border-color: #E5E5E5; } .btn-outline-default.disabled, .btn-outline-default:disabled { color: #212529; } /* btn shadows */ .btn-primary { box-shadow: 0 2px 6px 0 rgba(70, 121, 204, 0.5); } .btn-secondary { box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); } .btn-success { box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5); } .btn-info { box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); } .btn-warning { box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); } .btn-danger { box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5); } .btn-light { box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); } .btn-dark { box-shadow: 0 2px 6px 0 rgba(73, 73, 73, 0.5); } .btn-icon-light { color: rgba(255, 255, 255, 0.7) !important; border-color: transparent !important; } .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) { color: rgba(255, 255, 255, 0.7) !important; } .btn-icon-light:hover { color: #fff !important; background-color: rgba(255, 255, 255, 0.2) !important; } /* bootstrap buttons */ .btn-link { color: #4679cc; } .btn-link:hover { color: #3060af; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #4679cc; } .card-header { background-color: #f7f9fa; } .carousel-control-prev:hover { background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); } .carousel-control-next:hover { background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); } /* dropdown menu multi-level */ .dropdown-menu .dropdown-menu { background: #fff; } .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) { background: #f8f9fa; color: #3060af; } .dropdown-item:hover, .dropdown-item:focus { color: #3060af; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #2b559b; background-color: #d2def3; } .chat-segment-get .chat-message { background: #f1f0f0; } .chat-segment-sent .chat-message { background: #1dc9b7; } /* transparent modal */ .modal-transparent .modal-content { box-shadow: 0 1px 15px 1px rgba(37, 74, 135, 0.3); } .modal-transparent .modal-content { background: rgba(22, 32, 48, 0.85); } .panel { background-color: #fff; border-bottom: 1px solid #e0e0e0; /* panel fullscreen */ /* panel locked */ } .panel.panel-fullscreen { /* make panel header bigger */ } .panel.panel-fullscreen .panel-hdr { box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(32, 63, 115, 0.1); } .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before { color: #fd3995; } /* panel tag can be used globally */ .panel-tag { background: #eef7fd; } /* panel header */ .panel-hdr { background: #fff; } /* panel tap highlight */ .panel-sortable:not(.panel-locked) .panel-hdr:active { border-top-color: rgba(110, 150, 215, 0.7); border-left-color: rgba(70, 121, 204, 0.7); border-right-color: rgba(70, 121, 204, 0.7); } .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container { border-color: transparent rgba(70, 121, 204, 0.7) rgba(54, 107, 195, 0.7); } /*.panel-sortable .panel-hdr:active, .panel-sortable .panel-hdr:active + .panel-container { @include transition-border(0.4s, ease-out); }*/ .panel-sortable.panel-locked .panel-hdr:active { border-top-color: #fe6bb0; border-left-color: #dc3545; border-right-color: #dc3545; } .panel-sortable.panel-locked .panel-hdr:active + .panel-container { border-color: transparent #dc3545 #dc3545; } /* panel toolbar (sits inside panel header) */ .panel-toolbar .btn-panel { /* add default colors for action buttons */ } .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse { background: #1dc9b7; } .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen { background: #ffc241; } .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close { background: #fd3995; } /* placeholder */ .panel-placeholder { background-color: #d8e0ed; } .panel-placeholder:before { background: #d8e0ed; } .mod-panel-clean .panel-hdr { background: #fff; background-image: linear-gradient(to bottom, #f7f7f7, #fff); } @media only screen and (max-width: 420px) { /* making mobile spacing a little narrow */ .panel .panel-hdr { color: #060606; } } .popover .arrow { border-color: inherit; } .menu-item, label.menu-open-button { background: #4679cc; color: #fff !important; } .menu-item:hover, label.menu-open-button:hover { background: #3060af; } .app-shortcut-icon { background: #ecf0f1; color: #ecf0f1; } .menu-open:checked + .menu-open-button { background: #494949; } /* nav tabs panel */ .nav-tabs-clean .nav-item .nav-link.active { border-bottom: 1px solid #4679cc; color: #4679cc; } .nav-tabs-clean .nav-item .nav-link:hover { color: #4679cc; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #4679cc; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #3060af; background-color: #366bc3; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #5a87d2; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #96b3e2; background-color: #96b3e2; border-color: #96b3e2; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label::before { background-color: #fff; border: #adb5bd solid 2px; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #366bc3; background-color: #4679cc; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #96b3e2; } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: #96b3e2; } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #96b3e2; } .custom-switch .custom-control-label::after { background-color: #adb5bd; } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #96b3e2; } .custom-select { color: #495057; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; border: 1px solid #ced4da; } .custom-select:focus { border-color: #4679cc; } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-file-input:focus ~ .custom-file-label { border-color: #4679cc; } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { color: #495057; background-color: #fff; border: 1px solid #ced4da; } .custom-file-label::after { color: #495057; background-color: #e9ecef; } .custom-range { background-color: transparent; } .custom-range::-webkit-slider-thumb { background-color: #4679cc; border: 0; } .custom-range::-webkit-slider-thumb:active { background-color: #6e96d7; } .custom-range::-webkit-slider-runnable-track { background-color: #dee2e6; } .custom-range::-moz-range-thumb { background-color: #4679cc; border: 0; } .custom-range::-moz-range-thumb:active { background-color: #6e96d7; } .custom-range::-moz-range-track { background-color: #dee2e6; } .custom-range::-ms-thumb { background-color: #4679cc; border: 0; } .custom-range::-ms-thumb:active { background-color: #6e96d7; } .custom-range::-ms-fill-lower { background-color: #dee2e6; } .custom-range::-ms-fill-upper { background-color: #dee2e6; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .page-link { color: #4679cc; background-color: #fff; border: 1px solid #dee2e6; /*&:focus { outline: $pagination-focus-outline; }*/ } .page-link:hover { color: #0056b3; background-color: #e9ecef; border-color: #dee2e6; } .page-item.active .page-link { color: #fff; background-color: #4679cc; } .page-item.disabled .page-link { color: #6c757d; background-color: #fff; } .pagination .page-item:first-child:not(.active) .page-link, .pagination .page-item:last-child:not(.active) .page-link, .pagination .page-item.disabled .page-link { background: #d2def3; } .pagination .page-link:hover { background-color: #4679cc !important; color: #fff; } .list-group-item { border: 1px solid rgba(var(--theme-rgb-primary), 0.15); } .list-group-item.active { background-color: #4679cc; border-color: #4679cc; } /* backgrounds */ .bg-white { background-color: #fff; color: #666666; } .bg-faded { background-color: #f7f9fa; } .bg-offwhite-fade { background-color: #fff; background-image: linear-gradient(to top, #fff, #f2f2f2); } .bg-subtlelight { background-color: #f6f8fc; } .bg-subtlelight-fade { background-color: #fff; background-image: linear-gradient(to top, #fff, #f6f8fc); } .bg-highlight { background-color: #fffaee; } .bg-gray-50 { background-color: #f9f9f9; } .bg-gray-100 { background-color: #f8f9fa; } .bg-gray-200 { background-color: #e9ecef; } .bg-gray-300 { background-color: #dee2e6; } .bg-gray-400 { background-color: #ced4da; } .bg-gray-500 { background-color: #adb5bd; } .bg-gray-600 { background-color: #6c757d; } .bg-gray-700 { background-color: #495057; } .bg-gray-800 { background-color: #343a40; } .bg-gray-900 { background-color: #212529; } /* borders */ .border-faded { border: 1px solid rgba(22, 22, 22, 0.07); } /* hover any bg */ /* inherits the parent background on hover */ .hover-bg { background: #fff; } /* states */ .state-selected { background: #e7f4fe !important; } /* demo window */ .demo-window { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); } .demo-window:before { background: #e5e5e5; } .demo-window:after, .demo-window .demo-window-content:before, .demo-window .demo-window-content:after { background: #ccc; } .bg-trans-gradient { background: linear-gradient(250deg, #3e93d6, #527cc0); } .notes { background: #f9f4b5; } /* disclaimer class */ .disclaimer { color: #a2a2a2; } /* online status */ .status { position: relative; } .status:before { background: #494949; border: 2px solid #fff; } .status.status-success:before { background: #1dc9b7; } .status.status-danger:before { background: #fd3995; } .status.status-warning:before { background: #ffc241; } /* display frame */ .frame-heading { color: #9b9b9b; } .frame-wrap { background: white; } /* time stamp */ .time-stamp { color: #707070; } /* data-hasmore */ [data-hasmore] { color: #fff; } [data-hasmore]:before { background: rgba(0, 0, 0, 0.4); } /* code */ code { background: #f2f2f2; } /* select background */ ::-moz-selection { background: #494949; color: #fff; } ::selection { background: #494949; color: #fff; } ::-moz-selection { background: #494949; color: #fff; } @media only screen and (max-width: 992px) { .page-wrapper { background: #fff; } .page-wrapper .page-header { border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .page-wrapper .page-content { color: #222; } .page-wrapper .page-content .p-g { padding: 1.5rem; } .page-wrapper .page-footer { border-top: 1px solid rgba(0, 0, 0, 0.09); } /* Off canvas */ .nav-mobile-slide-out .page-wrapper .page-content { background: #edf2f9; } /* mobile nav show & hide button */ /* general */ .mobile-nav-on .page-sidebar { border-right: 1px solid rgba(0, 0, 0, 0.03); box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); } .mobile-nav-on .page-content-overlay { background: rgba(0, 0, 0, 0.09); } } @media only screen and (max-width: 576px) { /* here we turn on mobile font for smaller screens */ /*body { font-family: $mobile-page-font !important; }*/ /* mobile nav search */ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field { background: #fff; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus { border-color: #4679cc; } } /* text area */ [contenteditable="true"]:empty:not(:focus):before { content: attr(data-placeholder); color: #898989; } [contenteditable="true"]::-moz-selection { background: rgba(0, 132, 255, 0.2); color: #000; } [contenteditable="true"]::selection { background: rgba(0, 132, 255, 0.2); color: #000; } [contenteditable="true"]::-moz-selection { background: rgba(0, 132, 255, 0.2); color: #000; } /* add background to focused inpur prepend and append */ .form-control:focus ~ .input-group-prepend { background: #4679cc; } .has-length .input-group-text { border-color: #4679cc; } .has-length .input-group-text + .input-group-text { border-left: 1px solid rgba(0, 0, 0, 0.1); } .has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) { background: #4679cc; color: #fff !important; } /* help block and validation feedback texts*/ .help-block { color: #898989; } .form-control:focus { color: #495057; background-color: #fff; border-color: #4679cc; } .settings-panel h5 { color: #494949; } .settings-panel .list { color: #666666; } .settings-panel .list:hover { color: #333333; background: rgba(255, 255, 255, 0.7); } .settings-panel .expanded:before { border-bottom-color: #565656; } @media only screen and (max-width: 992px) { .mobile-view-activated #nff, .mobile-view-activated #nfm, .mobile-view-activated #nfh, .mobile-view-activated #nft, .mobile-view-activated #mmb { position: relative; } .mobile-view-activated #nff .onoffswitch-title, .mobile-view-activated #nfm .onoffswitch-title, .mobile-view-activated #nfh .onoffswitch-title, .mobile-view-activated #nft .onoffswitch-title, .mobile-view-activated #mmb .onoffswitch-title { color: #d58100 !important; } .mobile-view-activated #nff .onoffswitch-title-desc, .mobile-view-activated #nfm .onoffswitch-title-desc, .mobile-view-activated #nfh .onoffswitch-title-desc, .mobile-view-activated #nft .onoffswitch-title-desc, .mobile-view-activated #mmb .onoffswitch-title-desc { color: #ec9f28 !important; } .mobile-view-activated #nff:after, .mobile-view-activated #nfm:after, .mobile-view-activated #nfh:after, .mobile-view-activated #nft:after, .mobile-view-activated #mmb:after { background: #ffebc1; border: 1px solid #ffb20e; color: #161616; } } /* Hierarchical Navigation */ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul { /* addressing all second, third children */ } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before { border-left: 1px solid #305590; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after { background-color: #4a78c2; } .bg-primary-50 { background-color: #aac1e8; color: rgba(0, 0, 0, 0.8); } .bg-primary-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-primary-100 { background-color: #96b3e2; color: rgba(0, 0, 0, 0.8); } .bg-primary-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-primary-200 { background-color: #82a4dd; color: rgba(0, 0, 0, 0.8); } .bg-primary-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-primary-300 { background-color: #6e96d7; color: white; } .bg-primary-300:hover { color: white; } .bg-primary-400 { background-color: #5a87d2; color: white; } .bg-primary-400:hover { color: white; } .bg-primary-500 { background-color: #4679cc; color: white; } .bg-primary-500:hover { color: white; } .bg-primary-600 { background-color: #366bc3; color: white; } .bg-primary-600:hover { color: white; } .bg-primary-700 { background-color: #3060af; color: white; } .bg-primary-700:hover { color: white; } .bg-primary-800 { background-color: #2b559b; color: white; } .bg-primary-800:hover { color: white; } .bg-primary-900 { background-color: #254a87; color: white; } .bg-primary-900:hover { color: white; } .color-primary-50 { color: #aac1e8; } .color-primary-100 { color: #96b3e2; } .color-primary-200 { color: #82a4dd; } .color-primary-300 { color: #6e96d7; } .color-primary-400 { color: #5a87d2; } .color-primary-500 { color: #4679cc; } .color-primary-600 { color: #366bc3; } .color-primary-700 { color: #3060af; } .color-primary-800 { color: #2b559b; } .color-primary-900 { color: #254a87; } .bg-success-50 { background-color: #7aece0; color: rgba(0, 0, 0, 0.8); } .bg-success-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-100 { background-color: #63e9db; color: rgba(0, 0, 0, 0.8); } .bg-success-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-200 { background-color: #2ac9b8; color: rgba(0, 0, 0, 0.8); } .bg-success-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-300 { background-color: #37e2d0; color: rgba(0, 0, 0, 0.8); } .bg-success-300:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-400 { background-color: #21dfcb; color: rgba(0, 0, 0, 0.8); } .bg-success-400:hover { color: rgba(0, 0, 0, 0.8); } .bg-success-500 { background-color: #1dc9b7; color: white; } .bg-success-500:hover { color: white; } .bg-success-600 { background-color: #1ab3a3; color: white; } .bg-success-600:hover { color: white; } .bg-success-700 { background-color: #179c8e; color: white; } .bg-success-700:hover { color: white; } .bg-success-800 { background-color: #13867a; color: white; } .bg-success-800:hover { color: white; } .bg-success-900 { background-color: #107066; color: white; } .bg-success-900:hover { color: white; } .color-success-50 { color: #7aece0; } .color-success-100 { color: #63e9db; } .color-success-200 { color: #4de5d5; } .color-success-300 { color: #37e2d0; } .color-success-400 { color: #21dfcb; } .color-success-500 { color: #1dc9b7; } .color-success-600 { color: #1ab3a3; } .color-success-700 { color: #179c8e; } .color-success-800 { color: #13867a; } .color-success-900 { color: #107066; } .bg-info-50 { background-color: #9acffa; color: rgba(0, 0, 0, 0.8); } .bg-info-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-info-100 { background-color: #82c4f8; color: rgba(0, 0, 0, 0.8); } .bg-info-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-info-200 { background-color: #6ab8f7; color: rgba(0, 0, 0, 0.8); } .bg-info-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-info-300 { background-color: #51adf6; color: white; } .bg-info-300:hover { color: white; } .bg-info-400 { background-color: #39a1f4; color: white; } .bg-info-400:hover { color: white; } .bg-info-500 { background-color: #2196F3; color: white; } .bg-info-500:hover { color: white; } .bg-info-600 { background-color: #0d8aee; color: white; } .bg-info-600:hover { color: white; } .bg-info-700 { background-color: #0c7cd5; color: white; } .bg-info-700:hover { color: white; } .bg-info-800 { background-color: #0a6ebd; color: white; } .bg-info-800:hover { color: white; } .bg-info-900 { background-color: #0960a5; color: white; } .bg-info-900:hover { color: white; } .color-info-50 { color: #9acffa; } .color-info-100 { color: #82c4f8; } .color-info-200 { color: #6ab8f7; } .color-info-300 { color: #51adf6; } .color-info-400 { color: #39a1f4; } .color-info-500 { color: #2196F3; } .color-info-600 { color: #0d8aee; } .color-info-700 { color: #0c7cd5; } .color-info-800 { color: #0a6ebd; } .color-info-900 { color: #0960a5; } .bg-warning-50 { background-color: #ffebc1; color: rgba(0, 0, 0, 0.8); } .bg-warning-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-100 { background-color: #ffe3a7; color: rgba(0, 0, 0, 0.8); } .bg-warning-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-200 { background-color: #ffdb8e; color: rgba(0, 0, 0, 0.8); } .bg-warning-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-300 { background-color: #ffd274; color: rgba(0, 0, 0, 0.8); } .bg-warning-300:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-400 { background-color: #ffca5b; color: rgba(0, 0, 0, 0.8); } .bg-warning-400:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-500 { background-color: #ffc241; color: rgba(0, 0, 0, 0.8); } .bg-warning-500:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-600 { background-color: #ffba28; color: rgba(0, 0, 0, 0.8); } .bg-warning-600:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-700 { background-color: #ffb20e; color: rgba(0, 0, 0, 0.8); } .bg-warning-700:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-800 { background-color: #f4a500; color: rgba(0, 0, 0, 0.8); } .bg-warning-800:hover { color: rgba(0, 0, 0, 0.8); } .bg-warning-900 { background-color: #da9400; color: rgba(0, 0, 0, 0.8); } .bg-warning-900:hover { color: rgba(0, 0, 0, 0.8); } .color-warning-50 { color: #ffebc1; } .color-warning-100 { color: #ffe3a7; } .color-warning-200 { color: #ffdb8e; } .color-warning-300 { color: #ffd274; } .color-warning-400 { color: #ffca5b; } .color-warning-500 { color: #ffc241; } .color-warning-600 { color: #ffba28; } .color-warning-700 { color: #ffb20e; } .color-warning-800 { color: #f4a500; } .color-warning-900 { color: #da9400; } .bg-danger-50 { background-color: #feb7d9; color: rgba(0, 0, 0, 0.8); } .bg-danger-50:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-100 { background-color: #fe9ecb; color: rgba(0, 0, 0, 0.8); } .bg-danger-100:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-200 { background-color: #fe85be; color: rgba(0, 0, 0, 0.8); } .bg-danger-200:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-300 { background-color: #fe6bb0; color: rgba(0, 0, 0, 0.8); } .bg-danger-300:hover { color: rgba(0, 0, 0, 0.8); } .bg-danger-400 { background-color: #fd52a3; color: white; } .bg-danger-400:hover { color: white; } .bg-danger-500 { background-color: #fd3995; color: white; } .bg-danger-500:hover { color: white; } .bg-danger-600 { background-color: #fd2087; color: white; } .bg-danger-600:hover { color: white; } .bg-danger-700 { background-color: #fc077a; color: white; } .bg-danger-700:hover { color: white; } .bg-danger-800 { background-color: #e7026e; color: white; } .bg-danger-800:hover { color: white; } .bg-danger-900 { background-color: #ce0262; color: white; } .bg-danger-900:hover { color: white; } .color-danger-50 { color: #feb7d9; } .color-danger-100 { color: #fe9ecb; } .color-danger-200 { color: #fe85be; } .color-danger-300 { color: #fe6bb0; } .color-danger-400 { color: #fd52a3; } .color-danger-500 { color: #fd3995; } .color-danger-600 { color: #fd2087; } .color-danger-700 { color: #fc077a; } .color-danger-800 { color: #e7026e; } .color-danger-900 { color: #ce0262; } .bg-fusion-50 { background-color: #898989; color: white; } .bg-fusion-50:hover { color: white; } .bg-fusion-100 { background-color: #7c7c7c; color: white; } .bg-fusion-100:hover { color: white; } .bg-fusion-200 { background-color: #707070; color: white; } .bg-fusion-200:hover { color: white; } .bg-fusion-300 { background-color: #636363; color: white; } .bg-fusion-300:hover { color: white; } .bg-fusion-400 { background-color: #565656; color: white; } .bg-fusion-400:hover { color: white; } .bg-fusion-500 { background-color: #494949; color: white; } .bg-fusion-500:hover { color: white; } .bg-fusion-600 { background-color: #3d3d3d; color: white; } .bg-fusion-600:hover { color: white; } .bg-fusion-700 { background-color: #303030; color: white; } .bg-fusion-700:hover { color: white; } .bg-fusion-800 { background-color: #232323; color: white; } .bg-fusion-800:hover { color: white; } .bg-fusion-900 { background-color: #161616; color: white; } .bg-fusion-900:hover { color: white; } .color-fusion-50 { color: #898989; } .color-fusion-100 { color: #7c7c7c; } .color-fusion-200 { color: #707070; } .color-fusion-300 { color: #636363; } .color-fusion-400 { color: #565656; } .color-fusion-500 { color: #494949; } .color-fusion-600 { color: #3d3d3d; } .color-fusion-700 { color: #303030; } .color-fusion-800 { color: #232323; } .color-fusion-900 { color: #161616; } .color-white { color: #fff; } .color-black { color: #222222; } .bg-primary-gradient { background-image: linear-gradient(250deg, rgba(37, 74, 135, 0.7), transparent); } .bg-danger-gradient { background-image: linear-gradient(250deg, rgba(206, 2, 98, 0.7), transparent); } .bg-info-gradient { background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent); } .bg-warning-gradient { background-image: linear-gradient(250deg, rgba(218, 148, 0, 0.7), transparent); } .bg-success-gradient { background-image: linear-gradient(250deg, rgba(16, 112, 102, 0.7), transparent); } .bg-fusion-gradient { background-image: linear-gradient(250deg, rgba(22, 22, 22, 0.7), transparent); } .btn-primary { color: #fff; background-color: #4679cc; border-color: #4679cc; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-primary:hover { color: #fff; background-color: #3366b9; border-color: #3060af; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #3366b9; border-color: #3060af; box-shadow: 0 0 0 0.2rem rgba(98, 141, 212, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #4679cc; border-color: #4679cc; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #3060af; border-color: #2d5ba5; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(98, 141, 212, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #1dc9b7; border-color: #1dc9b7; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-success:hover { color: #fff; background-color: #18a899; border-color: #179c8e; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #18a899; border-color: #179c8e; box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #1dc9b7; border-color: #1dc9b7; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #179c8e; border-color: #159184; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); } .btn-info { color: #fff; background-color: #2196F3; border-color: #2196F3; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-info:hover { color: #fff; background-color: #0c83e2; border-color: #0c7cd5; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #0c83e2; border-color: #0c7cd5; box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0c7cd5; border-color: #0b75c9; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); } .btn-warning { color: #212529; background-color: #ffc241; border-color: #ffc241; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-warning:hover { color: #212529; background-color: #ffb61b; border-color: #ffb20e; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #ffb61b; border-color: #ffb20e; box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #ffb20e; border-color: #ffae01; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); } .btn-danger { color: #fff; background-color: #fd3995; border-color: #fd3995; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-danger:hover { color: #fff; background-color: #fd1381; border-color: #fc077a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #fd1381; border-color: #fc077a; box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #fd3995; border-color: #fd3995; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #fc077a; border-color: #f40274; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); } .btn-light { color: #212529; background-color: #fff; border-color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-light:hover { color: #212529; background-color: #ececec; border-color: #e6e6e6; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #ececec; border-color: #e6e6e6; box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #fff; border-color: #fff; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #e6e6e6; border-color: #dfdfdf; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-dark { color: #fff; background-color: #494949; border-color: #494949; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-dark:hover { color: #fff; background-color: #363636; border-color: #303030; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #363636; border-color: #303030; box-shadow: 0 0 0 0.2rem rgba(101, 101, 101, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #494949; border-color: #494949; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #303030; border-color: #292929; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(101, 101, 101, 0.5); } .btn-outline-primary { color: #4679cc; border-color: #4679cc; } .btn-outline-primary:hover { color: #fff; background-color: #4679cc; border-color: #4679cc; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(70, 121, 204, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #4679cc; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #4679cc; border-color: #4679cc; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(70, 121, 204, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #1dc9b7; border-color: #1dc9b7; } .btn-outline-success:hover { color: #fff; background-color: #1dc9b7; border-color: #1dc9b7; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #1dc9b7; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #1dc9b7; border-color: #1dc9b7; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } .btn-outline-info { color: #2196F3; border-color: #2196F3; } .btn-outline-info:hover { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #2196F3; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } .btn-outline-warning { color: #ffc241; border-color: #ffc241; } .btn-outline-warning:hover { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc241; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc241; border-color: #ffc241; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } .btn-outline-danger { color: #fd3995; border-color: #fd3995; } .btn-outline-danger:hover { color: #fff; background-color: #fd3995; border-color: #fd3995; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #fd3995; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #fd3995; border-color: #fd3995; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); } .btn-outline-light { color: #fff; border-color: #fff; } .btn-outline-light:hover { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #fff; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-dark { color: #494949; border-color: #494949; } .btn-outline-dark:hover { color: #fff; background-color: #494949; border-color: #494949; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(73, 73, 73, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #494949; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #494949; border-color: #494949; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(73, 73, 73, 0.5); } .border-primary { border-color: #4679cc !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #1dc9b7 !important; } .border-info { border-color: #2196F3 !important; } .border-warning { border-color: #ffc241 !important; } .border-danger { border-color: #fd3995 !important; } .border-light { border-color: #fff !important; } .border-dark { border-color: #494949 !important; } .text-primary { color: #4679cc !important; } a.text-primary:hover, a.text-primary:focus { color: #2b559b !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #1dc9b7 !important; } a.text-success:hover, a.text-success:focus { color: #13867a !important; } .text-info { color: #2196F3 !important; } a.text-info:hover, a.text-info:focus { color: #0a6ebd !important; } .text-warning { color: #ffc241 !important; } a.text-warning:hover, a.text-warning:focus { color: #f4a500 !important; } .text-danger { color: #fd3995 !important; } a.text-danger:hover, a.text-danger:focus { color: #e7026e !important; } .text-light { color: #fff !important; } a.text-light:hover, a.text-light:focus { color: #d9d9d9 !important; } .text-dark { color: #494949 !important; } a.text-dark:hover, a.text-dark:focus { color: #232323 !important; } .bg-primary { background-color: #4679cc !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #3060af !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #1dc9b7 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #179c8e !important; } .bg-info { background-color: #2196F3 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0c7cd5 !important; } .bg-warning { background-color: #ffc241 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ffb20e !important; } .bg-danger { background-color: #fd3995 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #fc077a !important; } .bg-light { background-color: #fff !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #e6e6e6 !important; } .bg-dark { background-color: #494949 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #303030 !important; } :root { --theme-primary: #4679cc; --theme-secondary: #6c757d; --theme-success: #1dc9b7; --theme-info: #2196F3; --theme-warning: #ffc241; --theme-danger: #fd3995; --theme-light: #fff; --theme-dark: #494949; --theme-rgb-primary: 70,121,204; --theme-rgb-success: 29,201,183; --theme-rgb-info: 33,150,243; --theme-rgb-warning: 255,194,65; --theme-rgb-danger: 253,57,149; --theme-rgb-fusion: 73.25,73.25,73.25; --theme-primary-50: #aac1e8; --theme-primary-100: #96b3e2; --theme-primary-200: #82a4dd; --theme-primary-300: #6e96d7; --theme-primary-400: #5a87d2; --theme-primary-500: #4679cc; --theme-primary-600: #366bc3; --theme-primary-700: #3060af; --theme-primary-800: #2b559b; --theme-primary-900: #254a87; --theme-success-50: #7aece0; --theme-success-100: #63e9db; --theme-success-200: #4de5d5; --theme-success-300: #37e2d0; --theme-success-400: #21dfcb; --theme-success-500: #1dc9b7; --theme-success-600: #1ab3a3; --theme-success-700: #179c8e; --theme-success-800: #13867a; --theme-success-900: #107066; --theme-info-50: #9acffa; --theme-info-100: #82c4f8; --theme-info-200: #6ab8f7; --theme-info-300: #51adf6; --theme-info-400: #39a1f4; --theme-info-500: #2196F3; --theme-info-600: #0d8aee; --theme-info-700: #0c7cd5; --theme-info-800: #0a6ebd; --theme-info-900: #0960a5; --theme-warning-50: #ffebc1; --theme-warning-100: #ffe3a7; --theme-warning-200: #ffdb8e; --theme-warning-300: #ffd274; --theme-warning-400: #ffca5b; --theme-warning-500: #ffc241; --theme-warning-600: #ffba28; --theme-warning-700: #ffb20e; --theme-warning-800: #f4a500; --theme-warning-900: #da9400; --theme-danger-50: #feb7d9; --theme-danger-100: #fe9ecb; --theme-danger-200: #fe85be; --theme-danger-300: #fe6bb0; --theme-danger-400: #fd52a3; --theme-danger-500: #fd3995; --theme-danger-600: #fd2087; --theme-danger-700: #fc077a; --theme-danger-800: #e7026e; --theme-danger-900: #ce0262; --theme-fusion-50: #898989; --theme-fusion-100: #7c7c7c; --theme-fusion-200: #707070; --theme-fusion-300: #636363; --theme-fusion-400: #565656; --theme-fusion-500: #494949; --theme-fusion-600: #3d3d3d; --theme-fusion-700: #303030; --theme-fusion-800: #232323; --theme-fusion-900: #161616; } .ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { stroke: #4679cc; } .ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area { fill: #4679cc; } .ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { stroke: #fd3995; } .ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area { fill: #fd3995; } .ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { stroke: #ffc241; } .ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area { fill: #ffc241; } .ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut { stroke: #2196F3; } .ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area { fill: #2196F3; } .ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut { stroke: #494949; } .ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area { fill: #494949; } .ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { stroke: #1dc9b7; } .ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area { fill: #1dc9b7; } .ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { stroke: #2196F3; } .ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area { fill: #2196F3; } .ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { stroke: #254a87; } .ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area { fill: #254a87; } .ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { stroke: #fe9ecb; } .ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area { fill: #fe9ecb; } .ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut { stroke: #ffdb8e; } .ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area { fill: #ffdb8e; } .ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { stroke: #ce0262; } .ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area { fill: #ce0262; } .ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { stroke: #636363; } .ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area { fill: #636363; } .ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { stroke: #37e2d0; } .ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area { fill: #37e2d0; } .ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { stroke: #51adf6; } .ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area { fill: #51adf6; } .ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { stroke: #6e96d7; } .ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area { fill: #6e96d7; } .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { border-color: #E5E5E5; } .select2-dropdown { border-color: #E5E5E5; } .select2-search--dropdown:before { color: #4679cc; } .select2-results__message { color: #4679cc !important; } .select2-container--open .select2-dropdown--above { border-color: #4679cc; } .select2-container--open .select2-dropdown--below { border-color: #4679cc; } .select2-container--default .select2-search--dropdown .select2-search__field { color: #495057; background-color: #fff; border-color: #E5E5E5; box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: #cccccc; } .select2-container--default .select2-results__group { padding: 0.5rem 0; color: #8e8e8e; } .select2-container--default .select2-results__option[aria-selected=true] { background: #dee7f6; color: #254a87; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #4679cc; color: #fff; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-color: #4679cc; } .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #4679cc; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #dee7f6; border-color: #5a87d2; color: #254a87; } .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { color: #6e96d7; } .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { color: #4679cc; } .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; } .select2-container--default .select2-selection--single .select2-selection__clear { color: #fd3995; } .select2-container--default .select2-selection--single .select2-selection__clear:hover { color: #fd2087; } .select2-results__message { color: #fd3995; } .sorting_asc, .sorting_desc, .even .sorting_1 { background-color: rgba(70, 121, 204, 0.03); } .odd .sorting_1 { background-color: rgba(70, 121, 204, 0.04); } .table-dark .sorting_asc, .table-dark .sorting_desc, .table-dark .even .sorting_1 { background-color: rgba(255, 194, 65, 0.15); } .table-dark .odd .sorting_1 { background-color: rgba(255, 194, 65, 0.15); } table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { background-color: #4679cc; } table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before, table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before { background-color: #1dc9b7; } .dataTables_empty { color: #fd3995; } .dataTables_wrapper tr.child td.child .dtr-details:before { color: #21dfcb; } .dataTables_wrapper tr.child td.child .dtr-details:after { background: #4de5d5; } div.dt-autofill-background { opacity: 0.2; background-color: #000; } div.dt-autofill-handle { background: #4679cc; } div.dt-autofill-select { background-color: #4679cc; } /* FixedColumns */ .DTFC_LeftHeadWrapper:before, .DTFC_LeftBodyWrapper:before, .DTFC_LeftFootWrapper:before { background: #fd3995; } /* KeyTable */ table.dataTable tbody th.focus, table.dataTable tbody td.focus { box-shadow: inset 0 0 0px 1px #4679cc; background: rgba(70, 121, 204, 0.1); } table.dataTable:not(.table-dark) tr.dtrg-group td { background: #fff; } tr.dt-rowReorder-moving { outline-color: #1dc9b7; } table.dt-rowReorder-float { outline-color: #4679cc; } /* Select */ table.dataTable.table-bordered .selected td { border-color: rgba(0, 0, 0, 0.1); } table.dataTable.table-bordered td.selected { border-color: rgba(0, 0, 0, 0.1); } table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected { box-shadow: inset 0 0 0px 1px #4679cc; background: rgba(70, 121, 204, 0.1); } .datepicker table tr td.old, .datepicker table tr td.new { color: #a3a3a3; } .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted, .datepicker table tr td span.active.active, .datepicker table tr td span.focused { background-color: #5a87d2; border-color: #4679cc; color: #fff; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover { background-color: #366bc3; border-color: #3060af; color: #fff; } .datepicker.datepicker-inline { border: 1px solid #ebedf2; } .datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next { color: #a1a8c3; } .daterangepicker table tr td.old, .daterangepicker table tr td.new { color: #a3a3a3; } .daterangepicker table tr td.active:active, .daterangepicker table tr td.active.highlighted:active, .daterangepicker table tr td.active.active, .daterangepicker table tr td.active.highlighted.active, .daterangepicker table tr td.selected, .daterangepicker table tr td.selected.highlighted, .daterangepicker table tr td span.active.active, .daterangepicker table tr td span.focused { background-color: #5a87d2; color: #fff; } .daterangepicker table tr td.active:active:hover, .daterangepicker table tr td.active.highlighted:active:hover, .daterangepicker table tr td.active.active:hover, .daterangepicker table tr td.active.highlighted.active:hover, .daterangepicker table tr td.active:active:focus, .daterangepicker table tr td.active.highlighted:active:focus, .daterangepicker table tr td.active.active:focus, .daterangepicker table tr td.active.highlighted.active:focus, .daterangepicker table tr td.active:active.focus, .daterangepicker table tr td.active.highlighted:active.focus, .daterangepicker table tr td.active.active.focus, .daterangepicker table tr td.active.highlighted.active.focus, .daterangepicker table tr td.selected:active:hover, .daterangepicker table tr td.selected.highlighted:active:hover, .daterangepicker table tr td.selected.active:hover, .daterangepicker table tr td.selected.highlighted.active:hover, .daterangepicker table tr td.selected:active:focus, .daterangepicker table tr td.selected.highlighted:active:focus, .daterangepicker table tr td.selected.active:focus, .daterangepicker table tr td.selected.highlighted.active:focus, .daterangepicker table tr td.selected:active.focus, .daterangepicker table tr td.selected.highlighted:active.focus, .daterangepicker table tr td.selected.active.focus, .daterangepicker table tr td.selected.highlighted.active.focus, .daterangepicker table tr td.selected:hover, .daterangepicker table tr td.selected.highlighted:hover { background-color: #366bc3; color: #fff; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-color: #a1a8c3; } .daterangepicker .in-range.available { background-color: #ffe3a7; } .daterangepicker .off.ends.in-range.available { background-color: #ffebc1; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #ffd274; } .daterangepicker .calendar-table table thead tr th.month { color: #a1a8c3; } .daterangepicker .ranges li.active { background-color: #4679cc; } .irs--flat .irs-bar, .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single, .irs--flat .irs-handle > i:first-child { background-color: #4679cc; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { border-top-color: #4679cc; } .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #366bc3; } .irs--big .irs-bar { background-color: #6e96d7; border-color: #4679cc; background: linear-gradient(to bottom, #ffffff 0%, #6e96d7 30%, #4679cc 100%); } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { background: #4679cc; } .irs--modern .irs-bar { background: #1ab3a3; background: linear-gradient(to bottom, #21dfcb 0%, #1ab3a3 100%); } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { background-color: #1dc9b7; } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { border-top-color: #1dc9b7; } .irs--sharp .irs-bar, .irs--sharp .irs-handle, .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { background-color: #fd3995; } .irs--sharp .irs-handle > i:first-child, .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { border-top-color: #fd3995; } .irs--sharp .irs-min, .irs--sharp .irs-max { background-color: #e7026e; } .irs--round .irs-handle { border-color: #2196F3; } .irs--round .irs-bar, .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { background-color: #2196F3; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { border-top-color: #2196F3; } body:not(.mod-pace-custom) .pace .pace-progress { background: #4679cc; } .mod-pace-custom .pace { background: #fff; } .mod-pace-custom .pace .pace-progress { background-color: #4679cc; background-image: linear-gradient(135deg, #4679cc 0%, #4679cc 25%, #3060af 25%, #3060af 50%, #4679cc 50%, #4679cc 75%, #3060af 75%, #3060af 100%); } .mod-pace-custom.pace-running .page-content:before { background-color: #edf2f9; } /* #Reset userselect ========================================================================== */ #myapp-0 { box-shadow: none !important; } #myapp-3 { box-shadow: 0 0 0 3px #000000; } /*# sourceMappingURL=cust-theme-3.css.map */ .modal-header{ border-top: 3px solid #2a4a75; } @charset "UTF-8"; /* Theme for the ripple elements.*/ /* stylelint-disable material/no-prefixes */ /* stylelint-enable */ .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-badge-small .mat-badge-content { font-size: 9px; } .mat-badge-large .mat-badge-content { font-size: 24px; } .mat-h1, .mat-headline, .mat-typography h1 { font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography h2 { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography h3 { font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography h4 { font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-body-2 { font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; } .mat-body, .mat-body-1, .mat-typography { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; } .mat-body p, .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption { font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; } .mat-display-4, .mat-typography .mat-display-4 { font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } .mat-display-3, .mat-typography .mat-display-3 { font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } .mat-display-2, .mat-typography .mat-display-2 { font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } .mat-display-1, .mat-typography .mat-display-1 { font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 64px; } .mat-bottom-sheet-container { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card-title { font-size: 24px; font-weight: 500; } .mat-card-header .mat-card-title { font-size: 20px; } .mat-card-subtitle, .mat-card-content { font-size: 14px; } .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-chip { font-size: 14px; font-weight: 500; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-header-cell { font-size: 12px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-calendar-body { font-size: 13px; } .mat-calendar-body-label, .mat-calendar-period-button { font-size: 14px; font-weight: 500; } .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } .mat-dialog-title { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; } .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } .mat-expansion-panel-content { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; } .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-form-field-wrapper { padding-bottom: 1.34375em; } .mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-form-field-label { top: 1.34375em; } .mat-form-field-underline { bottom: 1.34375em; } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); -ms-transform: translateY(-1.28125em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); -ms-transform: translateY(-1.28124em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); -ms-transform: translateY(-1.28123em) scale(0.75); width: 133.3333533333%; } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28122em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28121em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.2812em) scale(0.75); } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59374em) scale(0.75); width: 133.3333433333%; } .mat-grid-tile-header, .mat-grid-tile-footer { font-size: 14px; } .mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } input.mat-input-element { margin-top: -0.0625em; } .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select-trigger { height: 1.125em; } .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-step-label { font-size: 14px; font-weight: 400; } .mat-step-sub-label-error { font-weight: normal; } .mat-step-label-error { font-size: 14px; } .mat-step-label-selected { font-size: 14px; font-weight: 500; } .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tab-label, .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; margin: 0; } .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-base .mat-list-item { font-size: 16px; } .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-list-option { font-size: 16px; } .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-list-base[dense] .mat-list-item { font-size: 12px; } .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-list-option { font-size: 12px; } .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } .mat-optgroup-label { font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; } .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } @media (-ms-high-contrast: active) { .mat-ripple-element { display: none; } } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; outline: 0; -webkit-appearance: none; -moz-appearance: none; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } @media screen and (-ms-high-contrast: active) { .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } @-webkit-keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-start { /*!*/ } @-webkit-keyframes cdk-text-field-autofill-end { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { -webkit-animation-name: cdk-text-field-autofill-start; animation-name: cdk-text-field-autofill-start; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { -webkit-animation-name: cdk-text-field-autofill-end; animation-name: cdk-text-field-autofill-end; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { height: auto !important; overflow: hidden !important; padding: 2px 0 !important; box-sizing: content-box !important; } .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .mat-option { color: rgba(0, 0, 0, 0.87); } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #3f51b5; } .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff4081; } .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #f44336; } .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } .mat-pseudo-checkbox::after { color: #fafafa; } .mat-pseudo-checkbox-disabled { color: #b0b0b0; } .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ff4081; } .mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate { background: #3f51b5; } .mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate { background: #f44336; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-theme-loaded-marker { display: none; } .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } .mat-badge-content { color: white; background: #3f51b5; } @media (-ms-high-contrast: active) { .mat-badge-content { outline: solid 1px; border-radius: 0; } } .mat-badge-accent .mat-badge-content { background: #ff4081; color: white; } .mat-badge-warn .mat-badge-content { color: white; background: #f44336; } .mat-badge { position: relative; } .mat-badge-hidden .mat-badge-content { display: none; } .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable { transition: none; } .mat-badge-content.mat-badge-active { transform: none; } .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .mat-button, .mat-icon-button, .mat-stroked-button { color: inherit; background: transparent; } .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary { color: #3f51b5; } .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent { color: #ff4081; } .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn { color: #f44336; } .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] { color: rgba(0, 0, 0, 0.26); } .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #3f51b5; } .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ff4081; } .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #f44336; } .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay { background-color: transparent; } .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .mat-button-focus-overlay { background: black; } .mat-stroked-button:not([disabled]) { border-color: rgba(0, 0, 0, 0.12); } .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { color: white; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { color: white; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { color: white; } .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] { color: rgba(0, 0, 0, 0.26); } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color: #3f51b5; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { background-color: #ff4081; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { background-color: #f44336; } .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] { background-color: rgba(0, 0, 0, 0.12); } .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-raised-button[disabled]:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not([disabled]):active:not([class*=mat-elevation-z]), .mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-fab[disabled]:not([class*=mat-elevation-z]), .mat-mini-fab[disabled]:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-button-toggle-standalone, .mat-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard { box-shadow: none; } .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px rgba(0, 0, 0, 0.12); } [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px rgba(0, 0, 0, 0.12); } .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard { border: solid 1px rgba(0, 0, 0, 0.12); } .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } .mat-checkbox-checkmark { fill: #fafafa; } .mat-checkbox-checkmark-path { stroke: #fafafa !important; } @media (-ms-high-contrast: black-on-white) { .mat-checkbox-checkmark-path { stroke: #000 !important; } } .mat-checkbox-mixedmark { background-color: #fafafa; } .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #3f51b5; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ff4081; } .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #f44336; } .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.54); } @media (-ms-high-contrast: active) { .mat-checkbox-disabled { opacity: 0.5; } } @media (-ms-high-contrast: active) { .mat-checkbox-background { background: none; } } .mat-checkbox .mat-ripple-element { background-color: black; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #3f51b5; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ff4081; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #f44336; } .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .mat-chip.mat-standard-chip::after { background: black; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #3f51b5; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #f44336; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ff4081; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background: rgba(255, 255, 255, 0.1); } .mat-table { background: white; } .mat-table thead, .mat-table tbody, .mat-table tfoot, mat-header-row, mat-row, mat-footer-row, [mat-header-row], [mat-row], [mat-footer-row], .mat-table-sticky { background: inherit; } mat-row, mat-header-row, mat-footer-row, th.mat-header-cell, td.mat-cell, td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .mat-header-cell { color: rgba(0, 0, 0, 0.54); } .mat-cell, .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } .mat-calendar-arrow { border-top-color: rgba(0, 0, 0, 0.54); } .mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } .mat-calendar-table-header { color: rgba(0, 0, 0, 0.38); } .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } .mat-calendar-body-cell-content { color: rgba(0, 0, 0, 0.87); border-color: transparent; } .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { background-color: rgba(0, 0, 0, 0.04); } .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0, 0, 0, 0.18); } .mat-calendar-body-selected { background-color: #3f51b5; color: white; } .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(63, 81, 181, 0.4); } .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ff4081; color: white; } .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 64, 129, 0.4); } .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #f44336; color: white; } .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(244, 67, 54, 0.4); } .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content-touch { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-datepicker-toggle-active { color: #3f51b5; } .mat-datepicker-toggle-active.mat-accent { color: #ff4081; } .mat-datepicker-toggle-active.mat-warn { color: #f44336; } .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } .mat-expansion-panel-header-description, .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } .mat-hint { color: rgba(0, 0, 0, 0.6); } .mat-form-field.mat-focused .mat-form-field-label { color: #3f51b5; } .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ff4081; } .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #f44336; } .mat-focused .mat-form-field-required-marker { color: #ff4081; } .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #3f51b5; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ff4081; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #f44336; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #3f51b5; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ff4081; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #f44336; } .mat-error { color: #f44336; } .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #3f51b5; } .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ff4081; } .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #f44336; } .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336; } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } .mat-icon.mat-primary { color: #3f51b5; } .mat-icon.mat-accent { color: #ff4081; } .mat-icon.mat-warn { color: #f44336; } .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .mat-input-element { caret-color: #3f51b5; } .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-accent .mat-input-element { caret-color: #ff4081; } .mat-warn .mat-input-element, .mat-form-field-invalid .mat-input-element { caret-color: #f44336; } .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #f44336; } .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } .mat-list-item-disabled { background-color: #eeeeee; } .mat-list-option:hover, .mat-list-option:focus, .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item:focus, .mat-action-list .mat-list-item:hover, .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } .mat-menu-panel { background: white; } .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } .mat-menu-item[disabled], .mat-menu-item[disabled]::after { color: rgba(0, 0, 0, 0.38); } .mat-menu-item .mat-icon-no-color, .mat-menu-item-submenu-trigger::after { color: rgba(0, 0, 0, 0.54); } .mat-menu-item:hover:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .mat-paginator { background: white; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } .mat-paginator-decrement, .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .mat-paginator-first, .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .mat-progress-bar-background { fill: #c5cae9; } .mat-progress-bar-buffer { background-color: #c5cae9; } .mat-progress-bar-fill::after { background-color: #3f51b5; } .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #ff80ab; } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #ff80ab; } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ff4081; } .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #ffcdd2; } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #ffcdd2; } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #f44336; } .mat-progress-spinner circle, .mat-spinner circle { stroke: #3f51b5; } .mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle { stroke: #ff4081; } .mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle { stroke: #f44336; } .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #3f51b5; } .mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #3f51b5; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ff4081; } .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ff4081; } .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #f44336; } .mat-radio-button.mat-warn .mat-radio-inner-circle, .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #f44336; } .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .mat-radio-button .mat-ripple-element { background-color: black; } .mat-select-value { color: rgba(0, 0, 0, 0.87); } .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } .mat-select-panel { background: white; } .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #3f51b5; } .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ff4081; } .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #f44336; } .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #f44336; } .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-drawer.mat-drawer-push { background-color: white; } .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ff4081; } .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 64, 129, 0.54); } .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ff4081; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #3f51b5; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(63, 81, 181, 0.54); } .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #3f51b5; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #f44336; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.54); } .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #f44336; } .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-primary .mat-slider-track-fill, .mat-primary .mat-slider-thumb, .mat-primary .mat-slider-thumb-label { background-color: #3f51b5; } .mat-primary .mat-slider-thumb-label-text { color: white; } .mat-accent .mat-slider-track-fill, .mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label { background-color: #ff4081; } .mat-accent .mat-slider-thumb-label-text { color: white; } .mat-warn .mat-slider-track-fill, .mat-warn .mat-slider-thumb, .mat-warn .mat-slider-thumb-label { background-color: #f44336; } .mat-warn .mat-slider-thumb-label-text { color: white; } .mat-slider-focus-ring { background-color: rgba(255, 64, 129, 0.2); } .mat-slider:hover .mat-slider-track-background, .cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-disabled .mat-slider-track-background, .mat-slider-disabled .mat-slider-track-fill, .mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { .mat-step-header:hover { background: none; } } .mat-step-header .mat-step-label, .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: white; } .mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit { background-color: #3f51b5; color: white; } .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #f44336; } .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } .mat-step-header .mat-step-label.mat-step-label-error { color: #f44336; } .mat-stepper-horizontal, .mat-stepper-vertical { background-color: white; } .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } .mat-horizontal-stepper-header::before, .mat-horizontal-stepper-header::after, .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } .mat-sort-header-arrow { color: #757575; } .mat-tab-nav-bar, .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .mat-tab-group-inverted-header .mat-tab-nav-bar, .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } .mat-tab-label, .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } .mat-tab-group[class*=mat-background-] .mat-tab-header, .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(197, 202, 233, 0.3); } .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #3f51b5; } .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar { background-color: white; } .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 128, 171, 0.3); } .mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ff4081; } .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar { background-color: white; } .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #f44336; } .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar { background-color: white; } .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(197, 202, 233, 0.3); } .mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination { background-color: #3f51b5; } .mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link { color: white; } .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron { border-color: white; } .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 128, 171, 0.3); } .mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination { background-color: #ff4081; } .mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link { color: white; } .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron { border-color: white; } .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination { background-color: #f44336; } .mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link { color: white; } .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron { border-color: white; } .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { background: #3f51b5; color: white; } .mat-toolbar.mat-accent { background: #ff4081; color: white; } .mat-toolbar.mat-warn { background: #f44336; color: white; } .mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .mat-toolbar .mat-form-field-label, .mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-select-value, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .mat-toolbar .mat-input-element { caret-color: currentColor; } .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .mat-tree { background: white; } .mat-tree-node, .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-simple-snackbar-action { color: #ff4081; } /* Theme for the ripple elements.*/ /* stylelint-disable material/no-prefixes */ /* stylelint-enable */ .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-badge-small .mat-badge-content { font-size: 9px; } .mat-badge-large .mat-badge-content { font-size: 24px; } .mat-h1, .mat-headline, .mat-typography h1 { font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography h2 { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography h3 { font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography h4 { font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-body-2 { font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; } .mat-body, .mat-body-1, .mat-typography { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; } .mat-body p, .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption { font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; } .mat-display-4, .mat-typography .mat-display-4 { font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } .mat-display-3, .mat-typography .mat-display-3 { font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } .mat-display-2, .mat-typography .mat-display-2 { font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } .mat-display-1, .mat-typography .mat-display-1 { font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 64px; } .mat-bottom-sheet-container { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card-title { font-size: 24px; font-weight: 500; } .mat-card-header .mat-card-title { font-size: 20px; } .mat-card-subtitle, .mat-card-content { font-size: 14px; } .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-chip { font-size: 14px; font-weight: 500; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-header-cell { font-size: 12px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-calendar-body { font-size: 13px; } .mat-calendar-body-label, .mat-calendar-period-button { font-size: 14px; font-weight: 500; } .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } .mat-dialog-title { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; } .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } .mat-expansion-panel-content { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; } .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-form-field-wrapper { padding-bottom: 1.34375em; } .mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-form-field-label { top: 1.34375em; } .mat-form-field-underline { bottom: 1.34375em; } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); -ms-transform: translateY(-1.28125em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); -ms-transform: translateY(-1.28124em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); -ms-transform: translateY(-1.28123em) scale(0.75); width: 133.3333533333%; } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28122em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28121em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.2812em) scale(0.75); } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59374em) scale(0.75); width: 133.3333433333%; } .mat-grid-tile-header, .mat-grid-tile-footer { font-size: 14px; } .mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } input.mat-input-element { margin-top: -0.0625em; } .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select-trigger { height: 1.125em; } .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-step-label { font-size: 14px; font-weight: 400; } .mat-step-sub-label-error { font-weight: normal; } .mat-step-label-error { font-size: 14px; } .mat-step-label-selected { font-size: 14px; font-weight: 500; } .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tab-label, .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; margin: 0; } .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-base .mat-list-item { font-size: 16px; } .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-list-option { font-size: 16px; } .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-list-base[dense] .mat-list-item { font-size: 12px; } .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-list-option { font-size: 12px; } .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } .mat-optgroup-label { font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; } .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } @media (-ms-high-contrast: active) { .mat-ripple-element { display: none; } } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; outline: 0; -webkit-appearance: none; -moz-appearance: none; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } @media screen and (-ms-high-contrast: active) { .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { -webkit-animation-name: cdk-text-field-autofill-start; animation-name: cdk-text-field-autofill-start; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { -webkit-animation-name: cdk-text-field-autofill-end; animation-name: cdk-text-field-autofill-end; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { height: auto !important; overflow: hidden !important; padding: 2px 0 !important; box-sizing: content-box !important; } .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .mat-option { color: rgba(0, 0, 0, 0.87); } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #3f51b5; } .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #ff4081; } .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #f44336; } .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } .mat-pseudo-checkbox::after { color: #fafafa; } .mat-pseudo-checkbox-disabled { color: #b0b0b0; } .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate { background: #ff4081; } .mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate { background: #3f51b5; } .mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate { background: #f44336; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-theme-loaded-marker { display: none; } .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } .mat-badge-content { color: white; background: #3f51b5; } @media (-ms-high-contrast: active) { .mat-badge-content { outline: solid 1px; border-radius: 0; } } .mat-badge-accent .mat-badge-content { background: #ff4081; color: white; } .mat-badge-warn .mat-badge-content { color: white; background: #f44336; } .mat-badge { position: relative; } .mat-badge-hidden .mat-badge-content { display: none; } .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable { transition: none; } .mat-badge-content.mat-badge-active { transform: none; } .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .mat-button, .mat-icon-button, .mat-stroked-button { color: inherit; background: transparent; } .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary { color: #3f51b5; } .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent { color: #ff4081; } .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn { color: #f44336; } .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] { color: rgba(0, 0, 0, 0.26); } .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #3f51b5; } .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #ff4081; } .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #f44336; } .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay { background-color: transparent; } .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .mat-button-focus-overlay { background: black; } .mat-stroked-button:not([disabled]) { border-color: rgba(0, 0, 0, 0.12); } .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { color: white; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { color: white; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { color: white; } .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] { color: rgba(0, 0, 0, 0.26); } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color: #3f51b5; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { background-color: #ff4081; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { background-color: #f44336; } .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] { background-color: rgba(0, 0, 0, 0.12); } .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-raised-button[disabled]:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not([disabled]):active:not([class*=mat-elevation-z]), .mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-fab[disabled]:not([class*=mat-elevation-z]), .mat-mini-fab[disabled]:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-button-toggle-standalone, .mat-button-toggle-group { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard { box-shadow: none; } .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px rgba(0, 0, 0, 0.12); } [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px rgba(0, 0, 0, 0.12); } .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard { border: solid 1px rgba(0, 0, 0, 0.12); } .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } .mat-checkbox-checkmark { fill: #fafafa; } .mat-checkbox-checkmark-path { stroke: #fafafa !important; } @media (-ms-high-contrast: black-on-white) { .mat-checkbox-checkmark-path { stroke: #000 !important; } } .mat-checkbox-mixedmark { background-color: #fafafa; } .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #3f51b5; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ff4081; } .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #f44336; } .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.54); } @media (-ms-high-contrast: active) { .mat-checkbox-disabled { opacity: 0.5; } } @media (-ms-high-contrast: active) { .mat-checkbox-background { background: none; } } .mat-checkbox .mat-ripple-element { background-color: black; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #3f51b5; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #ff4081; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #f44336; } .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .mat-chip.mat-standard-chip::after { background: black; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #3f51b5; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #f44336; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #ff4081; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background: rgba(255, 255, 255, 0.1); } .mat-table { background: white; } .mat-table thead, .mat-table tbody, .mat-table tfoot, mat-header-row, mat-row, mat-footer-row, [mat-header-row], [mat-row], [mat-footer-row], .mat-table-sticky { background: inherit; } mat-row, mat-header-row, mat-footer-row, th.mat-header-cell, td.mat-cell, td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .mat-header-cell { color: rgba(0, 0, 0, 0.54); } .mat-cell, .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } .mat-calendar-arrow { border-top-color: rgba(0, 0, 0, 0.54); } .mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } .mat-calendar-table-header { color: rgba(0, 0, 0, 0.38); } .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } .mat-calendar-body-cell-content { color: rgba(0, 0, 0, 0.87); border-color: transparent; } .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { background-color: rgba(0, 0, 0, 0.04); } .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0, 0, 0, 0.18); } .mat-calendar-body-selected { background-color: #3f51b5; color: white; } .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(63, 81, 181, 0.4); } .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #ff4081; color: white; } .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 64, 129, 0.4); } .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #f44336; color: white; } .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(244, 67, 54, 0.4); } .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content-touch { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-datepicker-toggle-active { color: #3f51b5; } .mat-datepicker-toggle-active.mat-accent { color: #ff4081; } .mat-datepicker-toggle-active.mat-warn { color: #f44336; } .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } .mat-expansion-panel-header-description, .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } .mat-hint { color: rgba(0, 0, 0, 0.6); } .mat-form-field.mat-focused .mat-form-field-label { color: #3f51b5; } .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #ff4081; } .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #f44336; } .mat-focused .mat-form-field-required-marker { color: #ff4081; } .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #3f51b5; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #ff4081; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #f44336; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #3f51b5; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #ff4081; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #f44336; } .mat-error { color: #f44336; } .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #3f51b5; } .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #ff4081; } .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #f44336; } .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336; } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } .mat-icon.mat-primary { color: #3f51b5; } .mat-icon.mat-accent { color: #ff4081; } .mat-icon.mat-warn { color: #f44336; } .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .mat-input-element { caret-color: #3f51b5; } .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-accent .mat-input-element { caret-color: #ff4081; } .mat-warn .mat-input-element, .mat-form-field-invalid .mat-input-element { caret-color: #f44336; } .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #f44336; } .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } .mat-list-item-disabled { background-color: #eeeeee; } .mat-list-option:hover, .mat-list-option:focus, .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item:focus, .mat-action-list .mat-list-item:hover, .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } .mat-menu-panel { background: white; } .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } .mat-menu-item[disabled], .mat-menu-item[disabled]::after { color: rgba(0, 0, 0, 0.38); } .mat-menu-item .mat-icon-no-color, .mat-menu-item-submenu-trigger::after { color: rgba(0, 0, 0, 0.54); } .mat-menu-item:hover:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .mat-paginator { background: white; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } .mat-paginator-decrement, .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .mat-paginator-first, .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .mat-progress-bar-background { fill: #c5cae9; } .mat-progress-bar-buffer { background-color: #c5cae9; } .mat-progress-bar-fill::after { background-color: #3f51b5; } .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #ff80ab; } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #ff80ab; } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #ff4081; } .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #ffcdd2; } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #ffcdd2; } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #f44336; } .mat-progress-spinner circle, .mat-spinner circle { stroke: #3f51b5; } .mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle { stroke: #ff4081; } .mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle { stroke: #f44336; } .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #3f51b5; } .mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #3f51b5; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #ff4081; } .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #ff4081; } .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #f44336; } .mat-radio-button.mat-warn .mat-radio-inner-circle, .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #f44336; } .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .mat-radio-button .mat-ripple-element { background-color: black; } .mat-select-value { color: rgba(0, 0, 0, 0.87); } .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } .mat-select-panel { background: white; } .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #3f51b5; } .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #ff4081; } .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #f44336; } .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #f44336; } .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-drawer.mat-drawer-push { background-color: white; } .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #ff4081; } .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(255, 64, 129, 0.54); } .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #ff4081; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #3f51b5; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(63, 81, 181, 0.54); } .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #3f51b5; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #f44336; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.54); } .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #f44336; } .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-primary .mat-slider-track-fill, .mat-primary .mat-slider-thumb, .mat-primary .mat-slider-thumb-label { background-color: #3f51b5; } .mat-primary .mat-slider-thumb-label-text { color: white; } .mat-accent .mat-slider-track-fill, .mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label { background-color: #ff4081; } .mat-accent .mat-slider-thumb-label-text { color: white; } .mat-warn .mat-slider-track-fill, .mat-warn .mat-slider-thumb, .mat-warn .mat-slider-thumb-label { background-color: #f44336; } .mat-warn .mat-slider-thumb-label-text { color: white; } .mat-slider-focus-ring { background-color: rgba(255, 64, 129, 0.2); } .mat-slider:hover .mat-slider-track-background, .cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-disabled .mat-slider-track-background, .mat-slider-disabled .mat-slider-track-fill, .mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { .mat-step-header:hover { background: none; } } .mat-step-header .mat-step-label, .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: white; } .mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit { background-color: #3f51b5; color: white; } .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #f44336; } .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } .mat-step-header .mat-step-label.mat-step-label-error { color: #f44336; } .mat-stepper-horizontal, .mat-stepper-vertical { background-color: white; } .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } .mat-horizontal-stepper-header::before, .mat-horizontal-stepper-header::after, .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } .mat-sort-header-arrow { color: #757575; } .mat-tab-nav-bar, .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .mat-tab-group-inverted-header .mat-tab-nav-bar, .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } .mat-tab-label, .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } .mat-tab-group[class*=mat-background-] .mat-tab-header, .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(197, 202, 233, 0.3); } .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #3f51b5; } .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar { background-color: white; } .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 128, 171, 0.3); } .mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #ff4081; } .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar { background-color: white; } .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #f44336; } .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar { background-color: white; } .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(197, 202, 233, 0.3); } .mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination { background-color: #3f51b5; } .mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link { color: white; } .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron { border-color: white; } .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 128, 171, 0.3); } .mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination { background-color: #ff4081; } .mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link { color: white; } .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron { border-color: white; } .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination { background-color: #f44336; } .mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link { color: white; } .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron { border-color: white; } .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { background: #3f51b5; color: white; } .mat-toolbar.mat-accent { background: #ff4081; color: white; } .mat-toolbar.mat-warn { background: #f44336; color: white; } .mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .mat-toolbar .mat-form-field-label, .mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-select-value, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .mat-toolbar .mat-input-element { caret-color: currentColor; } .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .mat-tree { background: white; } .mat-tree-node, .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-simple-snackbar-action { color: #ff4081; } .mat-horizontal-stepper-header { display: block; height: auto !important; overflow: hidden; align-items: center; padding: 0 15px; } .mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover, .mat-step-header:focus, .mat-step-header.cdk-mouse-focused { background: none !important; } .mat-step-header .mat-step-header-ripple { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; display: none; } .mat-horizontal-stepper-header .mat-step-icon { flex: none; display: block; text-align: center; } .mat-horizontal-stepper-header { display: block; } .content-header > .breadcrumb { float: right; background: transparent; margin-top: 0; margin-bottom: 0; font-size: 12px; padding: 7px 5px; position: absolute; top: 15px; right: 10px; border-radius: 2px; } .modal-body .table td { border-top-width: 0; } #graphDiv { margin: 0 auto; width: 100%; display: block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/ "; } .text-right { text-align: right; } .form-horizontal .form-group { margin-right: 0; margin-left: 0; display: flex; } .progress { border-radius: 0; margin-bottom: 15px; } .form-control { height: 32px; } .row { display: flex !important; } :host ::ng-deep bs-datepicker-container, .bs-daterangepicker-container { z-index: 99999 !important; position: absolute; margin-right: 150px !important; } bs-datepicker-container, bs-daterangepicker-container { z-index: 99999 !important; margin-right: 150px !important; } .page-sidebar .primary-nav::-webkit-scrollbar-track-piece { background-color: #efefef; } .page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical { background-color: #666; } .page-sidebar .primary-nav::-webkit-scrollbar { height: 4px; width: 4px; } ::-webkit-scrollbar-track-piece { background-color: #efefef; } ::-webkit-scrollbar-thumb:vertical { background-color: #666; } ::-webkit-scrollbar { height: 4px; width: 4px; } .modal-dialog { max-width: 600px; } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } table.jambo_table { border: 1px solid rgba(221, 221, 221, 0.78); } table { margin-top: 10px; } .modal-dialog-centered { display: block; } .dual-list .filter { margin-bottom: -1px !important; } .dual-list div.record-picker { border-radius: 0 !important; } .table th, .table td { padding: 0.25rem; white-space: nowrap; } .table > thead { background: #2b4c81; color: #ffffff; vertical-align: middle; } .table > thead > tr > th { vertical-align: middle; } .check { width: 48px; height: 48px; border-radius: 50%; margin-left: -1px; margin-top: -1px; } .box { background-color: #fff; border-bottom: 1px solid #e0e0e0; display: flex; flex-direction: column; position: relative; background-color: #fff; box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08); margin-bottom: 1.5rem; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.09); border-bottom: 1px solid #e0e0e0; border-radius: 4px; transition: border 500ms ease-out; margin-top: 10px; } .box-header.with-border { border-bottom: 1px solid #f4f4f4; } .box-header { color: #444; display: block; padding: 10px; position: relative; } .box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title { display: inline-block; font-size: 18px; margin: 0; line-height: 1; } .box-header > .box-tools { position: absolute; right: 10px; top: 10px; } .mat-horizontal-content-container { /* overflow: auto !important; padding: 15px 15px 15px 15px; */ } .mat-horizontal-stepper-header-container { white-space: nowrap; display: flex; align-items: center; padding: 15px 0; } .mat-step-label-selected { font-size: 14px; font-weight: 600; } .mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit { background-color: #1c285a; color: white; } .progress-bar-custom { background-color: #1c285a; } .btn-info { color: #fff; background-color: #1c285a !important; border-color: #1c285a !important; } .custombar1 .ui-scrollpanel-wrapper { border-right: 9px solid #f4f4f4; } .custombar1 .ui-scrollpanel-bar { background-color: #1976d2; opacity: 1; transition: background-color 0.3s; } .custombar1 .ui-scrollpanel-bar:hover { background-color: #1976d2; } .panel-custom > .panel-heading { color: #000; background-color: #fff; border-color: #666; padding: 5px 10px; font-weight: 600; height: 30px; } .panel-custom .panel-body { padding: 10px; } .n-p-r { padding-right: 0 !important; } #graphDiv .node .label { text-align: center; line-height: 19px; } .custom-modal-header { background: #414862; border-radius: 3px; margin-top: -20px !important; margin: 0 15px; position: relative; color: #fff; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -6px #414658; border-width: 0; padding: 12px 15px; } .btn-info { color: #fff; background-color: #1c285a !important; border-color: #1c285a !important; } .breadcrumb { padding: 4px 15px !important; } .custom-modal-header h4 { color: #ffffff; font-size: 16px; font-weight: 300; margin: 0; } .custom_body { padding: 15px; } /* The Close Button */ .custom-modal-header .close { color: #ffffff; position: absolute; font-size: 18; font-weight: bold; opacity: 1; right: 10px; top: 5px; font-weight: 400; } .custom-modal-header .modal-title { margin: 0; line-height: normal; color: #fff; font-size: 17px; font-weight: 300; } .radio-inline, .checkbox-inline { font-size: 12px; padding-left: 0 !important; } .m-t-10 { margin-top: 10px; } .pull-right { float: right; } .text-right { text-align: right; } .modal-dialog { margin: 7.75rem auto !important; } .m-r-10 { margin-right: 10px !important; } .required { color: #ff0000; } .workflow_container ul { display: table; width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 0; font-size: 12px; padding-left: 0; } .workflow_container ul li { padding: 5px 4px; list-style: none; } .workflow_container ul:hover { background: #ddedf7; color: #000; cursor: pointer; } .stages_container ul li { list-style: none; font-size: 12px; display: block; vertical-align: middle; } .panel-body .list-group { border-radius: 0; } .box-header .box-title { padding-right: 10px; } .form-control { font-size: 12px; } .btn-mini { padding: 0 3px; color: #fff; background: #000; margin-bottom: 0; width: 16px; height: 16px; line-height: 11px; display: inline-block; } .btn-mini span { font-size: 10px; } .headerc2 h5 { font-weight: 500; } .stages_container ul li .stage { display: inline-block; vertical-align: top; width: 85%; } .stages_container ul li:hover { background: #ddedf7; color: #000; cursor: pointer; } .form-group .control-label { font-size: 12px; } .btn_link { cursor: pointer; } .padding-15 { padding: 15px; } .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] { color: rgba(255, 255, 255, 0.26); } .ng5-slider .ng5-slider-pointer { cursor: pointer; width: 20px !important; height: 20px !important; top: -6px !important; background-color: #0db9f0; z-index: 3; border-radius: 16px; } .ng5-slider .ng5-slider-pointer:after { content: ""; width: 8px !important; height: 8px !important; position: absolute; top: 6px !important; left: 6px !important; border-radius: 4px; background: #fff; } ul.ngx-pagination { margin: 2px 0; white-space: nowrap; justify-content: flex-end; } .ngx-pagination { display: flex; padding-left: 0; list-style: none; border-radius: 4px; } .modal-lg-full { max-width: 90%; width: 90%; } .dropdown-icon { font-size: 14px; font-weight: 500; margin-right: 5px; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li ul { overflow-y: auto; max-height: 65vh; } .settings-panel h5 { font-size: 14px; } .settings-panel h6 { font-size: 13px; } .cdk-overlay-pane { width: 95vw !important; max-width: 95vw !important; } /* .content-header { position: relative; padding: 15px 15px 6px 15px; } .content { min-height: 250px; margin-right: auto; margin-left: auto; padding: 0 15px; } .btn-primary{ background-color: #1c285a !important; border-color: #1c285a !important; } */ /* Make clicks pass-through */ #nprogress { pointer-events: none; } #nprogress .bar { background: #29d; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px; } /* Fancy blur effect */ #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1.0; transform: rotate(3deg) translate(0px, -4px); } /* Remove these to get rid of the spinner */ #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E"); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } /* .bs-datepicker */ .bs-datepicker { display: flex; align-items: stretch; flex-flow: row wrap; background: #fff; box-shadow: 0 0 10px 0 #aaa; position: relative; z-index: 1; /* button */ /* .bs-datepicker-head */ /* .bs-datepicker-body */ /* .current-timedate */ /* .bs-datepicker-multiple */ /* .bs-datepicker-btns */ /*.bs-datepicker-custom-range */ /* .bs-datepicker-predefined-btns */ /* .bs-datepicker-buttons */ } .bs-datepicker:after { clear: both; content: ''; display: block; } .bs-datepicker bs-day-picker { float: left; } .bs-datepicker button:hover, .bs-datepicker button:focus, .bs-datepicker button:active, .bs-datepicker input:hover, .bs-datepicker input:focus, .bs-datepicker input:active, .bs-datepicker-btns button:hover, .bs-datepicker-btns button:focus, .bs-datepicker-btns button:active, .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:focus { outline: none; } .bs-datepicker-head { min-width: 270px; height: 50px; padding: 10px; border-radius: 3px 3px 0 0; text-align: justify; /* .bs-datepicker-head button */ } .bs-datepicker-head:after { content: ""; display: inline-block; vertical-align: top; width: 100%; } .bs-datepicker-head button { display: inline-block; vertical-align: top; padding: 0; height: 30px; line-height: 30px; border: 0; background: transparent; text-align: center; cursor: pointer; color: #fff; transition: 0.3s; } .bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active { background: rgba(221, 221, 221, 0.3); color: #f5f5f5; cursor: not-allowed; } .bs-datepicker-head button.next, .bs-datepicker-head button.previous { border-radius: 50%; width: 30px; height: 30px; } .bs-datepicker-head button.next span, .bs-datepicker-head button.previous span { font-size: 28px; line-height: 1; display: inline-block; position: relative; height: 100%; width: 100%; border-radius: 50%; } .bs-datepicker-head button.current { border-radius: 15px; max-width: 155px; padding: 0 13px; } .bs-datepicker-head button:hover { background-color: rgba(0, 0, 0, 0.1); } .bs-datepicker-head button:active { background-color: rgba(0, 0, 0, 0.2); } .bs-datepicker-body { padding: 10px; border-radius: 0 0 3px 3px; min-height: 232px; min-width: 278px; border: 1px solid #e9edf0; /* .bs-datepicker-body table */ } .bs-datepicker-body .days.weeks { position: relative; z-index: 1; } .bs-datepicker-body table { width: 100%; border-collapse: separate; border-spacing: 0; /* .bs-datepicker-body table.days */ /* .bs-datepicker-body table.weeks */ } .bs-datepicker-body table th { font-size: 13px; color: #9aaec1; font-weight: 400; text-align: center; } .bs-datepicker-body table td { color: #54708b; text-align: center; position: relative; padding: 0; } .bs-datepicker-body table td span { display: block; margin: 0 auto; font-size: 13px; border-radius: 50%; position: relative; /*z-index: 1;*/ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) { cursor: pointer; } .bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span, .bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) { background-color: #e9edf0; transition: 0s; } .bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span, .bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) { background-color: #e9edf0; transition: 0s; cursor: pointer; } .bs-datepicker-body table td span.disabled, .bs-datepicker-body table td.disabled span { color: #9aaec1; } .bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span { color: #fff; } .bs-datepicker-body table td span.is-other-month, .bs-datepicker-body table td.is-other-month span { color: rgba(0, 0, 0, 0.25); } .bs-datepicker-body table td.active { position: relative; } .bs-datepicker-body table td.active.select-start:before { left: 35%; } .bs-datepicker-body table td.active.select-end:before { left: -85%; } .bs-datepicker-body table td span.active.select-start:after, .bs-datepicker-body table td span.active.select-end:after, .bs-datepicker-body table td.active.select-start span:after, .bs-datepicker-body table td.active.select-end span:after { content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; transition: 0.3s; top: 0; border-radius: 50%; } .bs-datepicker-body table td:before, .bs-datepicker-body table td span:before { content: ""; display: block; position: absolute; z-index: -1; top: 6px; bottom: 6px; left: -2px; right: -2px; box-sizing: content-box; background: transparent; } .bs-datepicker-body table td.active.select-start + td.active:before { left: -20%; } .bs-datepicker-body table td:last-child.active:before { border-radius: 0 3px 3px 0; width: 125%; left: -25%; } .bs-datepicker-body table td span[class*="select-"], .bs-datepicker-body table td[class*="select-"] span { border-radius: 50%; color: #fff; } .bs-datepicker-body table.days td.active:not(.select-start):before, .bs-datepicker-body table.days td.in-range:not(.select-start):before, .bs-datepicker-body table.days span.active:not(.select-start):before, .bs-datepicker-body table.days span.in-range:not(.select-start):before { background: #e9edf0; } .bs-datepicker-body table.days span { width: 32px; height: 32px; line-height: 32px; } .bs-datepicker-body table.days span.select-start { z-index: 2; } .bs-datepicker-body table.days span.is-highlighted.in-range:before, .bs-datepicker-body table.days span.in-range.select-end:before { background: none; right: 0; left: 0; } .bs-datepicker-body table.days td.select-start + td.select-end:before, .bs-datepicker-body table.days td.select-start + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.select-end:before, .bs-datepicker-body table.days td.in-range + td.is-highlighted:before, .bs-datepicker-body table.days td.in-range + td.select-end:before { background: #e9edf0; width: 100%; } .bs-datepicker-body table.weeks tr td:nth-child(2).active:before { border-radius: 3px 0 0 3px; left: 0; width: 100%; } .bs-datepicker-body table:not(.weeks) tr td:first-child:before { border-radius: 3px 0 0 3px; } .bs-datepicker-body table.years td span { width: 46px; height: 46px; line-height: 45px; margin: 0 auto; } .bs-datepicker-body table.years tr:not(:last-child) td span { margin-bottom: 8px; } .bs-datepicker-body table.months td { height: 52px; } .bs-datepicker-body table.months td span { padding: 6px; border-radius: 15px; } .bs-datepicker .current-timedate { color: #54708b; font-size: 15px; text-align: center; height: 30px; line-height: 30px; border-radius: 20px; border: 1px solid #e9edf0; margin-bottom: 10px; cursor: pointer; text-transform: uppercase; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .bs-datepicker .current-timedate span:not(:empty):before { content: ""; width: 15px; height: 16px; display: inline-block; margin-right: 4px; vertical-align: text-bottom; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC); } .bs-datepicker-multiple { border-radius: 4px 0 0 4px; } .bs-datepicker-multiple + .bs-datepicker-multiple { margin-left: 10px; } .bs-datepicker-multiple .bs-datepicker { box-shadow: none; position: relative; } .bs-datepicker-multiple .bs-datepicker:not(:last-child) { padding-right: 10px; } .bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after { content: ""; display: block; width: 14px; height: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=); position: absolute; top: 25px; left: -8px; } .bs-datepicker-multiple .bs-datepicker .left { float: left; } .bs-datepicker-multiple .bs-datepicker .right { float: right; } .bs-datepicker-container { padding: 15px; } .bs-datepicker .bs-media-container { display: flex; } @media (max-width: 768px) { .bs-datepicker .bs-media-container { flex-direction: column; } } .bs-datepicker-custom-range { padding: 15px; background: #eee; } .bs-datepicker-predefined-btns button { width: 100%; display: block; height: 30px; background-color: #9aaec1; border-radius: 4px; color: #fff; border: 0; margin-bottom: 10px; padding: 0 18px; text-align: left; transition: 0.3s; } .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:hover { background-color: #54708b; } .bs-datepicker-buttons { display: flex; flex-flow: row wrap; justify-content: flex-end; padding-top: 10px; border-top: 1px solid #e9edf0; } .bs-datepicker-buttons .btn-default { margin-left: 10px; } /* .bs-timepicker */ .bs-timepicker-container { padding: 10px 0; } .bs-timepicker-label { color: #54708b; margin-bottom: 10px; } .bs-timepicker-controls { display: inline-block; vertical-align: top; margin-right: 10px; } .bs-timepicker-controls button { width: 20px; height: 20px; border-radius: 50%; border: 0; background-color: #e9edf0; color: #54708b; font-size: 16px; font-weight: 700; vertical-align: middle; line-height: 0; padding: 0; transition: 0.3s; } .bs-timepicker-controls button:hover { background-color: #d5dadd; } .bs-timepicker-controls input { width: 35px; height: 25px; border-radius: 13px; text-align: center; border: 1px solid #e9edf0; } .bs-timepicker .switch-time-format { text-transform: uppercase; min-width: 54px; height: 25px; border-radius: 20px; border: 1px solid #e9edf0; background: #fff; color: #54708b; font-size: 13px; } .bs-timepicker .switch-time-format img { vertical-align: initial; margin-left: 4px; } bs-datepicker-container, bs-daterangepicker-container { z-index: 1080; } /* screen size < 1024px */ @media (max-width: 768px) { .bs-datepicker-multiple { display: flex; } .bs-datepicker-multiple + .bs-datepicker-multiple { margin-top: 10px; margin-left: 0; } } /* theming */ .theme-default .bs-datepicker-head { background-color: #777; } .theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span, .theme-default .bs-datepicker-body table td span[class*="select-"]:after, .theme-default .bs-datepicker-body table td[class*="select-"] span:after { background-color: #777; } .theme-default .bs-datepicker-body table td.week span { color: #777; } .theme-default .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #777; color: #fff; opacity: 0.5; transition: 0s; } .theme-green .bs-datepicker-head { background-color: #5cb85c; } .theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span, .theme-green .bs-datepicker-body table td span[class*="select-"]:after, .theme-green .bs-datepicker-body table td[class*="select-"] span:after { background-color: #5cb85c; } .theme-green .bs-datepicker-body table td.week span { color: #5cb85c; } .theme-green .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #5cb85c; color: #fff; opacity: 0.5; transition: 0s; } .theme-blue .bs-datepicker-head { background-color: #5bc0de; } .theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span, .theme-blue .bs-datepicker-body table td span[class*="select-"]:after, .theme-blue .bs-datepicker-body table td[class*="select-"] span:after { background-color: #5bc0de; } .theme-blue .bs-datepicker-body table td.week span { color: #5bc0de; } .theme-blue .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #5bc0de; color: #fff; opacity: 0.5; transition: 0s; } .theme-dark-blue .bs-datepicker-head { background-color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span, .theme-dark-blue .bs-datepicker-body table td span[class*="select-"]:after, .theme-dark-blue .bs-datepicker-body table td[class*="select-"] span:after { background-color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td.week span { color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #337ab7; color: #fff; opacity: 0.5; transition: 0s; } .theme-red .bs-datepicker-head { background-color: #d9534f; } .theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span, .theme-red .bs-datepicker-body table td span[class*="select-"]:after, .theme-red .bs-datepicker-body table td[class*="select-"] span:after { background-color: #d9534f; } .theme-red .bs-datepicker-body table td.week span { color: #d9534f; } .theme-red .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #d9534f; color: #fff; opacity: 0.5; transition: 0s; } .theme-orange .bs-datepicker-head { background-color: #f0ad4e; } .theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span, .theme-orange .bs-datepicker-body table td span[class*="select-"]:after, .theme-orange .bs-datepicker-body table td[class*="select-"] span:after { background-color: #f0ad4e; } .theme-orange .bs-datepicker-body table td.week span { color: #f0ad4e; } .theme-orange .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #f0ad4e; color: #fff; opacity: 0.5; transition: 0s; } /*# sourceMappingURL=bs-datepicker.css.map */ html, body { height: 100%; } body { background-color: #edf2f9 !important; counter-reset: section !important; /* Set a counter named 'section', and its initial value is 0. */ } .chart_custom svg{ display: block !important; text-align: center !important; margin: 0 auto !important; } .full-width { width: 100%; } .full-height { height: 100%; } .daterangepicker .ranges li { color: #73879C } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #536A7F; border: 1px solid #536A7F; color: #fff } .daterangepicker .input-mini { background-color: #eee; border: 1px solid #ccc; box-shadow: none !important } .daterangepicker .input-mini.active { border: 1px solid #ccc } .daterangepicker select.monthselect, .daterangepicker select.yearselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; height: 30px; border: 1px solid #ADB2B5; line-height: 30px; border-radius: 0px !important } .daterangepicker select.monthselect { margin-right: 2% } .daterangepicker td.in-range { background: #E4E7EA; color: #73879C } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #536A7F; color: #fff } .daterangepicker th.available:hover { background: #eee; color: #34495E } .daterangepicker:before, .daterangepicker:after { content: none } .daterangepicker .calendar.single { margin: 0 0 4px 0 } .daterangepicker .calendar.single .calendar-table { width: 224px; padding: 0 0 4px 0 !important } .daterangepicker .calendar.single .calendar-table thead tr:first-child th { padding: 8px 5px } .daterangepicker .calendar.single .calendar-table thead th { border-radius: 0 } .daterangepicker.picker_1 { color: #fff; background: #34495E } .daterangepicker.picker_1 .calendar-table { background: #34495E } .daterangepicker.picker_1 .calendar-table thead tr { background: #213345 } .daterangepicker.picker_1 .calendar-table thead tr:first-child { background: #1ABB9C } .daterangepicker.picker_1 .calendar-table td.off { background: #34495E; color: #999 } .daterangepicker.picker_1 .calendar-table td.available:hover { color: #34495E } .daterangepicker.picker_2 .calendar-table thead tr { color: #1ABB9C } .daterangepicker.picker_2 .calendar-table thead tr:first-child { color: #73879C } .daterangepicker.picker_3 .calendar-table thead tr:first-child { color: #fff; background: #1ABB9C } .daterangepicker.picker_4 .calendar-table thead tr:first-child { color: #fff; background: #34495E } .daterangepicker.picker_4 .calendar-table td, .daterangepicker.picker_4 .calendar-table td.off { background: #ECF0F1; border: 1px solid #fff; border-radius: 0 } .daterangepicker.picker_4 .calendar-table td.active { background: #34495E } .calendar-exibit .show-calendar { float: none; display: block; position: relative; background-color: #fff; border: 1px solid #ccc; margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, 0.15); overflow: hidden } .calendar-exibit .show-calendar .calendar { margin: 0 0 4px 0 } .calendar-exibit .show-calendar.picker_1 { background: #34495E } .calendar-exibit .calendar-table { padding: 0 0 4px 0 } .left_col { } .nav-sm .container.body .col-md-3.left_col { min-height: 100%; width: 70px; padding: 0; z-index: 9999; position: absolute } .left_col { background-color: #fff; bottom: 0; padding-bottom: 40px; white-space: nowrap; border-right: 2px solid #727377; box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2); transition: all .2s ease-in-out; } .nav-sm .container.body .col-md-3.left_col.menu_fixed { position: fixed; height: 100%; box-shadow: 0 0 10px 0 rgba(33,33,33,.2); -webkit-box-shadow: 0 0 10px 0 rgba(33,33,33,.2); -moz-box-shadow: 0 0 10px 0 rgba(33,33,33,.2); -o-box-shadow: 0 0 10px 0 rgba(33,33,33,.2); -ms-box-shadow: 0 0 10px 0 rgba(33,33,33,.2); } .nav-sm .container.body .col-md-3.left_col .mCSB_container, .nav-sm .container.body .col-md-3.left_col .mCustomScrollBox { overflow: visible } .nav-sm .hidden-small { visibility: hidden } .nav-sm .container.body .right_col { padding: 0px; margin-left: 70px; z-index: 2; padding-top:45px; } .nav-sm .navbar.nav_title { width: 70px } .nav-sm .navbar.nav_title a span { display: none } .nav-sm .navbar.nav_title a i { font-size: 27px; margin: 13px 0 0 3px } .site_title i { border: 1px solid #EAEAEA; padding: 5px 6px; border-radius: 50% } .site_title img { max-height: 66px; max-width: 180px; } .nav-sm .main_container .top_nav { display: block; margin-left: 70px; z-index: 2 } .nav-sm .profile { display: none } .menu_section { margin-bottom: 35px } .menu_section h3 { padding-left: 15px; color: #fff; text-transform: uppercase; letter-spacing: .5px; font-weight: bold; font-size: 11px; margin-bottom: 0; margin-top: 0; text-shadow: 1px 1px #000 } .menu_section > ul { margin-top: 0px } .profile_pic { width: 35%; float: left } .img-circle.profile_img { width: 70%; background: #fff; margin-left: 15%; z-index: 1000; position: inherit; margin-top: 10px; border: 1px solid rgba(52, 73, 94, 0.44); padding: 4px } .dashboard_menu { margin-bottom: 10px; } .legend_box { margin:5px 0; display: inline-block; margin-top: -25px; position: absolute; } .right_btn_group{ text-align: right; display: inline-block; float: right; } .form-inline .form-group { margin-right: 5px; } .btn, .btn-group >.btn { position: relative; flex: 1 1 auto; } .form-group .control-label{ color:#000000; } .dashboard_menu span { font-weight: 500; line-height: normal; color: #1c285a; background: #ffffff; padding: 8px 5px 6px 5px; text-transform: none; text-align: left!important; font-size: 13px; min-height: 30px; cursor: pointer; margin-right: 10px; } .box-body1 { background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius:6px; background: #fff; width: 100%; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); box-shadow: 0 1px 4px 0 rgba(0,0,0,.14); padding: 15px; margin-top: 4px; margin-bottom: 0px; } .profile_info { padding: 10px; width: 65%; float: left } .profile_info span { font-size: 13px; line-height: 30px; color: #BAB8B8 } .profile_info h2 { font-size: 14px; color: #ECF0F1; margin: 0; font-weight: 300 } .profile.img_2 { text-align: center } .profile.img_2 .profile_pic { width: 100% } .profile.img_2 .profile_pic .img-circle.profile_img { width: 50%; margin: 10px 0 0 } .profile.img_2 .profile_info { padding: 15px 10px 0; width: 100%; margin-bottom: 10px; float: left } .active a span.fa { text-align: right !important; margin-right: 4px } @media (min-width: 480px) { .nav_menu { position: static } } .nav-md .container.body .col-md-3.left_col { box-shadow: 0 0 10px 0 rgba(33,33,33,.2); -webkit-box-shadow: 0 0 10px 0 rgba(33,33,33,.2); -moz-box-shadow: 0 0 10px 0 rgba(33,33,33,.2); -o-box-shadow: 0 0 10px 0 rgba(33,33,33,.2); -ms-box-shadow: 0 0 10px 0 rgba(33,33,33,.2); min-height: 100%; width: 230px; padding: 0; position: absolute; display: flex; z-index: 1 } .nav-md .container.body .col-md-3.left_col.menu_fixed { height: 100%; position: fixed } .right_col12{ margin-left:0 !important; padding: 0 !important; } .nav-md .container.body .right_col { padding: 10px 20px 0; margin-left: 230px; padding-top: 50px; } .nav_title { width: 100%; float: left; background-color: #1e2746; border-radius: 0; } @media (max-width: 991px) { .nav-md .container.body .right_col, .nav-md .container.body .top_nav { width: 100%; margin: 0 } .nav-md .container.body .col-md-3.left_col { display: none } .nav-md .container.body .right_col { width: 100%; padding-right: 0 } .right_col { padding: 10px !important } } @media (max-width: 1200px) { .x_title h2 { width: 62%; font-size: 17px } .tile, .graph { zoom: 85%; height: inherit } } @media (max-width: 1270px) and (min-width: 192px) { .x_title h2 small { display: none } } .left_col .mCSB_scrollTools { width: 6px } .left_col .mCSB_dragger { max-height: 400px !important } .blue { color: #3498DB } .purple { color: #9B59B6 } .green { color: #5cb85c !important; } .darkgreen { color: #5cb85c !important; } .aero { color: #9CC2CB } .red { color: #f71d05 !important; } .dark { color: #34495E } .border-blue { border-color: #3498DB !important } .border-purple { border-color: #9B59B6 !important } .border-green { border-color: #1ABB9C !important } .border-aero { border-color: #9CC2CB !important } .border-red { border-color: #E74C3C !important } .info-box-icon.bg-red{ background-color: transparent !important; border: 2px solid #E74C3C !important; color: initial !important; } .border-dark { border-color: #34495E !important } .bg-green { background: #1ABB9C !important; color: #fff } .info-box-icon.bg-green{ background-color: transparent !important; border: 2px solid #1ABB9C !important; color: initial !important; } .info-box-icon.bg-yellow{ background-color: transparent !important; border: 2px solid #f39c12 !important; color: initial !important; } .bg-yellow { background: #f39c12 !important; color: #fff } .info-box-icon.bg-red{ background-color: transparent !important; border: 2px solid #E74C3C !important; color: initial !important; } .bg-red { background: #E74C3C !important; border: 1px solid #E74C3C !important; color: #fff } .bg-blue { background: #3498DB !important; border: 1px solid #3498DB !important; color: #fff } .info-box-icon.bg-blue{ background-color: transparent !important; border: 2px solid #3498DB !important; color: initial !important; } .bg-orange { background: #F39C12 !important; border: 1px solid #F39C12 !important; color: #fff } .bg-purple { background: #9B59B6 !important; border: 1px solid #9B59B6 !important; color: #fff } .bg-blue-sky { background: #50C1CF !important; border: 1px solid #50C1CF !important; color: #fff } .container { width: 100%; padding: 0 } .navbar-nav > li > a, .navbar-brand, .navbar-nav > li > a { color: #fff !important } .top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover, .top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover { background: #f5f2f03d } .btn-link:hover, .btn-link:focus { color: #1c285a; } body { color: #000000; background: #1c285a; font-family: Helvetica Neue, "Roboto", Arial, "Droid Sans", sans-serif; font-size: 12px; font-weight: 400; line-height: 1.471 } .main_container { } .titlt-icon { } .main_container .top_nav { display: block; margin-left: 230px } .copyright { text-align: right; } .no-padding { padding: 0 !important } .page-title { width: 100%; height: 65px; padding: 10px 0 } .page-title .title_left { width: 45%; float: left; display: block } .page-title .title_left h3 { margin: 9px 0 } .page-title .title_right { width: 55%; float: left; display: block } .page-title .title_right .pull-right { margin: 10px 0 } .fixed_height_320 { height: 320px } .fixed_height_390 { height: 390px } .fixed_height_200 { height: 200px } .overflow_hidden { overflow: hidden } .progress-bar-dark { background-color: #34495E !important } .progress-bar-gray { background-color: #BDC3C7 !important } table.no-margin .progress { margin-bottom: 0 } .main_content { padding: 10px 20px } .col-md-55 { width: 50%; margin-bottom: 10px } @media (min-width: 768px) { .col-md-55 { width: 20% } } @media (min-width: 992px) { .col-md-55 { width: 20% } } @media (min-width: 1200px) { .col-md-55 { width: 20% } } @media (min-width: 192px) and (max-width: 1270px) { table.tile_info span.right { margin-right: 7px; float: left } } .center-margin { margin: 0 auto; float: none !important } .row { margin-right: -10px; margin-left: -10px } .grid_slider .col-md-6 { padding: 0 40px } h1, .h1, h2, .h2, h3, .h3 { margin-top: 10px; margin-bottom: 10px } a { color: #5A738E; text-decoration: none } a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 0 } a:hover, a:focus { text-decoration: none } .navbar { margin-bottom: 0; position: relative; min-height: 40px; } .navbar-header { background: #34495E } .navbar-right { margin-right: 0 } .top_nav .navbar-right { margin: 0; width: 70%; float: right } .top_nav .navbar-right li { display: inline-block; float: right; position: static } @media (min-width: 480px) { .top_nav .navbar-right li { position: relative } } .top_nav .dropdown-menu li { width: 100% } .top_nav .dropdown-menu li a { width: 100%; padding: 12px 20px } .top_nav li a i { font-size: 15px } .navbar-static-top { position: fixed; top: 0; width: 100% } .sidebar-header { border-bottom: 0; margin-top: 46px } .sidebar-header:first-of-type { margin-top: 0 } .site_title { text-overflow: ellipsis; overflow: hidden; font-weight: 400; font-size: 22px; width: 100%; color: #ECF0F1 !important; margin-left: 0 !important; margin-left: 0 !important; line-height: 44px; display: block; height: 44px; margin: 0; padding-left: 15px; } .site_title:hover, .site_title:focus { text-decoration: none } .nav.navbar-nav > li > a { } .nav.top_menu > li > a { position: relative; display: block; padding: 10px 15px; color: #34495E !important } .nav > li > a:hover, .nav > li > a:focus { background-color: transparent } .top_search { padding: 0 } .top_search .form-control { border-right: 0; box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075); border-radius: 25px 0px 0px 25px; padding-left: 20px; border: 1px solid rgba(221, 226, 232, 0.49) } .top_search .form-control:focus { border: 1px solid rgba(221, 226, 232, 0.49); border-right: 0 } .top_search .input-group-btn button { border-radius: 0px 25px 25px 0px; border: 1px solid rgba(221, 226, 232, 0.49); border-left: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); color: #93A2B2; margin-bottom: 0 !important } .toggle { float: left; margin: 0; padding-top: 12px; width: 70px } .toggle a { padding: 10px 15px 0; margin: 0; cursor: pointer; color: #ffffff; } .toggle a i { font-size: 18px } .nav.child_menu > li > a { font-size: 12px; padding: 9px } .panel_toolbox { float: right; min-width: 70px } .panel_toolbox > li { float: left; cursor: pointer } .panel_toolbox > li > a { padding: 5px; color: #C5C7CB; font-size: 14px } .panel_toolbox > li > a:hover { background: #F5F7FA } .line_30 { line-height: 30px } .main_menu_side { padding: 0 } .bs-docs-sidebar .nav > li > a { display: block; padding: 4px 6px } .tile-stats.sparkline { padding: 10px; text-align: center } .jqstooltip { background: #34495E !important; width: 30px !important; height: 22px !important; text-decoration: none } .tooltip { display: block !important } .tiles { border-top: 1px solid #ccc; margin-top: 15px; padding-top: 5px; margin-bottom: 0 } .tile { overflow: hidden } .top_tiles { margin-bottom: 0 } .top_tiles .tile h2 { font-size: 30px; line-height: 30px; margin: 3px 0 7px; font-weight: bold } article.media { width: 100% } *, *:before, *:after { box-sizing: border-box } #integration-list { width: 100%; margin: 0 auto; display: table } #integration-list ul { padding: 0; margin: 20px 0; color: #555 } #integration-list ul > li { list-style: none; border-top: 1px solid #ddd; display: block; padding: 15px; overflow: hidden } #integration-list ul:last-child { border-bottom: 1px solid #ddd } #integration-list ul > li:hover { background: #efefef } .expand { display: block; text-decoration: none; color: #555; cursor: pointer } .expand h2 { width: 85%; float: left } h2 { font-size: 30px; font-weight: 400 } #left, #right { display: table } #sup { display: table-cell; vertical-align: middle; width: 80% } .detail a { text-decoration: none; color: #C0392B; border: 1px solid #C0392B; padding: 6px 10px 5px; font-size: 13px; margin-right: 7px } .detail { margin: 10px 0 10px 0px; display: none; line-height: 22px; height: 150px } .detail span { margin: 0 } .right-arrow { width: 10px; float: right; font-weight: bold; font-size: 20px } .accordion .panel { margin-bottom: 5px; border-radius: 0; border-bottom: 1px solid #efefef } .accordion .panel-heading { background: #F2F5F7; padding: 13px; width: 100%; display: block } .accordion .panel:hover { background: #F2F5F7 } .x_panel { position: relative; width: 100%; margin-bottom: 10px; padding: 10px 17px; display: inline-block; background-color: #ffffff; box-shadow: 0 1px 3px rgba(33,33,33,.2); -webkit-box-shadow: 0 1px 3px rgba(33,33,33,.2); -moz-box-shadow: 0 1px 3px rgba(33,33,33,.2); -o-box-shadow: 0 1px 3px rgba(33,33,33,.2); -ms-box-shadow: 0 1px 3px rgba(33,33,33,.2); -moz-column-break-inside: avoid; column-break-inside: avoid; opacity: 1; transition: all .2s ease } .x_title { border-bottom: 2px solid #E6E9ED; padding: 1px 5px 6px; margin-bottom: 10px } .x_title .filter { width: 40%; float: right } .x_title h2 { margin: 5px 0 6px; float: left; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .x_title h2 small { margin-left: 10px } .x_title span { color: #BDBDBD } .x_content { padding: 0 5px 6px; position: relative; width: 100%; float: left; clear: both; margin-top: 5px } .x_content h4 { font-size: 16px; font-weight: 500 } legend { padding-bottom: 7px } .demo-placeholder { height: 280px } .profile_details:nth-child(3n) { clear: both } .profile_details .profile_view { display: inline-block; padding: 10px 0 0; background: #fff } .profile_details .profile_view .divider { border-top: 1px solid #e5e5e5; padding-top: 5px; margin-top: 5px } .profile_details .profile_view .ratings { margin-bottom: 0 } .profile_details .profile_view .bottom { background: #F2F5F7; padding: 9px 0; border-top: 1px solid #E6E9ED } .profile_details .profile_view .left { margin-top: 20px } .profile_details .profile_view .left p { margin-bottom: 3px } .profile_details .profile_view .right { margin-top: 0px; padding: 10px } .profile_details .profile_view .img-circle { border: 1px solid #E6E9ED; padding: 2px } .profile_details .profile_view h2 { margin: 5px 0 } .profile_details .profile_view .ratings { text-align: left; font-size: 16px } .profile_details .profile_view .brief { margin: 0; font-weight: 300 } .profile_details .profile_left { background: white } .pagination.pagination-split li { display: inline-block; margin-right: 3px } .pagination.pagination-split li a { border-radius: 4px; color: #768399; -moz-border-radius: 4px; -webkit-border-radius: 4px } table.tile h3, table.tile h4, table.tile span { font-weight: bold; vertical-align: middle !important } table.tile th, table.tile td { text-align: center } table.tile th { border-bottom: 1px solid #E6ECEE } table.tile td { padding: 5px 0 } table.tile td ul { text-align: left; padding-left: 0 } table.tile td ul li { list-style: none; width: 100% } table.tile td ul li a { width: 100% } table.tile td ul li a big { right: 0; float: right; margin-right: 13px } table.tile_info { width: 100% } table.tile_info td { text-align: left; padding: 1px; font-size: 15px } table.tile_info td p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; line-height: 28px } table.tile_info td i { margin-right: 8px; font-size: 17px; float: left; width: 18px; line-height: 28px } table.tile_info td:first-child { width: 83% } td span { line-height: inherit } .sidebar-widget { overflow: hidden } .error-number { font-size: 90px; line-height: 90px; margin: 20px 0 } .col-middle { margin-top: 5% } .mid_center { width: 370px; margin: 0 auto; text-align: center; padding: 10px 20px } h3.degrees { font-size: 22px; font-weight: 400; text-align: center } .degrees:after { content: "o"; position: relative; top: -12px; font-size: 13px; font-weight: 300 } .daily-weather .day { font-size: 14px; border-top: 2px solid rgba(115, 135, 156, 0.36); text-align: center; border-bottom: 2px solid rgba(115, 135, 156, 0.36); padding: 5px 0 } .weather-days .col-sm-2 { overflow: hidden; width: 16.66666667% } .weather .row { margin-bottom: 0 } .bulk-actions { display: none } table.countries_list { width: 100% } table.countries_list td { padding: 0 10px; line-height: 30px; border-top: 1px solid #eeeeee } .dataTables_paginate a { padding: 6px 9px !important; background: #ddd !important; border-color: #ddd !important } .paging_full_numbers a.paginate_active { background-color: rgba(38, 185, 154, 0.59) !important; border-color: rgba(38, 185, 154, 0.59) !important } button.DTTT_button, div.DTTT_button, a.DTTT_button { border: 1px solid #E7E7E7 !important; background: #E7E7E7 !important; box-shadow: none !important } table.jambo_table tbody tr:hover td { background: rgba(38, 185, 154, 0.07); border-top: 1px solid rgba(38, 185, 154, 0.11); border-bottom: 1px solid rgba(38, 185, 154, 0.11) } table.jambo_table tbody tr.selected { background: rgba(38, 185, 154, 0.16) } table.jambo_table tbody tr.selected td { border-top: 1px solid rgba(38, 185, 154, 0.4); border-bottom: 1px solid rgba(38, 185, 154, 0.4) } .dataTables_paginate a { background: #ff0000 } .dataTables_wrapper { position: relative; clear: both; zoom: 1 } .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white } .dataTables_length { width: 40%; float: left } .dataTables_filter { width: 50%; float: right; text-align: right } .dataTables_info { width: 60%; float: left } .dataTables_paginate { float: right; text-align: right } table.dataTable th.focus, table.dataTable td.focus { outline: 2px solid #1ABB9C !important; outline-offset: -1px } table.display { margin: 0 auto; clear: both; width: 100% } table.display thead th { padding: 8px 18px 8px 10px; border-bottom: 1px solid black; font-weight: bold; cursor: pointer } table.display tfoot th { padding: 3px 18px 3px 10px; border-top: 1px solid black; font-weight: bold } table.display tr.heading2 td { border-bottom: 1px solid #aaa } table.display td { padding: 3px 10px } table.display td.center { text-align: center } table.display thead th:active, table.display thead td:active { outline: none } .dataTables_scroll { clear: both } .dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch } .top .dataTables_info { float: none } .clear { clear: both } .dataTables_empty { text-align: center } tfoot input { margin: 0.5em 0; width: 100%; color: #444 } tfoot input.search_init { color: #999 } td.group { background-color: #d1cfd0; border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E } td.details { background-color: #d1cfd0; border: 2px solid #A19B9E } .example_alt_pagination div.dataTables_info { width: 40% } .paging_full_numbers { width: 400px; height: 22px; line-height: 22px } .paging_full_numbers a:active { outline: none } .paging_full_numbers a:hover { text-decoration: none } .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer } .paging_full_numbers a.paginate_button { background-color: #ddd } .paging_full_numbers a.paginate_button:hover { background-color: #ccc; text-decoration: none !important } .paging_full_numbers a.paginate_active { background-color: #99B3FF } table.display tr.even.row_selected td { background-color: #B0BED9 } table.display tr.odd.row_selected td { background-color: #9FAFD1 } ul.msg_list li { background: #f7f7f7; padding: 5px; display: flex; margin: 6px 6px 0; width: 96% !important } ul.msg_list li:last-child { margin-bottom: 6px; padding: 10px } ul.msg_list li a { padding: 3px 5px !important } ul.msg_list li a .image img { border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; float: left; margin-right: 10px; width: 11% } ul.msg_list li a .time { font-size: 11px; font-style: italic; font-weight: bold; position: absolute; right: 35px } ul.msg_list li a .message { display: block !important; font-size: 11px } .info-number .badge { font-size: 10px; font-weight: normal; line-height: 13px; padding: 2px 6px; position: absolute; right: 2px; top: 8px } ul.to_do { padding: 0 } ul.to_do li { background: #f3f3f3; border-radius: 3px; position: relative; padding: 7px; margin-bottom: 5px; list-style: none } ul.to_do p { margin: 0 } .dashboard-widget { background: #f6f6f6; border-top: 5px solid #79C3DF; border-radius: 3px; padding: 5px 10px 10px } .dashboard-widget .dashboard-widget-title { font-weight: normal; border-bottom: 1px solid #c1cdcd; margin: 0 0 10px 0; padding-bottom: 5px; padding-left: 40px; line-height: 30px } .dashboard-widget .dashboard-widget-title i { font-size: 100%; margin-left: -35px; margin-right: 10px; color: #33a1c9; padding: 3px 6px; border: 1px solid #abd9ea; border-radius: 5px; background: #fff } ul.quick-list { width: 45%; padding-left: 0; display: inline-block } ul.quick-list li { padding-left: 10px; list-style: none; margin: 0; padding-bottom: 6px; padding-top: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } ul.quick-list li i { padding-right: 10px; color: #757679 } .dashboard-widget-content { padding-top: 9px } .dashboard-widget-content .sidebar-widget { width: 50%; display: inline-block; vertical-align: top; background: #fff; border: 1px solid #abd9ea; border-radius: 5px; text-align: center; float: right; padding: 2px; margin-top: 10px } .widget_summary { width: 100%; display: inline-flex } .widget_summary .w_left { float: left; text-align: left } .widget_summary .w_center { float: left } .widget_summary .w_right { float: left; text-align: right } .widget_summary .w_right span { font-size: 20px } .w_20 { width: 20% } .w_25 { width: 25% } .w_55 { width: 55% } h5.graph_title { text-align: left; margin-left: 10px } h5.graph_title i { margin-right: 10px; font-size: 17px } span.right { float: right; font-size: 14px !important } .tile_info a { text-overflow: ellipsis } .tile_count { margin-bottom: 20px; margin-top: 20px } .tile_count .tile_stats_count { border-bottom: 1px solid #D9DEE4; padding: 0 10px 0 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative } @media (min-width: 992px) { .tile_count .tile_stats_count { margin-bottom: 10px; border-bottom: 0; padding-bottom: 10px } } .tile_count .tile_stats_count:before { content: ""; position: absolute; left: 0; height: 65px; border-left: 2px solid #ADB2B5; margin-top: 10px } @media (min-width: 992px) { .tile_count .tile_stats_count:first-child:before { border-left: 0 } } .tile_count .tile_stats_count .count { font-size: 30px; line-height: 47px; font-weight: 600 } @media (min-width: 768px) { .tile_count .tile_stats_count .count { font-size: 40px } } @media (min-width: 992px) and (max-width: 1100px) { .tile_count .tile_stats_count .count { font-size: 30px } } .tile_count .tile_stats_count span { font-size: 12px } @media (min-width: 768px) { .tile_count .tile_stats_count span { font-size: 13px } } .tile_count .tile_stats_count .count_bottom i { width: 12px } .dashboard_graph { background: #fff; padding: 7px 10px } .dashboard_graph .col-md-9, .dashboard_graph .col-md-3 { padding: 0 } a.user-profile { color: #5E6974 !important } .user-profile img { width: 29px; height: 29px; border-radius: 50%; margin-right: 10px } ul.top_profiles { height: 330px; width: 100% } ul.top_profiles li { margin: 0; padding: 3px 5px } ul.top_profiles li:nth-child(odd) { background-color: #eee } .media .profile_thumb { border: 1px solid; width: 50px; height: 50px; margin: 5px 10px 5px 0; border-radius: 50%; padding: 9px 12px } .media .profile_thumb i { font-size: 30px } .media .date { background: #ccc; width: 52px; margin-right: 10px; border-radius: 10px; padding: 5px } .media .date .month { margin: 0; text-align: center; color: #fff } .media .date .day { text-align: center; color: #fff; font-size: 27px; margin: 0; line-height: 27px; font-weight: bold } .event .media-body a.title { font-weight: bold } .event .media-body p { margin-bottom: 0 } h4.graph_title { margin: 7px; text-align: center } .fontawesome-icon-list .fa-hover a:hover { background-color: #ddd; color: #fff; text-decoration: none } .fontawesome-icon-list .fa-hover a { display: block; line-height: 32px; height: 32px; padding-left: 10px; border-radius: 4px } .fontawesome-icon-list .fa-hover a:hover .fa { font-size: 28px; vertical-align: -6px } .fontawesome-icon-list .fa-hover a .fa { width: 32px; font-size: 16px; display: inline-block; text-align: right; margin-right: 10px } .tile-stats { position: relative; display: block; margin-bottom: 12px; border: 1px solid #E4E4E4; -webkit-border-radius: 5px; overflow: hidden; padding-bottom: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px; -moz-background-clip: padding; border-radius: 5px; background-clip: padding-box; background: #FFF; transition: all 300ms ease-in-out } .tile-stats:hover .icon i { animation-name: transformAnimation; animation-duration: .5s; animation-iteration-count: 1; color: rgba(58, 58, 58, 0.41); animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-name: transformAnimation; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-name: transformAnimation; -moz-animation-duration: .5s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards } .tile-stats .icon { width: 20px; height: 20px; color: #BAB8B8; position: absolute; right: 53px; top: 22px; z-index: 1 } .tile-stats .icon i { margin: 0; font-size: 60px; line-height: 0; vertical-align: bottom; padding: 0 } .tile-stats .count { font-size: 38px; font-weight: bold; line-height: 1.65857 } .tile-stats .count, .tile-stats h3, .tile-stats p { position: relative; margin: 0; margin-left: 10px; z-index: 5; padding: 0 } .tile-stats h3 { color: #BAB8B8 } .tile-stats p { margin-top: 5px; font-size: 12px } .tile-stats > .dash-box-footer { position: relative; text-align: center; margin-top: 5px; padding: 3px 0; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; z-index: 10; background: rgba(0, 0, 0, 0.1); text-decoration: none } .tile-stats > .dash-box-footer:hover { color: #fff; background: rgba(0, 0, 0, 0.15) } .tile-stats > .dash-box-footer:hover { color: #fff; background: rgba(0, 0, 0, 0.15) } table.tile_info { padding: 10px 15px } table.tile_info span.right { margin-right: 0; float: right; position: absolute; right: 4% } .tile:hover { text-decoration: none } .tile_header { border-bottom: transparent; padding: 7px 15px; margin-bottom: 15px; background: #E7E7E7 } .tile_head h4 { margin-top: 0; margin-bottom: 5px } .tiles-bottom { padding: 5px 10px; margin-top: 10px; background: rgba(194, 194, 194, 0.3); text-align: left } a.star { color: #428bca !important } .mail_content { background: none repeat scroll 0 0 #FFFFFF; border-radius: 4px; margin-top: 20px; min-height: 500px; padding: 10px 11px; width: 100% } .list-btn-mail { margin-bottom: 15px } .list-btn-mail.active { border-bottom: 1px solid #39B3D7; padding: 0 0 14px } .list-btn-mail > i { float: left; font-size: 18px; font-style: normal; width: 33px } .list-btn-mail > .cn { background: none repeat scroll 0 0 #39B3D7; border-radius: 12px; color: #FFFFFF; float: right; font-style: normal; padding: 0 5px } .button-mail { margin: 0 0 15px !important; text-align: left; width: 100% } .mail_list_column { border-left: 1px solid #DBDBDB } .mail_view { border-left: 1px solid #DBDBDB } .mail_list { width: 100%; border-bottom: 1px solid #DBDBDB; margin-bottom: 2px; display: inline-block } .mail_list .left { width: 5%; float: left; margin-right: 3% } .mail_list .right { width: 90%; float: left } .mail_list h3 { font-size: 15px; font-weight: bold; margin: 0px 0 6px } .mail_list h3 small { float: right; color: #ADABAB; font-size: 11px; line-height: 20px } .mail_list .badge { padding: 3px 6px; font-size: 8px; background: #BAB7B7 } @media (max-width: 767px) { .mail_list { margin-bottom: 5px; display: inline-block } } .mail_heading h4 { font-size: 18px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 20px } .attachment { margin-top: 30px } .attachment ul { width: 100%; list-style: none; padding-left: 0; display: inline-block; margin-bottom: 30px } .attachment ul li { float: left; width: 150px; margin-right: 10px; margin-bottom: 10px } .attachment ul li img { height: 150px; border: 1px solid #ddd; padding: 5px; margin-bottom: 10px } .attachment ul li span { float: right } .attachment .file-name { float: left } .attachment .links { width: 100%; display: inline-block } .compose { padding: 0; position: fixed; bottom: 0; right: 0; background: #fff; border: 1px solid #D9DEE4; border-right: 0; border-bottom: 0; border-top-left-radius: 5px; z-index: 9999; display: none } .compose .compose-header { padding: 5px; background: #169F85; color: #fff; border-top-left-radius: 5px } .compose .compose-header .close { text-shadow: 0 1px 0 #ffffff; line-height: .8 } .compose .compose-body .editor.btn-toolbar { margin: 0 } .compose .compose-body .editor-wrapper { height: 100%; min-height: 50px; max-height: 180px; border-radius: 0; border-left: none; border-right: none; overflow: auto } .compose .compose-footer { padding: 10px } .editor.btn-toolbar { zoom: 1; background: #F7F7F7; margin: 5px 2px; padding: 3px 0; border: 1px solid #EFEFEF } .ln_solid { border-top: 1px solid #e5e5e5; color: #ffffff; background-color: #ffffff; height: 1px; margin: 20px 0 } span.section { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5 } .form-control { border-radius: 0; width: 100% } .form-horizontal .control-label { padding-top: 8px } .form-control:focus { border-color: #CCD0D7; box-shadow: none !important } legend { font-size: 18px; color: inherit } .form-control-feedback { margin-top: 8px; height: 23px; color: #bbb; line-height: 24px; font-size: 15px } .form-control-feedback.left { border-right: 1px solid #ccc; left: 13px } .form-control-feedback.right { border-left: 1px solid #ccc; right: 13px } .form-control.has-feedback-left { padding-left: 45px } .form-control.has-feedback-right { padding-right: 45px } .form-group { margin-bottom: 10px } .validate { margin-top: 10px } .invalid-form-error-message { margin-top: 10px; padding: 5px } .invalid-form-error-message.filled { border-left: 2px solid #E74C3C } p.parsley-success { color: #468847; background-color: #DFF0D8; border: 1px solid #D6E9C6 } p.parsley-error { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7 } ul.parsley-errors-list { list-style: none; color: #E74C3C; padding-left: 0 } input.parsley-error, textarea.parsley-error, select.parsley-error { background: #FAEDEC; border: 1px solid #E85445 } .btn-group .parsley-errors-list { display: none } .bad input, .bad select, .bad textarea { border: 1px solid #CE5454; box-shadow: 0 0 4px -2px #CE5454; position: relative; left: 0; -moz-animation: .7s 1 shake linear; -webkit-animation: 0.7s 1 shake linear } .item input, .item textarea { transition: 0.42s } .item .alert { float: left; margin: 0 0 0 20px; padding: 3px 10px; color: #FFF; border-radius: 3px 4px 4px 3px; background-color: #CE5454; max-width: 170px; white-space: pre; position: relative; left: -15px; opacity: 0; z-index: 1; transition: 0.15s ease-out } .item .alert::after { content: ''; display: block; height: 0; width: 0; border-color: transparent #CE5454 transparent transparent; border-style: solid; border-width: 11px 7px; position: absolute; left: -13px; top: 1px } .item.bad .alert { left: 0; opacity: 1 } .inl-bl { display: inline-block } .well .markup { background: #fff; color: #777; position: relative; padding: 45px 15px 15px; margin: 15px 0 0 0; background-color: #fff; border-radius: 0 0 4px 4px; box-shadow: none } .well .markup::after { content: "Example"; position: absolute; top: 15px; left: 15px; font-size: 12px; font-weight: bold; color: #bbb; text-transform: uppercase; letter-spacing: 1px } .autocomplete-suggestions { border: 1px solid #e4e4e4; background: #F4F4F4; cursor: default; overflow: auto } .autocomplete-suggestion { padding: 2px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden } .autocomplete-selected { background: #f0f0f0 } .autocomplete-suggestions strong { font-weight: normal; color: #3399ff; font-weight: bolder } .btn { border-radius: 3px } a.btn-success, a.btn-primary, a.btn-warning, a.btn-danger { color: #fff } .btn-success { background: #26B99A; border: 1px solid #169F85 } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background: #169F85 } .btn-dark { color: #E9EDEF; background-color: #4B5F71; border-color: #364B5F } .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark { color: #FFFFFF; background-color: #394D5F; border-color: #394D5F } .btn-round { border-radius: 30px } .btn.btn-app { position: relative; padding: 15px 5px; margin: 0 0 15px 0px; min-width: 80px; height: 60px; box-shadow: none; border-radius: 0; text-align: center; color: #666; border: 1px solid #ddd; background-color: #fafafa; font-size: 12px } .btn.btn-app > .fa, .btn.btn-app > .glyphicon, .btn.btn-app > .ion { font-size: 20px; display: block } .btn.btn-app:hover { background: #f4f4f4; color: #444; border-color: #aaa } .btn.btn-app:active, .btn.btn-app:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) } .btn.btn-app > .badge { position: absolute; top: -3px; right: -10px; font-size: 10px; font-weight: 400 } textarea { padding: 10px; vertical-align: top; width: 200px } textarea:focus { outline-style: solid; outline-width: 2px } .btn_ { display: inline-block; padding: 3px 9px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #cccccc; border-bottom-color: #b3b3b3; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) } .bs-glyphicons { margin: 0 -10px 20px; overflow: hidden } .bs-glyphicons-list { padding-left: 0; list-style: none } .bs-glyphicons li { float: left; width: 25%; height: 115px; padding: 10px; font-size: 10px; line-height: 1.4; text-align: center; background-color: #f9f9f9; border: 1px solid #fff } .bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px } .bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word } .bs-glyphicons li:hover { color: #fff; background-color: #1ABB9C } @media (min-width: 768px) { .bs-glyphicons { margin-right: 0; margin-left: 0 } .bs-glyphicons li { width: 12.5%; font-size: 12px } } .tagsinput { border: 1px solid #CCC; background: #FFF; padding: 6px 6px 0; width: 300px; overflow-y: auto } span.tag { -moz-border-radius: 2px; -webkit-border-radius: 2px; display: block; float: left; padding: 5px 9px; text-decoration: none; background: #1ABB9C; color: #F1F6F7; margin-right: 5px; font-weight: 500; margin-bottom: 5px; font-family: helvetica } span.tag a { color: #F1F6F7 !important } .tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration: none; font-size: 11px } .tagsinput input { width: 80px; margin: 0px; font-family: helvetica; font-size: 13px; border: 1px solid transparent; padding: 3px; background: transparent; color: #000; outline: 0px } .tagsinput div { display: block; float: left } .tags_clear { clear: both; width: 100%; height: 0px } .not_valid { background: #FBD8DB !important; color: #90111A !important } ul.bar_tabs { overflow: visible; background: #F5F7FA; height: 25px; margin: 21px 0 14px; padding-left: 14px; position: relative; z-index: 1; width: 100%; border-bottom: 1px solid #E6E9ED } ul.bar_tabs > li { border: 1px solid #E6E9ED; color: #333 !important; margin-top: -17px; margin-left: 8px; background: #fff; border-bottom: none; border-radius: 4px 4px 0 0 } ul.bar_tabs > li.active { border-right: 6px solid #D3D6DA; border-top: 0; margin-top: -15px } ul.bar_tabs > li a { padding: 10px 17px; background: #F5F7FA; margin: 0; border-top-right-radius: 0 } ul.bar_tabs > li a:hover { border: 1px solid transparent } ul.bar_tabs > li.active a { border-bottom: none } ul.bar_tabs.right { padding-right: 14px } ul.bar_tabs.right li { float: right } a:focus { outline: none } ul.timeline li { position: relative; border-bottom: 1px solid #e8e8e8; clear: both } .timeline .block { margin: 0; border-left: 3px solid #e8e8e8; overflow: visible; padding: 10px 15px; margin-left: 105px } .timeline.widget { min-width: 0; max-width: inherit } .timeline.widget .block { margin-left: 5px } .timeline .tags { position: absolute; top: 15px; left: 0; width: 84px } .timeline .tag { display: block; height: 30px; font-size: 13px; padding: 8px } .timeline .tag span { display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis } .tag { line-height: 1; background: #1ABB9C; color: #fff !important } .tag:after { content: " "; height: 30px; width: 0; position: absolute; left: 100%; top: 0; margin: 0; pointer-events: none; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 11px solid #1ABB9C } .timeline h2.title { position: relative; font-size: 16px; margin: 0 } .timeline h2.title:before { content: ""; position: absolute; left: -23px; top: 3px; display: block; width: 14px; height: 14px; border: 3px solid #d2d3d2; border-radius: 14px; background: #f9f9f9 } .timeline .byline { padding: .25em 0 } .byline { -webkit-font-smoothing: antialiased; font-style: italic; font-size: .9375em; line-height: 1.3; color: #aab6aa } ul.social li { border: 0 } .social-sidebar, .social-body { float: right } .social-sidebar { background: #EDEDED; width: 22% } .social-body { border: 1px solid #ccc; width: 78% } .thumb img { width: 50px; height: 50px; border-radius: 50% } .chat .thumb img { width: 27px; height: 27px; border-radius: 50% } .chat .status { float: left; margin: 16px 0 0 -16px; font-size: 14px; font-weight: bold; width: 12px; height: 12px; display: block; border: 2px solid #FFF; z-index: 12312; border-radius: 50% } .chat .status.online { background: #1ABB9C } .chat .status.away { background: #F39C12 } .chat .status.offline { background: #ccc } .chat .media-body { padding-top: 5px } .dashboard_graph .x_title { padding: 5px 5px 7px } .dashboard_graph .x_title h3 { margin: 0; font-weight: normal } .chart { position: relative; display: inline-block; width: 110px; height: 110px; margin-top: 5px; margin-bottom: 5px; text-align: center } .chart canvas { position: absolute; top: 0; left: 0 } .percent { display: inline-block; line-height: 110px; z-index: 2; font-size: 18px } .percent:after { content: '%'; margin-left: 0.1em; font-size: .8em } .angular { margin-top: 100px } .angular .chart { margin-top: 0 } .widget { min-width: 250px; max-width: 310px } .widget_tally_box .btn-group button { text-align: center } .widget_tally_box .btn-group button { color: inherit; font-weight: 500; background-color: #f5f5f5; border: 1px solid #e7e7e7 } ul.widget_tally, ul.widget_tally li { width: 100% } ul.widget_tally li { padding: 2px 10px; border-bottom: 1px solid #ECECEC; padding-bottom: 4px } ul.widget_tally .month { width: 70%; float: left } ul.widget_tally .count { width: 30%; float: left; text-align: right } .pie_bg { border-bottom: 1px solid rgba(101, 204, 182, 0.16); padding-bottom: 15px; border-radius: 4px; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); padding-bottom: 10px; box-shadow: 0 4px 6px -6px #222 } .widget_tally_box .flex { display: flex } ul.widget_profile_box { width: 100%; height: 42px; padding: 3px; background: #ececec; margin-top: 40px; margin-left: 1px } ul.widget_profile_box li:first-child { width: 25%; float: left } ul.widget_profile_box li:first-child a { float: left } ul.widget_profile_box li:last-child { width: 25%; float: right } ul.widget_profile_box li:last-child a { float: right } ul.widget_profile_box li a { font-size: 22px; text-align: center; width: 35px; height: 35px; border: 1px solid rgba(52, 73, 94, 0.44); display: block; border-radius: 50%; padding: 0px } ul.widget_profile_box li a:hover { color: #1ABB9C !important; border: 1px solid #26b99a } ul.widget_profile_box li .profile_img { width: 85px; height: 85px; margin: 0; margin-top: -28px } .widget_tally_box p, .widget_tally_box span { text-align: center } .widget_tally_box .name { text-align: center; margin: 25px } .widget_tally_box .name_title { text-align: center; margin: 5px } .widget_tally_box ul.legend { margin: 0 } .widget_tally_box ul.legend p, .widget_tally_box ul.legend span { text-align: left } .widget_tally_box ul.legend li .icon { font-size: 20px; float: left; width: 14px } .widget_tally_box ul.legend li .name { font-size: 14px; margin: 5px 0 0 14px; text-overflow: ellipsis; float: left } .widget_tally_box ul.legend p { display: inline-block; margin: 0 } .widget_tally_box ul.verticle_bars li { height: 140px; width: 23% } .widget .verticle_bars li .progress.vertical.progress_wide { width: 65% } ul.count2 { width: 100%; margin-left: 1px; border: 1px solid #ddd; border-left: 0; border-right: 0; padding: 10px 0 } ul.count2 li { width: 30%; text-align: center } ul.count2 li h3 { font-weight: 400; margin: 0 } ul.count2 li span { font-weight: 300 } .divider { border-bottom: 1px solid #ddd; margin: 10px } .divider-dashed { border-top: 1px dashed #e7eaec; background-color: #ffffff; height: 1px; margin: 10px 0 } ul.messages { padding: 0; list-style: none } ul.messages li, .tasks li { border-bottom: 1px dotted #e6e6e6; padding: 8px 0 } ul.messages li img.avatar, img.avatar { height: 32px; width: 32px; float: left; display: inline-block; border-radius: 2px; padding: 2px; background: #f7f7f7; border: 1px solid #e6e6e6 } ul.messages li .message_date { float: right; text-align: right } ul.messages li .message_wrapper { margin-left: 50px; margin-right: 40px } ul.messages li .message_wrapper h4.heading { font-weight: 600; margin: 0; cursor: pointer; margin-bottom: 10px; line-height: 100% } ul.messages li .message_wrapper blockquote { padding: 0px 10px; margin: 0; border-left: 5px solid #eee } ul.user_data li { margin-bottom: 6px } ul.user_data li p { margin-bottom: 0 } ul.user_data li .progress { width: 90% } .project_progress .progress { margin-bottom: 3px !important; margin-top: 5px } .projects .list-inline { margin: 0 } .profile_title { background: #F5F7FA; border: 0; padding: 7px 0; display: flex } ul.stats-overview { border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; margin-bottom: 10px } ul.stats-overview li { display: inline-block; text-align: center; padding: 0 15px; width: 30%; font-size: 14px; border-right: 1px solid #e8e8e8 } ul.stats-overview li:last-child { border-right: 0 } ul.stats-overview li .name { font-size: 12px } ul.stats-overview li .value { font-size: 14px; font-weight: bold; display: block } ul.stats-overview li:first-child { padding-left: 0 } ul.project_files li { margin-bottom: 5px } ul.project_files li a i { width: 20px } .project_detail p { margin-bottom: 10px } .project_detail p.title { font-weight: bold; margin-bottom: 0 } .avatar img { border-radius: 50%; max-width: 45px } .pricing { background: #fff } .pricing .title { background: #1ABB9C; height: 110px; color: #fff; padding: 15px 0 0; text-align: center } .pricing .title h2 { text-transform: capitalize; font-size: 18px; border-radius: 5px 5px 0 0; margin: 0; font-weight: 400 } .pricing .title h1 { font-size: 30px; margin: 12px } .pricing .title span { background: rgba(51, 51, 51, 0.28); padding: 2px 5px } .pricing_features { background: #FAFAFA; padding: 20px 15px; min-height: 230px; font-size: 13.5px } .pricing_features ul li { margin-top: 10px } .pricing_footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; text-align: center; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .pricing_footer p { font-size: 13px; padding: 10px 0 2px; display: block } .ui-ribbon-container { position: relative } .ui-ribbon-container .ui-ribbon-wrapper { position: absolute; overflow: hidden; width: 85px; height: 88px; top: -3px; right: -3px } .ui-ribbon-container.ui-ribbon-primary .ui-ribbon { background-color: #5b90bf } .ui-ribbon-container .ui-ribbon { position: relative; display: block; text-align: center; font-size: 15px; font-weight: 700; color: #fff; transform: rotate(45deg); padding: 7px 0; left: -5px; top: 15px; width: 120px; line-height: 20px; background-color: #555; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) } .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after, .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before { border-top: 2px solid #5b90bf } .ui-ribbon-container .ui-ribbon:before { left: 0; bottom: -1px } .ui-ribbon-container .ui-ribbon:before { right: 0 } .ui-ribbon-container .ui-ribbon:after, .ui-ribbon-container .ui-ribbon:before { position: absolute; content: " "; line-height: 0; border-top: 2px solid #555; border-left: 2px solid transparent; border-right: 2px solid transparent } .thumbnail .image { height: 120px; overflow: hidden } .caption { padding: 9px 5px; background: #F7F7F7 } .caption p { margin-bottom: 5px } .thumbnail { height: 190px; overflow: hidden } .view { overflow: hidden; position: relative; text-align: center; box-shadow: 1px 1px 2px #e6e6e6; cursor: default } .view .mask, .view .content { position: absolute; width: 100%; overflow: hidden; top: 0; left: 0 } .view img { display: block; position: relative } .view .tools { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 3px; background: rgba(0, 0, 0, 0.35); margin: 43px 0 0 0 } .mask.no-caption .tools { margin: 90px 0 0 0 } .view .tools a { display: inline-block; color: #FFF; font-size: 18px; font-weight: 400; padding: 0 4px } .view p { font-family: Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center } .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; box-shadow: 0 0 1px #000 } .view-first img { transition: all 0.2s linear } .view-first .mask { opacity: 0; background-color: rgba(0, 0, 0, 0.5); transition: all 0.4s ease-in-out } .view-first .tools { transform: translateY(-100px); opacity: 0; transition: all 0.2s ease-in-out } .view-first p { transform: translateY(100px); opacity: 0; transition: all 0.2s linear } .view-first:hover img { transform: scale(1.1) } .view-first:hover .mask { opacity: 1 } .view-first:hover .tools, .view-first:hover p { opacity: 1; transform: translateY(0px) } .view-first:hover p { transition-delay: 0.1s } .form-group.has-feedback span { display: block !important; } .input-group-btn .btn { margin-bottom: 0; } /*! * bootstrap-vertical-tabs - v1.2.1 * https://dbtek.github.io/bootstrap-vertical-tabs * 2014-11-07 * Copyright (c) 2014 İsmail Demirbilek * License: MIT */ .tabs-left, .tabs-right { border-bottom: none; padding-top: 2px } .tabs-left { border-right: 1px solid #F7F7F7 } .tabs-right { border-left: 1px solid #F7F7F7 } .tabs-left > li, .tabs-right > li { float: none; margin-bottom: 2px } .tabs-left > li { margin-right: -1px } .tabs-right > li { margin-left: -1px } .tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus { border-bottom-color: #F7F7F7; border-right-color: transparent } .tabs-right > li.active > a, .tabs-right > li.active > a:hover, .tabs-right > li.active > a:focus { border-bottom: 1px solid #F7F7F7; border-left-color: transparent } .tabs-left > li > a { border-radius: 4px 0 0 4px; margin-right: 0; display: block; background: #F7F7F7; text-overflow: ellipsis; overflow: hidden } .tabs-right > li > a { border-radius: 0 4px 4px 0; margin-right: 0; background: #F7F7F7; text-overflow: ellipsis; overflow: hidden } .sideways { margin-top: 50px; border: none; position: relative } .sideways > li { height: 20px; width: 120px; margin-bottom: 100px } .sideways > li > a { border-bottom: 1px solid #ddd; border-right-color: transparent; text-align: center; border-radius: 4px 4px 0px 0px } .sideways > li.active > a, .sideways > li.active > a:hover, .sideways > li.active > a:focus { border-bottom-color: transparent; border-right-color: #ddd; border-left-color: #ddd } .sideways.tabs-left { left: -50px } .sideways.tabs-right { right: -50px } .sideways.tabs-right > li { transform: rotate(90deg) } .sideways.tabs-left > li { transform: rotate(-90deg) } .morris-hover { position: absolute; z-index: 1000 } .morris-hover.morris-default-style { padding: 6px; color: #666; background: rgba(243, 242, 243, 0.8); border: solid 2px rgba(195, 194, 196, 0.8); font-family: sans-serif; font-size: 12px; text-align: center } .morris-hover.morris-default-style .morris-hover-row-label { font-weight: bold; margin: 0.25em 0 } .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: 0.1em 0 } .price { font-size: 40px; font-weight: 400; color: #26B99A; margin: 0 } .prod_title { border-bottom: 1px solid #DFDFDF; padding-bottom: 5px; margin: 30px 0; font-size: 20px; font-weight: 400 } .product-image img { width: 90% } .prod_color li { margin: 0 10px } .prod_color li p { margin-bottom: 0 } .prod_size li { padding: 0 } .prod_color .color { width: 25px; height: 25px; border: 2px solid rgba(51, 51, 51, 0.28) !important; padding: 2px; border-radius: 50px } .product_gallery a { width: 100px; height: 100px; float: left; margin: 10px; border: 1px solid #e5e5e5 } .product_gallery a img { width: 100%; margin-top: 15px } .product_price { margin: 20px 0; padding: 5px 10px; background-color: #FFFFFF; text-align: left; border: 2px dashed #E0E0E0 } .price-tax { font-size: 18px } .product_social { margin: 20px 0 } .product_social ul li a i { font-size: 35px } .login { background: #F7F7F7 } .login .fa-paw { font-size: 26px } a.hiddenanchor { display: none } .login_wrapper { right: 0px; margin: 0px auto; margin-top: 5%; max-width: 350px; position: relative } .registration_form, .login_form { position: absolute; top: 0px; width: 100% } .registration_form { z-index: 21; opacity: 0; width: 100% } .login_form { z-index: 22 } #signup:target ~ .login_wrapper .registration_form, #signin:target ~ .login_wrapper .login_form { z-index: 22; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-delay: .1s; animation-delay: .1s } #signup:target ~ .login_wrapper .login_form, #signin:target ~ .login_wrapper .registration_form { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } .animate { -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 0.5s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -o-animation-duration: 0.5s; -o-animation-timing-function: ease; -o-animation-fill-mode: both; -ms-animation-duration: 0.5s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 0.5s; animation-timing-function: ease; animation-fill-mode: both } .login_box { padding: 20px; margin: auto } .left { float: left } .alignleft { float: left; margin-right: 15px } .alignright { float: right; margin-left: 15px } .clearfix:after, form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .login_content { margin: 0 auto; padding: 25px 0 0; position: relative; text-align: center; text-shadow: 0 1px 0 #fff; min-width: 280px } .login_content a, .login_content .btn-default:hover { text-decoration: none } .login_content a:hover { text-decoration: underline } .login_content h1 { font: normal 25px Helvetica, Arial, sans-serif; letter-spacing: -0.05em; line-height: 20px; margin: 10px 0 30px } .login_content h1:before, .login_content h1:after { content: ""; height: 1px; position: absolute; top: 10px; width: 27% } /*.login_content h1:after { background: #7e7e7e; background: linear-gradient(left, #7e7e7e 0%, #fff 100%); right: 0 } .login_content h1:before { background: #7e7e7e; background: linear-gradient(right, #7e7e7e 0%, #fff 100%); left: 0 }*/ .login_content h1:before, .login_content h1:after { content: ""; height: 1px; position: absolute; top: 10px; width: 20% } /*.login_content h1:after { background: #7e7e7e; background: linear-gradient(left, #7e7e7e 0%, #fff 100%); right: 0 } .login_content h1:before { background: #7e7e7e; background: linear-gradient(right, #7e7e7e 0%, #fff 100%); left: 0 }*/ .login_content form { margin: 20px 0; position: relative } .login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] { border-radius: 3px; -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; border: 1px solid #c8c8c8; color: #777; margin: 0 0 20px; width: 100% } .login_content form input[type="text"]:focus, .login_content form input[type="email"]:focus, .login_content form input[type="password"]:focus { -ms-box-shadow: 0 0 2px #ed1c24 inset; -o-box-shadow: 0 0 2px #ed1c24 inset; box-shadow: 0 0 2px #A97AAD inset; background-color: #fff; border: 1px solid #A878AF; outline: none } #username { background-position: 10px 10px !important } #password { background-position: 10px -53px !important } .login_content form div a { font-size: 12px; margin: 10px 15px 0 0 } .reset_pass { margin-top: 10px !important } .login_content div .reset_pass { margin-top: 13px !important; margin-right: 39px; float: right } .separator { border-top: 1px solid #D8D8D8; margin-top: 10px; padding-top: 10px } .button { background: #f7f9fa; background: linear-gradient(top, #f7f9fa 0%, #f0f0f0 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; border-radius: 0 0 5px 5px; border-top: 1px solid #CFD5D9; padding: 15px 0 } .login_content form input[type="submit"], #content form .submit { float: left; margin-left: 38px } .button a { background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat; color: #7E7E7E; font-size: 17px; padding: 2px 0 2px 40px; text-decoration: none; transition: all 0.3s ease } .button a:hover { background-position: 0 -135px; color: #00aeef } #nprogress .bar { background: #1ABB9C } #nprogress .peg { box-shadow: 0 0 10px #1ABB9C, 0 0 5px #1ABB9C } #nprogress .spinner-icon { border-top-color: #1ABB9C; border-left-color: #1ABB9C } .editor-wrapper { min-height: 250px; background-color: white; border-collapse: separate; border: 1px solid #ccc; padding: 4px; box-sizing: content-box; box-shadow: rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px inset; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; overflow: scroll; outline: none } .voiceBtn { width: 20px; color: transparent; background-color: transparent; transform: scale(2, 2); -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); border: transparent; cursor: pointer; box-shadow: none; -webkit-box-shadow: none } div[data-role="editor-toolbar"] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .dropdown-menu a { cursor: pointer } .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #ccc; border-radius: 0; min-height: 38px } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #73879C; padding-top: 5px } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-top: 3px } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px } .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__clear { margin-top: 2px; border: none; border-radius: 0; padding: 3px 5px } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #ccc } .switchery { width: 32px; height: 20px } .switchery > small { width: 20px; height: 20px } fieldset { border: none; margin: 0; padding: 0 } .cropper .img-container, .cropper .img-preview { background-color: #f7f7f7; width: 100%; text-align: center } .cropper .img-container { min-height: 200px; max-height: 516px; margin-bottom: 20px } @media (min-width: 768px) { .cropper .img-container { min-height: 516px } } .cropper .img-container > img { max-width: 100% } .cropper .docs-preview { margin-right: -15px } .cropper .img-preview { float: left; margin-right: 10px; margin-bottom: 10px; overflow: hidden } .cropper .img-preview > img { max-width: 100% } .cropper .preview-lg { width: 263px; height: 148px } .cropper .preview-md { width: 139px; height: 78px } .cropper .preview-sm { width: 69px; height: 39px } .cropper .preview-xs { width: 35px; height: 20px; margin-right: 0 } .cropper .docs-data > .input-group { margin-bottom: 10px } .cropper .docs-data > .input-group > label { min-width: 80px } .cropper .docs-data > .input-group > span { min-width: 50px } .cropper .docs-buttons > .btn, .cropper .docs-buttons > .btn-group, .cropper .docs-buttons > .form-control { margin-right: 5px; margin-bottom: 10px } .cropper .docs-toggles > .btn, .cropper .docs-toggles > .btn-group, .cropper .docs-toggles > .dropdown { margin-bottom: 10px } .cropper .docs-tooltip { display: block; margin: -6px -12px; padding: 6px 12px } .cropper .docs-tooltip > .icon { margin: 0 -3px; vertical-align: top } .cropper .tooltip-inner { white-space: normal } .cropper .btn-upload .tooltip-inner, .cropper .btn-toggle .tooltip-inner { white-space: nowrap } .cropper .btn-toggle { padding: 6px } .cropper .btn-toggle > .docs-tooltip { margin: -6px; padding: 6px } @media (max-width: 400px) { .cropper .btn-group-crop { margin-right: -15px !important } .cropper .btn-group-crop > .btn { padding-left: 5px; padding-right: 5px } .cropper .btn-group-crop .docs-tooltip { margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 5px } } .cropper .docs-options .dropdown-menu { width: 100% } .cropper .docs-options .dropdown-menu > li { padding: 3px 20px } .cropper .docs-options .dropdown-menu > li:hover { background-color: #f7f7f7 } .cropper .docs-options .dropdown-menu > li > label { display: block } .cropper .docs-cropped .modal-body { text-align: center } .cropper .docs-cropped .modal-body > img, .cropper .docs-cropped .modal-body > canvas { max-width: 100% } .cropper .docs-diagram .modal-dialog { max-width: 352px } .cropper .docs-cropped canvas { max-width: 100% } .form_wizard .stepContainer { display: block; position: relative; margin: 0; padding: 0; border: 0 solid #CCC; overflow-x: hidden } .wizard_horizontal ul.wizard_steps { display: table; list-style: none; position: relative; width: 100%; margin: 0 0 20px } .wizard_horizontal ul.wizard_steps li { display: table-cell; text-align: center } .wizard_horizontal ul.wizard_steps li a, .wizard_horizontal ul.wizard_steps li:hover { display: block; position: relative; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; color: #666 } .wizard_horizontal ul.wizard_steps li a:before { content: ""; position: absolute; height: 4px; background: #ccc; top: 20px; width: 100%; z-index: 4; left: 0 } .wizard_horizontal ul.wizard_steps li a.disabled .step_no { background: #ccc } .wizard_horizontal ul.wizard_steps li a .step_no { width: 40px; height: 40px; line-height: 40px; border-radius: 100px; display: block; margin: 0 auto 5px; font-size: 16px; text-align: center; position: relative; z-index: 5 } .wizard_horizontal ul.wizard_steps li a.selected:before, .step_no { background: #34495E; color: #fff } .wizard_horizontal ul.wizard_steps li a.done:before, .wizard_horizontal ul.wizard_steps li a.done .step_no { background: #1ABB9C; color: #fff } .wizard_horizontal ul.wizard_steps li:first-child a:before { left: 50% } .wizard_horizontal ul.wizard_steps li:last-child a:before { right: 50%; width: 50%; left: auto } .wizard_verticle .stepContainer { width: 80%; float: left; padding: 0 10px } .actionBar { width: 100%; border-top: 1px solid #ddd; padding: 10px 5px; text-align: right; margin-top: 10px } .actionBar .buttonDisabled { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); box-shadow: none } .actionBar a { margin: 0 3px } .wizard_verticle .wizard_content { width: 80%; float: left; padding-left: 20px } .wizard_verticle ul.wizard_steps { display: table; list-style: none; position: relative; width: 20%; float: left; margin: 0 0 20px } .wizard_verticle ul.wizard_steps li { display: list-item; text-align: center } .wizard_verticle ul.wizard_steps li a { height: 80px } .wizard_verticle ul.wizard_steps li a:first-child { margin-top: 20px } .wizard_verticle ul.wizard_steps li a, .wizard_verticle ul.wizard_steps li:hover { display: block; position: relative; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; color: #666 } .wizard_verticle ul.wizard_steps li a:before { content: ""; position: absolute; height: 100%; background: #ccc; top: 20px; width: 4px; z-index: 4; left: 49% } .wizard_verticle ul.wizard_steps li a.disabled .step_no { background: #ccc } .wizard_verticle ul.wizard_steps li a .step_no { width: 40px; height: 40px; line-height: 40px; border-radius: 100px; display: block; margin: 0 auto 5px; font-size: 16px; text-align: center; position: relative; z-index: 5 } .wizard_verticle ul.wizard_steps li a.selected:before, .step_no { background: #34495E; color: #fff } .wizard_verticle ul.wizard_steps li a.done:before, .wizard_verticle ul.wizard_steps li a.done .step_no { background: #1ABB9C; color: #fff } .wizard_verticle ul.wizard_steps li:first-child a:before { left: 49% } .wizard_verticle ul.wizard_steps li:last-child a:before { left: 49%; left: auto; width: 0 } .form_wizard .loader { display: none } .form_wizard .msgBox { display: none } .progress-bar-info { background-color: #4f63b7; } .progress-bar-success { background-color: #26B99A } .progress_summary .progress { margin: 5px 0 12px !important } .progress_summary .row { margin-bottom: 5px } .progress_summary .row .col-xs-2 { padding: 0 } .progress_summary .more_info span { text-align: right; float: right } .progress_summary .data span { text-align: right; float: right } .progress_summary p { margin-bottom: 3px; width: 100% } .progress_title .left { float: left; text-align: left } .progress_title .right { float: right; text-align: right; font-weight: 300 } .progress.progress_sm { border-radius: 0; margin-bottom: 18px; height: 10px !important } .progress.progress_sm .progress-bar { height: 10px !important } .dashboard_graph p { margin: 0 0 4px } ul.verticle_bars { width: 100% } ul.verticle_bars li { width: 23%; height: 200px; margin: 0 } .progress.vertical.progress_wide { width: 35px } .alert-success { color: #ffffff; background-color: rgba(38, 185, 154, 0.88); border-color: rgba(38, 185, 154, 0.88); font-size: 12px; } .alert-info { color: #ffffff; background-color: rgba(52, 152, 219, 0.88); border-color: rgba(52, 152, 219, 0.88); font-size: 12px; } .alert-warning { color: #E9EDEF; background-color: rgba(243, 156, 18, 0.88); border-color: rgba(243, 156, 18, 0.88); font-size: 12px; } .alert-danger, .alert-error { color: #E9EDEF; background-color: rgba(231, 76, 60, 0.88); border-color: rgba(231, 76, 60, 0.88); font-size: 12px; } .ui-pnotify.dark .ui-pnotify-container { color: #E9EDEF; background-color: rgba(52, 73, 94, 0.88); border-color: rgba(52, 73, 94, 0.88) } .custom-notifications { position: fixed; margin: 15px; right: 0; float: right; width: 400px; z-index: 4000; bottom: 0 } ul.notifications { float: right; display: block; margin-bottom: 7px; padding: 0; width: 100% } .notifications li { float: right; margin: 3px; width: 36px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3) } .notifications li:last-child { margin-left: 0 } .notifications a { display: block; text-align: center; text-decoration: none; text-transform: uppercase; padding: 9px 8px } .tabbed_notifications .text { padding: 5px 15px; height: 140px; border-radius: 7px; box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3) } .tabbed_notifications div p { display: inline-block } .tabbed_notifications h2 { font-weight: bold; text-transform: uppercase; width: 80%; float: left; height: 20px; text-overflow: ellipsis; overflow: hidden; display: block } .tabbed_notifications .close { padding: 5px; color: #E9EDEF; float: right; opacity: 1 } .fc-state-default { background: #f5f5f5; color: #73879C } .fc-state-down, .fc-state-active { color: #333; background: #ccc } .dropzone { min-height: 300px; border: 1px solid #e5e5e5 } /* .x_content { direction: rtl; } */ @media (max-width: 460px) { .dataTables_wrapper .col-sm-6 { width: 100%; margin-bottom: 5px; } .dataTables_wrapper .col-sm-6 .dataTables_filter { float: none; } } @media (max-width: 767px) { .dataTables_length { float: none; } } /* CSS3 Checkbox */ /* .checkbox-input { display:block;position:relative; } .checkbox-input:before { display:block;content:"";position:absolute;top:2px;left:0;height:20px;width:20px;background:red;border-radius:3px; } #input + label:after { content: 'click my input'; color: blue; } #input:focus + label:after { content: 'not valid yet'; color: blue; } #input:valid + label:after { content: 'looks good'; color: red; } /* CSS3 Checkbox - end */ /* /* .checkbox { display: block;position:relative;cursor:pointer; } .checkbox input { position:absolute;z-index:-1;opacity:0;left:0;top:0; } .checkbox div { position:absolute;top:2px;left:0;height:20px;width:20px;background:#e6e6e6;border-radius:3px; } .checkbox input:checked ~ div { background: #1ABC9C; } .checkbox:hover input:not([disabled]):checked ~ div, .checkbox input:checked:focus ~ div { background: #1ABC9C; } .checkbox input:disabled ~ div { background: #1ABC9C;opacity: 0.6;pointer-events: none; } .checkbox div:after { content: '';position: absolute;display: none; } .checkbox input:checked ~ div:after { display: block; } .checkbox-wp div:after { left: 7px;top: 3px;width: 7px;height: 11px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(40deg); } .checkbox-wp input:disabled ~ div:after { border-color: #F2F2F2; } .checkbox-radio div { border-radius: 50%; } .checkbox-radio div:after { left: 7px;top: 7px;height: 6px;width: 6px;border-radius: 50%;background: #fff; } .checkbox-radio input:disabled ~ div:after { background: #F2F2F2; } .checkbox, .radio { margin-top:-3px; } table thead .checkbox { margin-top:-7px;margin-top:-21px; } table thead .checkbox.radio { margin-top:-7px;margin-top:-21px; } */ .daterangepicker.xdisplay { width: 228px; } .dataTables_wrapper > .row { overflow: auto !important; /*prevent datatables overflowing its container*/ } /** bootstrap-datetimepicker **/ .input-group.date .input-group-addon { border-radius: 0px !important; background-color: #ffff !important; } /** /bootstrap-datetimepicker **/ /** /Change the form builder css added by partheeban 10.09.2019**/ .form-wrap.form-builder .fb-checkbox-inline, .form-wrap.form-builder .fb-radio-inline { width: 45%; } .form-wrap.form-builder .frmb .field-label { color: #666; margin-bottom: 5px; line-height: normal; font-size: 14px; font-weight: 600; } .form-wrap.form-builder .frmb .legend { color: #73879c; margin-bottom: 5px; line-height: normal; font-size: 14px; font-weight: normal; } .form-wrap.form-builder .frmb .field-actions .btn { width: 25px; height: 25px; padding: 0 6px; line-height: 25px; font-size: 14px; margin-right: 0; } .form-wrap.form-builder .frmb .form-elements .false-label:first-child, .form-wrap.form-builder .frmb .form-elements label:first-child { font-weight: normal; } .multiselect-dropdown .dropdown-btn { padding: 5px 5px !important; } .form-wrap.form-builder .form-control { font-size: 13px; } ul.ngx-pagination { padding-left: 0px !important; } .theme-dark-blue .bs-datepicker-head { background-color: #1c285a; } .theme-dark-blue .bs-datepicker-body table td.week span { color: #1c285a; } .theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span, .theme-dark-blue .bs-datepicker-body table td span[class*="select-"]:after, .theme-dark-blue .bs-datepicker-body table td[class*="select-"] span:after { background-color: #1c285a; } .multiselect-dropdown .dropdown-btn .selected-item { border: 1px solid #1c285a !important; margin-right: 4px; background: #1c285a !important; padding: 0 5px; color: #fff; border-radius: 2px; margin-bottom: 2px; float: left; } .multiselect-item-checkbox input[type=checkbox]:checked + div:before { -webkit-animation: .2s ease-in borderscale; animation: .2s ease-in borderscale; background: #1c285a !important; } .multiselect-item-checkbox input[type=checkbox] + div:before { box-sizing: content-box; content: ''; color: #1c285a !important; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin-top: -9px; border: 2px solid #1c285a !important; text-align: center; transition: all .4s ease; } .bs-datepicker-head { background: #1c285a !important; } .bs-datepicker-body table td.week span { color: #1c285a !important; } .bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span, .bs-datepicker-body table td span[class*="select-"]:after, .bs-datepicker-body table td[class*="select-"] span:after { background-color: #1c285a !important; } .input-group-btn .btn { padding: 5px 12px 4px 12px; color: #fff !important; background-color: #1c285a !important; border-color: #1c285a !important; } :host ::ng-deep .ps__rail-x, :host ::ng-deep .ps__rail-y { opacity: 0.6; } :host ::ng-deep .ps__thumb-y { background-color: #1c285a; } .datatable-icon-left { content: @fa-var-chevron-left; } [data-icon]:before { font-family: "FontAwesome" !important; content: ""; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="datatable-icon-"]:before, [class*=" datatable-icon-"]:before { font-family: "FontAwesome" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .datatable-icon-filter:before { content: "\f0b0"; } .datatable-icon-collapse:before { content: "\f147"; } .datatable-icon-expand:before { content: "\f196"; } .datatable-icon-close:before { content: "\f2d3"; } .datatable-icon-up:before { content: "\f0de"; } .datatable-icon-down:before { content: "\f0dd"; } .datatable-icon-sort:before { content: "\f0dc"; } .datatable-icon-done:before { content: "\f00c"; } .datatable-icon-done-all:before { content: "\f05d"; } .datatable-icon-search:before { content: "\f002"; } .datatable-icon-pin:before { content: "\f276"; } .datatable-icon-add:before { content: "\f196"; } .datatable-icon-left:before { content: "\f104"; } .datatable-icon-right:before { content: "\f105"; } .datatable-icon-skip:before { content: "\f101"; } .datatable-icon-prev:before { content: "\f100"; } .ngx-datatable .datatable-footer .pager li > a, .pager li > span { display: inline-block; padding: 5px 10px; background-color: #fff; border: 1px solid #ddd; border-radius: 0; margin: 4px 0; } .ngx-datatable .datatable-footer .datatable-pager .pager li.active a { background: #ddd; background: #3f5367; color: #fff; border-color: #3f5367; } .multiselect-dropdown .dropdown-btn .dropdown-up { border-bottom: 6px solid #adadad !important; border-left: 6px solid transparent !important; border-right: 6px solid transparent !important; } .x_title h2 span { color: #7387a8; } .ngx-pagination .disabled { padding: 2px 4px !important; color: #cacaca; cursor: default; } .ngx-pagination li { margin-right: 0 !important; margin-left: 0px; line-height: 26px; } .ngx-pagination .disabled { -webkit-filter: grayscale(80%); filter: grayscale(80%); opacity: 0.80; cursor: not-allowed; border-width: 0; } .pagination-container .ngx-pagination li { margin-right: 0 !important; margin-left: 0px; border-width: 0; } .ngx-pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: default; } .ngx-pagination li { display: inline-block; } .ngx-pagination li { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; margin-right: 0 !important; border-radius: 0; } .ngx-pagination a, .ngx-pagination button { font-size: 12px; font-weight: 400; cursor: pointer !important; } .ngx-pagination a, .ngx-pagination button { color: #0a0a0a; display: block; padding: 0.1875rem 0.625rem; border-radius: 0; } :host ::ng-deep .ngx-pagination li { margin-right: 0px !important; } .ngx-pagination a, .ngx-pagination button { cursor: pointer; } .ngx-pagination .current { padding: 0.1875rem 0.625rem; background: #2199e8; color: #fefefe; cursor: default; border-radius: 4px; border-width: 0px; min-width: 26px; min-height: 26px; vertical-align: top; text-align: center; } .ngx-pagination li { border-width: 0; } .ngx-pagination .current { padding: 0.1875rem 0.625rem; background: #2199e8; color: #fefefe; cursor: default; } .ngx-pagination a:hover, .ngx-pagination button:hover { background: none !important; } .ngx-pagination a, .ngx-pagination button { color: #0a0a0a; display: block; padding: 0.1875rem 0.625rem; border-radius: 0; } .ngx-pagination a, .ngx-pagination button { color: #5a738e !important; } .page_count { margin-top: 3px; display: inline-block; } .pager_controller { display: inline-block; float: right; margin-left: 15px; } .paggination-control { margin: 10px 0 0; } .tooltip-inner { max-width: 100% !important; text-align: left !important; } /***Partheeban added new styles******/ #sidebar-menu .ui-scrollpanel-content{ padding: 0 !important; } #sidebar-menu .custombar1 .ui-scrollpanel-wrapper { border-right: 9px solid #282828; } .p-grid { border-radius: 3px; margin: 0 0.3em; padding: 0 0 10px; max-width: 274px; margin: 0 auto; } .p-grid .info-box { display: block; min-height: 90px; background: #fff; width: 100%; border-radius: 2px; border:1px solid #d6d6d6; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); } .footer { padding: 0; text-align: center; display: flex; position: fixed; width: 100%; bottom: 0; margin: 0; background: #828c96; z-index: 1001; } .footer .copyright { padding: 5px 0 4px 0; color: #fff; } .footer .copyright p{ padding: 0; margin:0; } .p-grid .info-box .info-box-text { text-transform: uppercase; } .p-grid .info-box .info-box-text { display: block; font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px } .p-grid .info-box .info-box-icon { border-radius: 50%; display: inline-block; float: left; height: 50px; width: 50px; margin-right: 6px; text-align: center; line-height: 50px; margin: 15px 10px; cursor: pointer; } .p-grid .info-box .info-box-content { float:left; width: calc(100% - 80px); margin: 5px 0; } .p-grid .info-box-number { font-size: 12px; padding: 0 5px; font-weight: 500; } hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #eee; } .p-grid .info-box .progress-description,.p-grid .info-box .progress-description span { font-size: 11px; font-weight: 400; } .p-grid .info-box .progress-description{ padding: 0 5px; } .box-body { padding: 10px; } .alert.alert-sm{ padding:10px; } .my_jobs_right ul{ margin-bottom: 0; } .my_jobs_right ul li .input-group, .box-header .input-group{ margin-bottom: 0; } .my_jobs_right ul li{ list-style: none; display: inline-block; vertical-align: top; margin-right: 10px; } .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg { right: 0; } .control-sidebar-dark, .control-sidebar-dark+.control-sidebar-bg { background: #222d32; } .control-sidebar-dark { color: #b8c7ce; } .control-sidebar { position: absolute; padding-top: 50px; z-index: 1010; } .control-sidebar-bg, .control-sidebar { top: 0; right: -230px; width: 360px; transition: right .3s ease-in-out; } .table-cont table thead tr th { position: -webkit-sticky; position: sticky; top: 0; } .table-cont table, .table-cont{ max-height: 56vh; overflow-y: auto; width: 100%; } /** STYLE 7 */ [style*="max-height"]::-webkit-scrollbar, .mat-select-panel::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; } [style*="max-height"]::-webkit-scrollbar-track, .mat-select-panel::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; border-radius: 5px; } [style*="max-height"]::-webkit-scrollbar-thumb, .mat-select-panel::-webkit-scrollbar-thumb { border-radius: 5px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #000000), color-stop(0.72, #000000), color-stop(0.86, #000000)); } @-moz-document url-prefix() { .form-control{ border-radius: 0px; } } .dl-horizontal dt{ width: 45%; float: left; } .dl-horizontal dd{ width: 45%; float: left; } .cdk-overlay-pane{ width: 95vw !important; max-width: 95vw !important; } /*! * DevExtreme * Version: 19.1.16 * Build date: Oct 18, 2022 * * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ .dx-clearfix:before, .dx-clearfix:after { display: table; content: ""; line-height: 0; } .dx-clearfix:after { clear: both; } .dx-translate-disabled { -webkit-transform: none !important; transform: none !important; } .dx-hidden-input { position: fixed; top: -10px; left: -10px; width: 0; height: 0; } .dx-user-select { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .dx-state-invisible, .dx-hidden { display: none !important; } .dx-gesture-cover { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: fixed; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; z-index: 2147483647; } .dx-animating { pointer-events: none; } .dx-fade-animation.dx-enter, .dx-no-direction.dx-enter, .dx-fade-animation.dx-leave.dx-leave-active, .dx-no-direction.dx-leave.dx-leave-active { opacity: 0; } .dx-fade-animation.dx-leave, .dx-no-direction.dx-leave, .dx-fade-animation.dx-enter.dx-enter-active, .dx-no-direction.dx-enter.dx-enter-active { opacity: 1; } .dx-overflow-animation.dx-enter.dx-forward { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); z-index: 2; } .dx-overflow-animation.dx-enter.dx-enter-active.dx-forward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 2; } .dx-overflow-animation.dx-enter.dx-backward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1; } .dx-overflow-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1; } .dx-overflow-animation.dx-leave.dx-forward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1; } .dx-overflow-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1; } .dx-overflow-animation.dx-leave.dx-backward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 2; } .dx-overflow-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); z-index: 2; } .dx-slide-animation.dx-enter.dx-forward { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .dx-slide-animation.dx-enter.dx-enter-active.dx-forward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .dx-slide-animation.dx-enter.dx-backward { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .dx-slide-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .dx-slide-animation.dx-leave.dx-forward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .dx-slide-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .dx-slide-animation.dx-leave.dx-backward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .dx-slide-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .dx-opendoor-animation.dx-enter.dx-forward { -webkit-transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1); transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1); -webkit-transform-origin: center left 0; transform-origin: center left 0; opacity: 0; } .dx-opendoor-animation.dx-enter.dx-enter-active.dx-forward { -webkit-transform: none; transform: none; opacity: 1; } .dx-opendoor-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: none; transform: none; opacity: 1; } .dx-opendoor-animation.dx-leave.dx-forward { -webkit-transform: none; transform: none; -webkit-transform-origin: center left 0; transform-origin: center left 0; opacity: 1; } .dx-opendoor-animation.dx-leave.dx-backward { -webkit-transform: none; transform: none; -webkit-transform-origin: center left 0; transform-origin: center left 0; opacity: 1; } .dx-opendoor-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1); transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1); -webkit-transform-origin: center left 0; transform-origin: center left 0; opacity: 0; } .dx-opendoor-animation.dx-enter.dx-backward { -webkit-transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1); transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1); -webkit-transform-origin: center left 0; transform-origin: center left 0; opacity: 0; } .dx-opendoor-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1); transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1); opacity: 0; } .dx-win-pop-animation.dx-enter.dx-forward { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .dx-win-pop-animation.dx-enter.dx-enter-active.dx-forward { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .dx-win-pop-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } .dx-win-pop-animation.dx-enter.dx-backward { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } .dx-win-pop-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .dx-win-pop-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .dx-android-pop-animation.dx-enter.dx-forward, .dx-android-pop-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; } .dx-android-pop-animation.dx-enter.dx-enter-active.dx-forward, .dx-android-pop-animation.dx-leave.dx-backward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .dx-android-pop-animation.dx-enter.dx-forward, .dx-android-pop-animation.dx-leave.dx-backward { z-index: 1; } .dx-ios7-slide-animation.dx-enter.dx-forward { z-index: 2; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward { z-index: 2; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .dx-ios7-slide-animation.dx-enter.dx-backward { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); z-index: 1; } .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1; } .dx-ios7-slide-animation.dx-leave.dx-forward { z-index: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); z-index: 1; } .dx-ios7-slide-animation.dx-leave.dx-backward { z-index: 2; } .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); z-index: 2; } .dx-ios7-toolbar-animation.dx-enter.dx-forward { -webkit-transform: translate3d(40%, 0, 0); transform: translate3d(40%, 0, 0); opacity: 0; z-index: 2; } .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; z-index: 2; } .dx-ios7-toolbar-animation.dx-enter.dx-backward { -webkit-transform: translate3d(-40%, 0, 0); transform: translate3d(-40%, 0, 0); opacity: 0; z-index: 1; } .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; z-index: 1; } .dx-ios7-toolbar-animation.dx-leave.dx-forward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; z-index: 1; } .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: translate3d(-40%, 0, 0); transform: translate3d(-40%, 0, 0); opacity: 0; z-index: 1; } .dx-ios7-toolbar-animation.dx-leave.dx-backward { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; z-index: 2; } .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(40%, 0, 0); transform: translate3d(40%, 0, 0); opacity: 0; z-index: 2; } .dx-drop-animation.dx-enter, .dx-drop-animation.dx-leave.dx-leave-active { -webkit-transform: translate3d(0, -120%, 0); transform: translate3d(0, -120%, 0); } .dx-drop-animation.dx-leave, .dx-drop-animation.dx-enter.dx-enter-active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .dx-3d-drop-animation.dx-enter, .dx-3d-drop-animation.dx-leave.dx-leave-active { -webkit-transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1); transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1); opacity: 0; } .dx-3d-drop-animation.dx-leave, .dx-3d-drop-animation.dx-enter.dx-enter-active { -webkit-transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1); transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1); opacity: 1; } .dx-fade-drop-animation.dx-enter, .dx-fade-drop-animation.dx-leave.dx-leave-active { -webkit-transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1); transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1); opacity: 0; } .dx-fade-drop-animation.dx-leave, .dx-fade-drop-animation.dx-enter.dx-enter-active { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); opacity: 1; } .dx-fade-rise-animation.dx-enter, .dx-fade-rise-animation.dx-leave.dx-leave-active { -webkit-transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1); transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1); opacity: 0; } .dx-fade-rise-animation.dx-leave, .dx-fade-rise-animation.dx-enter.dx-enter-active { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); opacity: 1; } .dx-fade-slide-animation.dx-enter, .dx-fade-slide-animation.dx-leave.dx-leave-active { -webkit-transform: translate3d(40%, 0, 0); transform: translate3d(40%, 0, 0); opacity: 0; } .dx-fade-slide-animation.dx-leave, .dx-fade-slide-animation.dx-enter.dx-enter-active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .dx-fade-zoom-animation.dx-enter, .dx-fade-zoom-animation.dx-leave.dx-leave-active { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); opacity: 0; } .dx-fade-zoom-animation.dx-leave, .dx-fade-zoom-animation.dx-enter.dx-enter-active { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .dx-icon-plus, .dx-icon-overflow, .dx-icon-add, .dx-icon-airplane, .dx-icon-arrowleft, .dx-icon-arrowdown, .dx-icon-arrowright, .dx-icon-arrowup, .dx-icon-bookmark, .dx-icon-box, .dx-icon-car, .dx-icon-card, .dx-icon-cart, .dx-icon-chart, .dx-icon-clock, .dx-icon-close, .dx-icon-comment, .dx-icon-doc, .dx-icon-download, .dx-icon-edit, .dx-icon-email, .dx-icon-event, .dx-icon-favorites, .dx-icon-find, .dx-icon-folder, .dx-icon-food, .dx-icon-gift, .dx-icon-globe, .dx-icon-group, .dx-icon-help, .dx-icon-home, .dx-icon-image, .dx-icon-info, .dx-icon-key, .dx-icon-like, .dx-icon-map, .dx-icon-menu, .dx-icon-money, .dx-icon-music, .dx-icon-percent, .dx-icon-photo, .dx-icon-preferences, .dx-icon-product, .dx-icon-refresh, .dx-icon-remove, .dx-icon-runner, .dx-icon-tags, .dx-icon-tel, .dx-icon-tips, .dx-icon-todo, .dx-icon-toolbox, .dx-icon-user, .dx-icon-save, .dx-icon-clear, .dx-icon-search, .dx-icon-bold, .dx-icon-italic, .dx-icon-underline, .dx-icon-strike, .dx-icon-indent, .dx-icon-fontsize, .dx-icon-growfont, .dx-icon-shrinkfont, .dx-icon-color, .dx-icon-background, .dx-icon-superscript, .dx-icon-subscript, .dx-icon-header, .dx-icon-blockquote, .dx-icon-formula, .dx-icon-codeblock, .dx-icon-orderedlist, .dx-icon-bulletlist, .dx-icon-increaseindent, .dx-icon-decreaseindent, .dx-icon-alignleft, .dx-icon-alignright, .dx-icon-aligncenter, .dx-icon-alignjustify, .dx-icon-link, .dx-icon-video, .dx-icon-mention, .dx-icon-variable, .dx-icon-clearformat, .dx-icon-undo, .dx-icon-redo { background-position: 0 0; background-repeat: no-repeat; } .dx-icon { background-position: 50% 50%; } .dx-svg-icon { pointer-events: none; } .dx-color-scheme { font-family: "#"; } .dx-widget { display: block; -ms-content-zooming: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; -webkit-touch-callout: none; padding: 0; outline: 0; -webkit-print-color-adjust: exact; color-adjust: exact; } .dx-widget, .dx-widget:before, .dx-widget:after, .dx-widget *, .dx-widget *:before, .dx-widget *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } .dx-item { outline: 0; } .dx-rtl { direction: rtl; unicode-bidi: embed; } .dx-state-disabled { pointer-events: none; } .dx-badge { padding: 0 5px; border-radius: 14px; color: white; font-size: 13px; line-height: 1; } .dx-draggable { left: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-draggable.dx-state-disabled, .dx-state-disabled .dx-draggable { cursor: default; } .dx-resizable { display: block; position: relative; } .dx-resizable-handle { position: absolute; z-index: 50; } .dx-state-disabled .dx-resizable-handle { cursor: default; } .dx-resizable-handle-left, .dx-resizable-handle-right { top: 0; height: 100%; width: 3px; } .dx-resizable-handle-left { left: 0; cursor: e-resize; } .dx-resizable-handle-right { right: 0; cursor: e-resize; } .dx-resizable-handle-top, .dx-resizable-handle-bottom { left: 0; width: 100%; height: 3px; } .dx-resizable-handle-top { top: 0; cursor: s-resize; } .dx-resizable-handle-bottom { bottom: 0; cursor: s-resize; } .dx-resizable-handle-corner-bottom-left, .dx-resizable-handle-corner-bottom-right, .dx-resizable-handle-corner-top-left, .dx-resizable-handle-corner-top-right { width: 6px; height: 6px; } .dx-resizable-handle-corner-top-left, .dx-resizable-handle-corner-bottom-right { cursor: se-resize; } .dx-resizable-handle-corner-top-right, .dx-resizable-handle-corner-bottom-left { cursor: ne-resize; } .dx-resizable-handle-corner-top-left, .dx-resizable-handle-corner-bottom-left { left: 0; border-bottom-right-radius: 100%; } .dx-resizable-handle-corner-top-right, .dx-resizable-handle-corner-bottom-right { right: 0; border-bottom-left-radius: 100%; } .dx-resizable-handle-corner-top-left, .dx-resizable-handle-corner-top-right { top: 0; } .dx-resizable-handle-corner-bottom-left, .dx-resizable-handle-corner-bottom-right { bottom: 0; } .dx-box-item-content { font-size: 14px; } .dx-box-fallback-item > .dx-box-item-content { width: 100%; height: 100%; } .dx-box-item-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 100%; } .dx-button-disabled { cursor: default; } .dx-button { display: inline-block; cursor: pointer; text-align: center; vertical-align: middle; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; } .dx-button .dx-icon { -webkit-user-drag: none; display: inline-block; vertical-align: middle; } .dx-button-content { height: 100%; max-height: 100%; } .dx-button-has-text .dx-button-content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-button-content:after { display: inline-block; height: 100%; content: ''; vertical-align: middle; font-size: 0; } .dx-button-link { text-decoration: none; } .dx-button-text { display: inline; vertical-align: middle; } .dx-button-submit-input { padding: 0; margin: 0; border: 0; height: 0; width: 0; font-size: 0; opacity: 0; } .dx-state-disabled.dx-button, .dx-state-disabled .dx-button { cursor: default; } .dx-buttongroup { display: inline-block; } .dx-buttongroup-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 100%; width: 100%; } .dx-buttongroup-item { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .dx-buttongroup-item.dx-button-mode-outlined, .dx-buttongroup-item.dx-button-mode-contained { border-left-width: 0; } .dx-buttongroup-item.dx-button-mode-outlined.dx-button, .dx-buttongroup-item.dx-button-mode-contained.dx-button { border-radius: 0; } .dx-buttongroup-item.dx-button-mode-text { margin-left: 1px; } .dx-buttongroup-item-has-width { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .dx-scrollable-scrollbar-simulated { position: relative; } .dx-scrollable { display: block; height: 100%; min-height: 0; } .dx-scrollable-native { -ms-overflow-style: -ms-autohiding-scrollbar; -ms-scroll-snap-type: proximity; } .dx-scrollable-native .dx-scrollable-scrollbar { display: none; } .dx-scrollable-native.dx-scrollable-scrollbar-simulated .dx-scrollable-scrollbar { display: block; } .dx-scrollable-native .dx-scrollable-container { -webkit-overflow-scrolling: touch; position: relative; height: 100%; } .dx-scrollable-native.dx-scrollable-vertical, .dx-scrollable-native.dx-scrollable-vertical .dx-scrollable-container { -ms-touch-action: pan-y; touch-action: pan-y; overflow-x: hidden; overflow-y: auto; } .dx-scrollable-native.dx-scrollable-horizontal, .dx-scrollable-native.dx-scrollable-horizontal .dx-scrollable-container { -ms-touch-action: pan-x; touch-action: pan-x; float: none; overflow-x: auto; overflow-y: hidden; } .dx-scrollable-native.dx-scrollable-both, .dx-scrollable-native.dx-scrollable-both .dx-scrollable-container { -ms-touch-action: pan-y pan-x; touch-action: pan-y pan-x; float: none; overflow-x: auto; overflow-y: auto; } .dx-scrollable-native.dx-scrollable-disabled, .dx-scrollable-native.dx-scrollable-disabled .dx-scrollable-container { -ms-touch-action: auto; touch-action: auto; } .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar { opacity: 0; } .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content { min-height: 101%; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-scrollable-native.dx-scrollable-native-ios.dx-scrollable-horizontal .dx-scrollable-content { min-height: 0; padding: 0; } .dx-scrollable-native.dx-scrollable-native-generic { -ms-overflow-style: auto; overflow: hidden; } .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content { height: auto; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollable-content { -webkit-transform: none; transform: none; z-index: 0; } .dx-scrollable-scrollbar-simulated ::-webkit-scrollbar, .dx-scrollable-scrollbar-simulated .dx-scrollable-container ::-webkit-scrollbar { display: none; } .dx-scrollable-container { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: hidden; width: 100%; height: 100%; } .dx-scrollable-container:focus { outline: none; } .dx-scrollable-wrapper { position: relative; width: 100%; height: 100%; } .dx-scrollable-content { position: relative; min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .dx-scrollable-content:before, .dx-scrollable-content:after { display: table; content: ""; line-height: 0; } .dx-scrollable-content:after { clear: both; } .dx-scrollable-horizontal .dx-scrollable-content, .dx-scrollable-both .dx-scrollable-content { display: block; float: left; min-width: 100%; } .dx-scrollable-scrollbar { position: absolute; pointer-events: auto; } .dx-scrollbar-vertical { top: 0; right: 0; height: 100%; } .dx-scrollbar-vertical .dx-scrollable-scroll { width: 5px; } .dx-scrollbar-horizontal { bottom: 0; left: 0; width: 100%; } .dx-scrollbar-horizontal .dx-scrollable-scroll { height: 5px; } .dx-scrollable-scroll { position: relative; background-color: #888; background-color: rgba(0, 0, 0, 0.5); -webkit-transform: translate(0, 0); -webkit-transition: background-color 0s linear; transition: background-color 0s linear; } .dx-scrollable-scroll.dx-state-invisible { display: block !important; background-color: transparent; background-color: rgba(0, 0, 0, 0); -webkit-transition: background-color 0.5s linear 1s; transition: background-color 0.5s linear 1s; } .dx-rtl .dx-scrollable, .dx-rtl.dx-scrollable { direction: ltr; } .dx-rtl .dx-scrollable .dx-scrollable-content, .dx-rtl.dx-scrollable .dx-scrollable-content, .dx-rtl .dx-scrollable .dx-scrollable-container, .dx-rtl.dx-scrollable .dx-scrollable-container { direction: ltr; } .dx-rtl .dx-scrollable .dx-scrollable-content > *, .dx-rtl.dx-scrollable .dx-scrollable-content > * { direction: rtl; } .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical, .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical { right: auto; left: 0; } .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal, .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal { direction: ltr; } .dx-device-ios-6 .dx-scrollable-content { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dx-device-android .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar { display: none; } .dx-scrollable-simulated .dx-scrollable-content { overflow-anchor: none; } .dx-scrollable-simulated.dx-scrollable-disabled .dx-scrollable-scrollbar { pointer-events: none; } .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollview-top-pocket { position: absolute; display: none; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-top-pocket { width: 40px; height: 40px; left: 50%; position: absolute; z-index: 1; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down { background-image: none; position: static; height: 100%; width: 100%; left: -50%; margin-left: -20px; padding: 0; border-radius: 50%; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading { -webkit-transition: -webkit-transform 100ms linear; transition: -webkit-transform 100ms linear; transition: transform 100ms linear; transition: transform 100ms linear, -webkit-transform 100ms linear; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator { position: relative; top: 0; padding: 4px; margin: 0; height: 100%; width: 100%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator .dx-loadindicator { float: left; } .dx-scrollable-native.dx-scrollable-native-android .dx-icon-pulldown { width: 100%; height: 100%; padding: 8px; font-size: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading.dx-scrollview-pull-down { -webkit-transition: top 0.2s ease-out 0s; transition: top 0.2s ease-out 0s; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-image { position: absolute; margin: 0; width: 100%; height: 100%; top: 0; left: 0; background-size: contain; -webkit-transition: opacity 0.2s ease 0s; transition: opacity 0.2s ease 0s; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown { display: none; } .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket { position: absolute; left: 0; width: 100%; overflow-y: auto; -webkit-transition: -webkit-transform 400ms ease; transition: -webkit-transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content { -webkit-transition: -webkit-transform 400ms ease; transition: -webkit-transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease; -webkit-transform: none; transform: none; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled { overflow-y: auto; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-container { overflow-y: auto; overflow-x: hidden; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-content { overflow-y: hidden; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollview-content { overflow-y: hidden; } .dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container { -ms-overflow-style: -ms-autohiding-scrollbar; } .dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollview-bottom-pocket { width: 100%; text-align: center; } .dx-device-android-4 .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown { display: block; } .dx-scrollview-content { position: static; } .dx-scrollview-content:before, .dx-scrollview-content:after { display: table; content: ""; line-height: 0; } .dx-scrollview-content:after { clear: both; } .dx-scrollview-pull-down { width: 100%; height: 50px; padding: 15px 0; top: -80px; overflow: hidden; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-user-drag: none; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-scrollview-pull-down-container { display: inline-block; width: 49%; text-align: right; } .dx-scrollview-pull-down-indicator { opacity: 0; position: absolute; left: 0; top: 50%; display: inline-block; margin: -15px 20px 0 15px; width: 20px; -webkit-user-drag: none; } .dx-scrollview-pull-down-image { display: inline-block; vertical-align: middle; margin: 0 20px; width: 20px; height: 50px; background-size: contain; -webkit-user-drag: none; -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; } .dx-scrollview-pull-down-text { display: inline; vertical-align: middle; position: relative; overflow: visible; -webkit-user-drag: none; } .dx-scrollview-pull-down-text div { position: absolute; left: 0; top: 0; white-space: nowrap; overflow: visible; opacity: 0; } .dx-scrollview-pull-down-text div.dx-scrollview-pull-down-text-visible { opacity: 1; } .dx-scrollview-pull-down-ready .dx-scrollview-pull-down-image { -webkit-transform: translate(0, 0) rotate(-180deg); transform: translate(0, 0) rotate(-180deg); } .dx-scrollview-pull-down-loading .dx-scrollview-pull-down-image { opacity: 0; } .dx-scrollview-pull-down-loading .dx-scrollview-pull-down-indicator { opacity: 1; } .dx-scrollview-scrollbottom { width: 100%; padding: 10px 0; overflow: hidden; text-align: center; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .dx-scrollview-scrollbottom:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .dx-scrollview-scrollbottom-indicator { display: inline-block; margin: 0 10px 0 0; -webkit-user-drag: none; } .dx-scrollview-scrollbottom-text { display: inline-block; margin-top: -20px; vertical-align: middle; -webkit-user-drag: none; } .dx-scrollview-scrollbottom-end { opacity: 0; } .dx-rtl .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket, .dx-scrollable-native.dx-rtl.dx-scrollable-native-ios .dx-scrollview-top-pocket { left: auto; right: 0; } .dx-rtl .dx-scrollview-pull-down-container { text-align: left; } .dx-rtl .dx-scrollview-pull-down-indicator { left: auto; right: 0; } .dx-rtl .dx-scrollview-pull-down-text div { left: auto; right: 0; } .dx-rtl .dx-scrollview-scrollbottom-indicator { margin: 0 0 0 10px; } .dx-checkbox { display: inline-block; cursor: pointer; line-height: 0; -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-checkbox.dx-state-readonly { cursor: default; } .dx-checkbox-icon { display: inline-block; position: relative; background-position: 0 0; background-size: cover; background-repeat: no-repeat; } .dx-checkbox-container { height: 100%; width: 100%; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-checkbox-has-text .dx-checkbox-icon, .dx-checkbox-has-text .dx-checkbox-text { vertical-align: middle; } .dx-checkbox-text { display: inline-block; vertical-align: middle; white-space: pre-wrap; word-wrap: break-word; line-height: normal; height: 100%; width: 100%; } .dx-rtl .dx-checkbox-text, .dx-rtl.dx-checkbox-text { margin: 0; padding: 0; } .dx-state-disabled.dx-checkbox, .dx-state-disabled .dx-checkbox { cursor: default; } .dx-switch { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; } .dx-switch-wrapper { display: inline-block; text-align: left; height: 100%; width: 100%; } .dx-switch-wrapper:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-switch-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-switch-container { display: inline-block; overflow: hidden; width: 100%; height: 100%; vertical-align: middle; } .dx-state-disabled.dx-switch, .dx-state-disabled .dx-switch { cursor: default; } .dx-switch-inner { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .dx-switch-handle { -webkit-transform: translateX(0%); transform: translateX(0%); } .dx-switch-on-value .dx-switch-inner { -webkit-transform: translateX(0%); transform: translateX(0%); } .dx-switch-on-value .dx-switch-handle { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .dx-rtl.dx-switch-wrapper, .dx-rtl .dx-switch-wrapper { text-align: right; } .dx-rtl .dx-switch-inner { -webkit-transform: translateX(50%); transform: translateX(50%); } .dx-rtl .dx-switch-handle { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .dx-rtl.dx-switch-on-value .dx-switch-handle { -webkit-transform: translateX(0%); transform: translateX(0%); } .dx-tabs-ie-hack a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; color: white; text-decoration: none; opacity: 0.001; } .dx-tabs { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; display: inline-block; width: 100%; text-align: center; table-layout: fixed; position: relative; } .dx-tabs.dx-tabs-stretched { table-layout: auto; } .dx-tabs.dx-overflow-hidden { overflow: hidden; } .dx-tabs-wrapper { display: table-row; } .dx-tabs-scrollable .dx-tabs-wrapper { display: block; white-space: nowrap; height: 100%; } .dx-tabs-scrollable .dx-tab { height: 100%; display: inline-block; } .dx-tabs-scrollable .dx-tab:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .dx-tabs-scrollable .dx-scrollable-content { height: 100%; } .dx-tabs-nav-buttons .dx-tabs-scrollable { margin-right: 25px; margin-left: 25px; } .dx-tabs-nav-button { width: 25px; padding: 0; height: 100%; position: absolute; top: 0; } .dx-tabs-nav-button-left { left: 0; } .dx-tabs-nav-button-right { right: 0; } .dx-tabs-expanded { display: table; } .dx-tab { position: relative; display: table-cell; vertical-align: middle; cursor: pointer; white-space: nowrap; } .dx-tab a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; color: white; text-decoration: none; opacity: 0.001; } .dx-tab .dx-icon { width: 16px; height: 16px; display: block; margin: 0 auto; -webkit-user-drag: none; } .dx-tab-content { display: inline-block; max-width: 100%; } .dx-tab-text { display: inline-block; margin: 0 auto; text-align: center; max-width: 100%; -webkit-user-drag: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-tabs-item-badge { display: inline-block; vertical-align: top; } .dx-state-disabled .dx-tab { cursor: default; } .dx-map-container, .dx-map-shield { position: relative; width: 100%; height: 100%; color: #000; } .dx-map-shield { top: -100%; left: 0; background: rgba(0, 0, 0, 0.01); opacity: 0.01; } .dx-tabs.dx-navbar { margin: 0; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-tabs.dx-navbar .dx-icon { display: block; margin: 0 auto; width: 31px; height: 31px; } .dx-rtl.dx-tabs.dx-navbar .dx-icon, .dx-rtl .dx-tabs.dx-navbar .dx-icon { margin: 0 auto; } .dx-tabs.dx-navbar .dx-tab-text { display: block; vertical-align: 50%; } .dx-nav-item { position: relative; vertical-align: bottom; } .dx-nav-item.dx-state-disabled { cursor: default; } .dx-nav-item-content { display: block; } .dx-nav-item a { display: block; height: 100%; text-decoration: none; } .dx-navbar-item-badge { position: absolute; top: 11%; right: 50%; margin-right: -24px; } .dx-rtl .dx-nav-item .dx-navbar-item-badge { right: auto; left: 50%; margin-right: auto; margin-left: -24px; } .dx-texteditor { display: block; } .dx-texteditor input::-ms-clear { display: none; } .dx-placeholder { position: absolute; top: 0; left: 0; max-width: 100%; width: auto; height: 100%; text-align: left; cursor: text; pointer-events: none; } .dx-placeholder:before { display: inline-block; vertical-align: middle; max-width: 100%; text-overflow: ellipsis; overflow: hidden; content: attr(DATA-DX_PLACEHOLDER); pointer-events: none; white-space: nowrap; } .dx-placeholder:after { content: ' '; display: inline-block; height: 100%; vertical-align: middle; } .dx-texteditor-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; overflow: hidden; width: 100%; height: 100%; } .dx-texteditor-buttons-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-basis: content; -ms-flex-preferred-size: content; flex-basis: content; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .dx-texteditor-input-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .dx-texteditor-input { -webkit-appearance: none; width: 100%; height: 100%; outline: 0; border: 0; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .dx-texteditor-input:-webkit-autofill + .dx-placeholder { display: none; } .dx-show-clear-button { position: relative; } .dx-clear-button-area { height: 100%; width: 34px; position: relative; cursor: pointer; text-align: justify; } .dx-clear-button-area .dx-icon-clear { position: absolute; display: inline-block; background-size: contain; } .dx-texteditor-empty .dx-clear-button-area { display: none; } .dx-state-disabled .dx-placeholder { cursor: auto; } .dx-state-disabled .dx-clear-button-area { display: none; } .dx-state-disabled .dx-texteditor-input { opacity: 1; } .dx-rtl .dx-texteditor .dx-placeholder, .dx-rtl.dx-texteditor .dx-placeholder { text-align: right; left: auto; right: 0; } .dx-device-android .dx-texteditor-input { -webkit-user-modify: read-write-plaintext-only; } .dx-searchbox .dx-icon-search { display: block; position: relative; pointer-events: none; } .dx-searchbox .dx-icon-search:before { content: ""; position: absolute; display: inline-block; overflow: hidden; text-indent: -9999px; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-dropdowneditor { position: relative; } .dx-dropdowneditor.dx-dropdowneditor-field-clickable { cursor: pointer; } .dx-dropdowneditor-input-wrapper { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: hidden; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-dropdowneditor-input-wrapper .dx-texteditor { border: none; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .dx-dropdowneditor-input-wrapper .dx-texteditor-input { text-overflow: ellipsis; } .dx-dropdowneditor-input-wrapper .dx-texteditor-input::-ms-clear { width: 0; height: 0; } .dx-dropdowneditor-field-template-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .dx-dropdowneditor-field-template-wrapper > * { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .dx-dropdowneditor-active .dx-dropdowneditor-icon { opacity: 0.35; } .dx-dropdowneditor-button { position: relative; float: right; height: 100%; cursor: pointer; } .dx-dropdowneditor-button .dx-button-content { text-align: center; white-space: nowrap; } .dx-rtl .dx-dropdowneditor-button, .dx-rtl.dx-dropdowneditor-button { float: left; } .dx-dropdowneditor-button.dx-dropdowneditor-readonly { cursor: default; } .dx-dropdowneditor-icon { height: 100%; background-position: center; background-repeat: no-repeat; } .dx-state-disabled .dx-dropdowneditor, .dx-state-disabled.dx-dropdowneditor { cursor: default; } .dx-state-disabled .dx-dropdowneditor-button { cursor: inherit; } .dx-state-disabled .dx-dropdowneditor-icon { opacity: 0.2; } .dx-list { margin: 0; min-height: 3em; } .dx-list .dx-scrollview-content:focus { outline: 0; } .dx-empty-collection .dx-list-select-all { display: none; } .dx-list-group-header:before { width: 0; height: 0; display: block; float: right; margin-top: 6px; border-style: solid; border-color: transparent; border-width: 5px 5px 0 5px; } .dx-list-collapsible-groups .dx-list-group-header { cursor: pointer; } .dx-list-collapsible-groups .dx-list-group-header:before { content: ' '; } .dx-list-group-collapsed .dx-list-group-header:before { border-width: 0 5px 5px 5px; } .dx-list-group-body { overflow: hidden; } .dx-list-item { position: static; cursor: pointer; display: table; width: 100%; table-layout: fixed; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-list-item-content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: table-cell; width: 100%; } .dx-list-item-content:before { content: "_"; color: transparent; display: inline-block; width: 0; float: left; } .dx-list .dx-empty-message { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-height: 3em; } .dx-list-item-badge-container { display: table-cell; width: 20px; text-align: right; vertical-align: middle; padding-right: 10px; } .dx-list-item-badge { float: right; position: relative; } .dx-list-item-chevron-container { display: table-cell; width: 15px; vertical-align: middle; } .dx-list-item-icon-container { display: inline-block; } .dx-list-item-chevron { height: 8px; width: 8px; margin-left: -6px; -webkit-transform: rotate(135deg); transform: rotate(135deg); border-width: 2px 0 0 2px; border-style: solid; opacity: 0.3; } .dx-rtl .dx-list-item-chevron { margin-left: auto; margin-right: -6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .dx-list-item-response-wait { opacity: 0.5; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .dx-list-slide-menu-content { display: table; width: 100%; table-layout: fixed; } .dx-list-item-before-bag, .dx-list-item-after-bag { display: table-cell; width: 0; height: 100%; vertical-align: middle; } .dx-list-item-before-bag .dx-list-toggle-delete-switch { display: block; float: left; padding: 3px 0; } .dx-list-item-before-bag .dx-icon-toggle-delete { -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } .dx-list-item-before-bag .dx-list-select-checkbox { float: left; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } .dx-list-select-all { white-space: nowrap; } .dx-list-select-all-label { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-list-item-after-bag .dx-list-reorder-handle { cursor: move; background-repeat: no-repeat; background-size: 75% 75%; background-position: center; -ms-touch-action: manipulation; touch-action: manipulation; } .dx-state-disabled .dx-list-item-after-bag .dx-list-reorder-handle { cursor: default; } .dx-list-switchable-menu-shield-positioning { position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); } .dx-device-android-4 .dx-list-switchable-menu-shield-positioning { -webkit-transform: none; transform: none; } .dx-list-switchable-delete-top-shield, .dx-list-switchable-delete-bottom-shield { position: absolute; right: 0; left: 0; cursor: pointer; } .dx-list-switchable-delete-top-shield { top: 0; } .dx-list-switchable-delete-bottom-shield { bottom: 0; } .dx-list-switchable-delete-item-content-shield { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .dx-list-switchable-delete-button-container { position: absolute; top: 0; bottom: 0; overflow: hidden; } .dx-list-switchable-delete-button-wrapper { display: table; height: 100%; } .dx-list-switchable-delete-button-inner-wrapper { display: table-cell; padding-left: 1px; height: 100%; vertical-align: middle; } .dx-list-switchable-menu-item-shield-positioning { position: relative; } .dx-list-switchable-menu-item-shield-positioning .dx-list-slide-menu-content { position: relative; } .dx-list-switchable-menu-item-shield-positioning .dx-list-item-content { position: relative; } .dx-list-switchable-delete-ready .dx-icon-toggle-delete { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .dx-list-slide-menu-buttons-container { position: absolute; width: 100%; top: 0; bottom: 0; left: 0; overflow: hidden; } .dx-device-ios .dx-list-slide-menu-buttons-container { -webkit-mask-image: -webkit-radial-gradient(white, black); } .dx-list-slide-menu-buttons { position: relative; top: 0; left: 0; bottom: 0; display: table; height: 100%; } .dx-list-slide-menu-button { display: table-cell; padding: 0 10px; vertical-align: middle; } .dx-list-static-delete-button { padding: 0 5px; } .dx-list-static-delete-button .dx-button-content { overflow: visible; } .dx-list-item-reordering { opacity: 0; } .dx-list-next-button { padding: 5px; text-align: center; } .dx-list-next-button .dx-button { padding: 0 3em; } .dx-state-disabled.dx-list-item, .dx-state-disabled .dx-list-item { cursor: default; } .dx-state-disabled .dx-list-toggle-delete-switch, .dx-state-disabled .dx-list-switchable-delete-button { cursor: default; } .dx-list-context-menuitem { cursor: pointer; } .dx-list-search { margin-bottom: 5px; } .dx-rtl .dx-list .dx-list-item-badge-container, .dx-rtl.dx-list .dx-list-item-badge-container { padding-left: 10px; padding-right: 0; } .dx-rtl .dx-list .dx-list-item-badge, .dx-rtl.dx-list .dx-list-item-badge { float: left; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch { float: right; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox { float: right; } .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper, .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper { padding-right: 1px; padding-left: 0; } .dx-rtl .dx-list .dx-list-slide-item-delete-button-container, .dx-rtl.dx-list .dx-list-slide-item-delete-button-container { right: 100%; left: 0; } .dx-rtl .dx-list .dx-list-slide-item-delete-button, .dx-rtl.dx-list .dx-list-slide-item-delete-button { right: auto; left: 0; } .dx-rtl .dx-list .dx-list-group-header:before, .dx-rtl.dx-list .dx-list-group-header:before { float: left; } .dx-dropdownlist-popup-wrapper .dx-list { min-height: 35px; } .dx-dropdownlist-popup-wrapper .dx-list .dx-scrollable-content { margin: 0; } .dx-textarea .dx-texteditor-input-container { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .dx-textarea .dx-texteditor-input { resize: none; font-family: inherit; display: block; overflow: auto; white-space: pre-wrap; margin: 0; } .dx-textarea .dx-texteditor-input-auto-resize { overflow-y: hidden; } .dx-textarea .dx-placeholder { height: auto; } .dx-textarea .dx-placeholder:before { white-space: normal; } .dx-numberbox { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-numberbox input[type=number] { -moz-appearance: textfield; } .dx-numberbox input[type=number]::-webkit-outer-spin-button, .dx-numberbox input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .dx-numberbox-spin-container { width: 22px; height: 100%; } .dx-numberbox-spin-down, .dx-numberbox-spin-up { position: relative; width: 100%; height: 50%; cursor: pointer; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { width: 64px; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down, .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up { width: 50%; height: 100%; display: inline-block; } .dx-numberbox-spin-up-icon, .dx-numberbox-spin-down-icon { width: 100%; height: 100%; } .dx-state-disabled .dx-numberbox-spin-container { opacity: 0.2; } .dx-texteditor input[type=date]::-webkit-inner-spin-button { height: 20px; } .dx-datebox-native.dx-state-focused.dx-texteditor-empty .dx-placeholder { display: none; } .dx-datebox { max-width: 100%; } .dx-datebox .dx-texteditor-input::-webkit-datetime-edit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-datebox.dx-texteditor-empty input::-webkit-datetime-edit { color: transparent; } .dx-datebox.dx-texteditor-empty.dx-state-focused input::-webkit-datetime-edit { color: inherit; } .dx-datebox-wrapper .dx-popup-content { padding-top: 20px; padding-bottom: 20px; } .dx-rtl .dx-texteditor-input { text-align: right; } .dx-datebox-button-cell .dx-button { min-width: 90px; } .dx-datebox-button-cell .dx-button.dx-datebox-apply-button { margin-right: 10px; margin-left: 0; } .dx-datebox-button-cell .dx-button.dx-datebox-cancel-button { margin-right: 0; margin-left: 0; } .dx-datebox-buttons-container { text-align: right; width: 100%; } .dx-colorview-container-cell { float: left; } .dx-dateview-item { margin: 0; } .dx-dateview-rollers { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-dateviewroller { position: relative; vertical-align: top; cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .dx-dateview-item-selected-frame:before, .dx-dateview-item-selected-frame:after { pointer-events: none; } .dx-dateview-item-selected-border { display: none; } .dx-dateviewroller-month .dx-dateview-value-formatter, .dx-dateviewroller-day .dx-dateview-name-formatter { display: none; } .dx-toolbar { width: 100%; } .dx-toolbar .dx-button-content:after { display: none; } .dx-toolbar .dx-button .dx-icon { -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-toolbar-items-container { position: relative; overflow: hidden; width: 100%; height: 100%; } .dx-toolbar-item { display: table-cell; padding: 0 5px; vertical-align: middle; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-toolbar-item .dx-tabs { table-layout: auto; } .dx-toolbar-item img { display: block; } .dx-toolbar-menu-container { display: table-cell; padding: 0 5px; vertical-align: middle; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-toolbar-menu-container .dx-tabs { table-layout: auto; } .dx-toolbar-menu-container img { display: block; } .dx-toolbar-group { float: left; margin: 0 10px; } .dx-toolbar-before, .dx-toolbar-after { position: absolute; } .dx-toolbar-center:empty { display: none; } .dx-toolbar-before { left: 0; } .dx-toolbar-after { right: 0; } .dx-toolbar-label { white-space: nowrap; -webkit-user-drag: none; } .dx-toolbar-label .dx-toolbar-item-content > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-toolbar-label > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 -5px; padding: 0 5px; } .dx-toolbar-center { margin: 0 auto; height: 100%; text-align: center; } .dx-toolbar-center, .dx-toolbar-before, .dx-toolbar-after { top: 0; display: table; height: 100%; } .dx-rtl .dx-toolbar-before { right: 0; left: auto; } .dx-rtl .dx-toolbar-after { right: auto; left: 0; } .dx-toolbar-menu-section:empty { display: none; } .dx-dropdownmenu-popup-wrapper .dx-toolbar-menu-custom > .dx-list-item-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button > .dx-list-item-content { padding: 0; } .dx-toolbar-menu-section.dx-toolbar-menu-last-section { border-bottom: none; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button { border: none; background: none; margin: 0; width: 100%; text-align: left; padding: 10px; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-text { line-height: normal; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content { text-align: left; } .dx-toolbar-text-auto-hide .dx-button .dx-button-text { display: none; } .dx-toolbar .dx-texteditor { width: 150px; } .dx-toolbar-item-invisible { display: none; } .dx-tileview div.dx-scrollable-container { overflow-y: hidden; } .dx-tile { position: absolute; text-align: center; } .dx-tile.dx-state-active { -webkit-transform: scale(0.96); transform: scale(0.96); -webkit-transition: -webkit-transform 100ms linear; transition: -webkit-transform 100ms linear; transition: transform 100ms linear; transition: transform 100ms linear, -webkit-transform 100ms linear; } .dx-tile-content { padding: 0; width: 100%; height: 100%; } .dx-tileview-wrapper { position: relative; height: 1px; } .dx-device-ios-6 .dx-tile { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dx-overlay-wrapper { top: 0; left: 0; z-index: 1000; } .dx-overlay-wrapper, .dx-overlay-wrapper *, .dx-overlay-wrapper:before, .dx-overlay-wrapper:after, .dx-overlay-wrapper *:before, .dx-overlay-wrapper *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } .dx-overlay-modal { width: 100%; height: 100%; } .dx-overlay-shader { background-color: rgba(128, 128, 128, 0.5); } .dx-overlay-content { position: absolute; z-index: 1000; outline: 0; overflow: hidden; } .dx-overlay-content > .dx-template-wrapper { height: 100%; width: 100%; } .dx-device-android .dx-overlay-content { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dx-device-android .dx-scrollable-native .dx-overlay-content { -webkit-backface-visibility: visible; backface-visibility: visible; } .dx-toast-content { display: inline-block; padding: 10px; vertical-align: middle; } .dx-toast-icon { display: table-cell; background-size: contain; width: 35px; height: 35px; margin-right: 10px; vertical-align: middle; background-position: left center; background-repeat: no-repeat; } .dx-toast-message { display: table-cell; vertical-align: middle; padding-left: 10px; } .dx-toast-info { background-color: #80b9e4; } .dx-toast-warning { background-color: #ffb277; } .dx-toast-error { background-color: #f77; } .dx-toast-success { background-color: #6ec881; } .dx-rtl .dx-toast-message { padding-left: 0; padding-right: 10px; } .dx-popup-title { padding: 10px; min-height: 19px; -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; white-space: normal; } .dx-popup-draggable .dx-popup-title { cursor: move; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-overlay-content > .dx-template-wrapper.dx-popup-title { height: auto; width: auto; } .dx-overlay-content .dx-popup-content > .dx-template-wrapper { height: 100%; width: 100%; } .dx-overlay-content .dx-popup-content { -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-popup-flex-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-title, .dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-bottom { width: 100%; } .dx-popup-flex-height .dx-popup-content { -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .dx-popup-content { padding: 10px; -webkit-user-drag: none; } .dx-popup-content.dx-dialog-content { padding: 0; } .dx-popup-inherit-height .dx-popup-content > .dx-treeview, .dx-popup-inherit-height .dx-popup-content > .dx-scrollable, .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable { max-height: inherit; min-height: inherit; } .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container { max-height: inherit; min-height: inherit; } .dx-popup-inherit-height .dx-popup-content > .dx-widget { max-height: inherit; } .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper { max-height: inherit; min-height: inherit; } .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable { max-height: inherit; min-height: inherit; } .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container { max-height: inherit; min-height: inherit; } .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-widget { max-height: inherit; } .dx-dialog-root .dx-overlay-shader { background-color: #444; } .dx-dialog-message { padding: 10px 10px 5px 10px; } .dx-prevent-safari-scrolling { position: fixed; margin: 0; left: 0; right: 0; top: 0; } .dx-popover-wrapper .dx-popover-arrow:after { width: 14.14227125px; height: 14.14227125px; } .dx-popover-wrapper.dx-position-top .dx-popover-arrow, .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow { width: 20px; height: 10px; } .dx-popover-wrapper.dx-position-right .dx-popover-arrow, .dx-popover-wrapper.dx-position-left .dx-popover-arrow { width: 10px; height: 20px; } .dx-popover-arrow { position: absolute; z-index: 2000; overflow: hidden; } .dx-popover-arrow:after { position: absolute; display: block; overflow: hidden; content: " "; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .dx-popover-wrapper.dx-position-top .dx-popover-arrow:after { top: 0; left: 0; -webkit-transform-origin: top left; transform-origin: top left; } .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after { right: 0; bottom: 0; -webkit-transform-origin: bottom right; transform-origin: bottom right; } .dx-popover-wrapper.dx-position-left .dx-popover-arrow:after { bottom: 0; left: 0; -webkit-transform-origin: bottom left; transform-origin: bottom left; } .dx-popover-wrapper.dx-position-right .dx-popover-arrow:after { top: 0; right: 0; -webkit-transform-origin: top right; transform-origin: top right; } .dx-popover-wrapper .dx-overlay-content { overflow: visible; } .dx-popover-wrapper .dx-popup-content { overflow: hidden; } .dx-device-ios .dx-popover-arrow:after { -webkit-transform: rotate(-45deg) translateZ(0); } .dx-progressbar .dx-position-left .dx-progressbar-range-container, .dx-progressbar .dx-position-right .dx-progressbar-range-container, .dx-progressbar .dx-position-left .dx-progressbar-status, .dx-progressbar .dx-position-right .dx-progressbar-status { display: table-cell; vertical-align: middle; } .dx-progressbar .dx-position-top-left .dx-progressbar-range-container, .dx-progressbar .dx-position-bottom-left .dx-progressbar-range-container, .dx-progressbar .dx-position-top-left .dx-progressbar-status, .dx-progressbar .dx-position-bottom-left .dx-progressbar-status { float: left; } .dx-progressbar .dx-position-top-right .dx-progressbar-range-container, .dx-progressbar .dx-position-bottom-right .dx-progressbar-range-container, .dx-progressbar .dx-position-top-right .dx-progressbar-status, .dx-progressbar .dx-position-bottom-right .dx-progressbar-status { float: right; } .dx-progressbar .dx-position-top-center .dx-progressbar-status, .dx-progressbar .dx-position-bottom-center .dx-progressbar-status { text-align: center; } .dx-progressbar .dx-position-left .dx-progressbar-status { padding-right: 8px; } .dx-progressbar .dx-position-right .dx-progressbar-status { padding-left: 8px; } .dx-progressbar:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-progressbar-range-container { width: 100%; } .dx-progressbar-container { position: relative; width: 100%; } .dx-progressbar-wrapper { display: inline-block; width: 100%; vertical-align: middle; direction: ltr; } .dx-progressbar-range { height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; } .dx-progressbar-status { position: relative; top: 0; left: 0; width: auto; height: 20px; font-size: 12px; } .dx-progressbar-animating-segment { display: none; } .dx-progressbar-animating-container { width: 100%; } .dx-rtl.dx-progressbar .dx-progressbar-wrapper, .dx-rtl .dx-progressbar .dx-progressbar-wrapper { direction: rtl; } .dx-tooltip-wrapper .dx-overlay-content { min-width: 34px; min-height: 26px; text-align: center; line-height: 0; } .dx-tooltip-wrapper .dx-overlay-content:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content { display: inline-block; padding: 12px 17px; font-size: 0.85em; line-height: normal; white-space: nowrap; } .dx-slider-label { position: absolute; font-size: 0.85em; } .dx-slider-label:last-child { right: 0; left: auto; } .dx-rtl .dx-slider-label:last-child { left: 0; right: auto; } .dx-slider-label-position-bottom { padding-bottom: 14px; } .dx-slider-label-position-bottom .dx-slider-label { bottom: -8px; } .dx-slider-label-position-top { padding-top: 14px; } .dx-slider-label-position-top .dx-slider-label { top: -8px; } .dx-slider { line-height: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-slider:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-slider .dx-overlay-content { height: 28px; } .dx-slider .dx-overlay-content:before { display: none; } .dx-slider .dx-popover-wrapper .dx-popover-arrow:after { width: 9.89958987px; height: 9.89958987px; } .dx-slider .dx-popover-wrapper.dx-position-top .dx-popover-arrow, .dx-slider .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow { width: 14px; height: 7px; } .dx-slider .dx-popover-wrapper.dx-position-right .dx-popover-arrow, .dx-slider .dx-popover-wrapper.dx-position-left .dx-popover-arrow { width: 7px; height: 14px; } .dx-slider-wrapper { position: relative; display: inline-block; width: 100%; vertical-align: middle; cursor: pointer; } .dx-slider-bar { position: relative; } .dx-slider-range { position: absolute; top: 0; height: 100%; pointer-events: none; -webkit-user-drag: none; } .dx-slider-handle { position: absolute; top: 0; right: 0; pointer-events: auto; -webkit-user-drag: none; } .dx-slider-handle .dx-tooltip-wrapper .dx-popup-content { line-height: 0; } .dx-state-disabled .dx-slider-wrapper { cursor: default; } .dx-rtl .dx-slider-handle { right: auto; left: 0; } .dx-slider-tooltip-on-hover .dx-tooltip { visibility: hidden; } .dx-slider-tooltip-on-hover.dx-state-active .dx-tooltip, .dx-slider-tooltip-on-hover.dx-state-hover .dx-tooltip { visibility: visible; } .dx-rangeslider-start-handle { top: 0; right: auto; left: 0; } .dx-rtl .dx-rangeslider-start-handle { right: 0; left: auto; } .dx-gallery { width: 100%; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-touch-action: pinch-zoom pan-y; touch-action: pinch-zoom pan-y; } .dx-gallery-wrapper { position: relative; overflow: hidden; width: 100%; height: 100%; white-space: nowrap; } .dx-gallery-wrapper > .dx-empty-message { text-align: center; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dx-gallery-container { position: relative; height: 100%; } .dx-gallery-item { display: inline-block; overflow: hidden; width: 100%; height: 100%; text-align: center; } .dx-gallery-item-image { max-width: 100%; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: auto; margin: auto; } .dx-gallery-item-content { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .dx-gallery .dx-gallery-item-loop { display: none; } .dx-gallery-loop .dx-gallery-item-loop { display: inline-block; position: absolute; } .dx-gallery-item-invisible { visibility: hidden; } .dx-gallery-nav-button-prev, .dx-gallery-nav-button-next { position: absolute; top: 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; background-size: 100% 100%; } .dx-gallery-nav-button-prev { left: 0; } .dx-gallery-nav-button-next { right: 0; } .dx-gallery-indicator { position: absolute; bottom: 10px; width: 100%; height: 10px; font-size: 0; } .dx-gallery-indicator-item { display: inline-block; margin: 0 2px; height: 10px; cursor: pointer; } .dx-state-disabled .dx-gallery-nav-button-prev, .dx-state-disabled .dx-gallery-nav-button-next, .dx-state-disabled .dx-gallery-indicator-item { cursor: default; } .dx-rtl .dx-gallery-nav-button-prev { right: 0; left: auto; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-gallery-nav-button-next { right: auto; left: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-device-android .dx-scrollable-native .dx-gallery-item, .dx-device-android .dx-scrollable-native .dx-gallery-indicator, .dx-device-android .dx-scrollable-native .dx-gallery-nav-button-prev, .dx-device-android .dx-scrollable-native .dx-gallery-nav-button-next { -webkit-backface-visibility: visible; backface-visibility: visible; } .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-item, .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-indicator, .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-prev, .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-next { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dx-device-android .dx-gallery-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dx-device-ios-6 { } .dx-device-ios-6 .dx-gallery, .dx-device-ios-6 .dx-gallery-item, .dx-device-ios-6 .dx-gallery-indicator, .dx-device-ios-6 .dx-gallery-nav-button-prev, .dx-device-ios-6 .dx-gallery-nav-button-next { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dx-lookup { margin: 0; height: 19px; } .dx-lookup .dx-popup-content .dx-scrollable { height: calc(100% - 45px); } .dx-lookup .dx-lookup-field-wrapper { position: relative; width: 100%; height: 100%; } .dx-lookup:not(.dx-rtl) .dx-lookup-field-wrapper:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-lookup .dx-rtl .dx-lookup-field-wrapper:after { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-lookup-field { outline: none; position: relative; width: 100%; display: inline-block; vertical-align: middle; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-lookup-field:before { content: "."; color: transparent; display: inline-block; width: 0; float: left; } .dx-lookup-arrow { pointer-events: none; position: absolute; top: 0; bottom: 0; right: 0; left: auto; height: 100%; } .dx-rtl .dx-lookup-arrow { right: auto; left: 0; } .dx-state-disabled .dx-lookup-field, .dx-state-disabled .dx-lookup-field { cursor: default; } .dx-lookup-popup-wrapper .dx-list-item { cursor: pointer; } .dx-lookup-popup-search .dx-list { height: 90%; } .dx-lookup-search-wrapper { width: 100%; } .dx-actionsheet-popup-wrapper .dx-overlay-content { padding-top: 0; padding-bottom: 0; -webkit-user-drag: none; } .dx-actionsheet-popup-wrapper .dx-popup-content .dx-button, .dx-actionsheet-popover-wrapper .dx-popup-content .dx-button { width: 100%; margin-right: 0; margin-left: 0; } .dx-actionsheet-item, .dx-actionsheet-cancel { width: 100%; } .dx-state-disabled .dx-actionsheet-container .dx-button, .dx-state-disabled .dx-actionsheet-container .dx-button { cursor: default; } .dx-actionsheet-popup-wrapper .dx-popup-title, .dx-actionsheet-popover-wrapper .dx-popup-title { word-wrap: break-word; } .dx-loadindicator { width: 32px; height: 32px; display: inline-block; overflow: hidden; border: none; background-color: transparent; } .dx-loadindicator-wrapper { width: 100%; height: 100%; font-size: 32px; margin: auto; } .dx-loadindicator-image { background-size: contain; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; background-position: 50%; background-repeat: no-repeat; } .dx-loadindicator-icon { direction: ltr; } .dx-loadindicator-icon-custom { position: relative; width: 100%; height: 100%; background-size: 100% 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear; animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear; } @-webkit-keyframes dx-loadindicator-icon-custom-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes dx-loadindicator-icon-custom-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .dx-loadindicator-container > .dx-loadindicator { top: 50%; left: 50%; position: absolute; margin-top: -16px; margin-left: -16px; } .dx-loadindicator-container > .dx-loadindicator.dx-loadindicator { margin-top: -16px; margin-left: -16px; } .dx-loadindicator-content { width: 100%; height: 100%; position: relative; } .dx-loadpanel-content { padding: 10px; border: 1px solid #ccc; background: #fefefe; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; border-radius: 5px; } .dx-loadpanel-content:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-loadpanel-content-wrapper { display: inline-block; width: 100%; vertical-align: middle; } .dx-loadpanel-message { text-align: center; } .dx-loadpanel-content.dx-loadpanel-pane-hidden { -webkit-box-shadow: none; box-shadow: none; border: none; background: none; } @-webkit-keyframes dx-loadpanel-opacity { from { opacity: 0; } to { opacity: 1; } } @keyframes dx-loadpanel-opacity { from { opacity: 0; } to { opacity: 1; } } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list { min-height: 40px; min-width: 100px; } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item { display: block; } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item:last-of-type { border-bottom: none; } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item-content { display: block; } .dx-overlay-wrapper.dx-dropdownmenu-popup .dx-popover-arrow { width: 0; height: 0; } .dx-dropdownmenu-popup-wrapper .dx-list-item { display: block; } .dx-dropdownbutton { display: inline-block; } .dx-dropdownbutton-content.dx-popup-content { padding: 0; } .dx-dropdownbutton-content .dx-list .dx-empty-message, .dx-dropdownbutton-content .dx-list .dx-list-item { border: none; } .dx-dropdownbutton-toggle.dx-button .dx-button-content { padding-left: 0; padding-right: 0; } .dx-rtl .dx-dropdownbutton-toggle { border-right-width: 0; } .dx-dropdownbutton-action.dx-button .dx-button-content { padding-right: 10px; padding-left: 10px; } .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button .dx-button-content { padding-left: 10px; padding-right: 4px; } .dx-rtl .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button .dx-button-content { padding-left: 4px; padding-right: 10px; } .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button { border-right-width: 0; border-left-width: 1px; } .dx-rtl .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button { border-right-width: 1px; border-left-width: 0; } .dx-selectbox { cursor: pointer; } .dx-selectbox .dx-texteditor-input { max-width: 100%; } .dx-selectbox .dx-texteditor-input:-moz-read-only { cursor: pointer; } .dx-selectbox .dx-texteditor-input:read-only { cursor: pointer; } .dx-selectbox-container { position: relative; } .dx-state-disabled .dx-selectbox .dx-texteditor-input, .dx-state-disabled.dx-selectbox .dx-texteditor-input { cursor: default; } .dx-tagbox .dx-texteditor-input { width: auto; } .dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input { border: none; color: transparent; text-shadow: 0 0 0 gray; min-width: 0; width: 0.1px; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input:focus { outline: none; } .dx-tagbox.dx-state-disabled .dx-texteditor-input { background: none; } .dx-tagbox.dx-state-disabled .dx-tag-content { cursor: default; } .dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input-container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .dx-tag { max-width: calc(100% - 1px); display: inline-block; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .dx-tag-container.dx-texteditor-input-container { padding: 0; padding-right: 4px; outline: none; } .dx-tagbox-single-line .dx-tag-container.dx-texteditor-input-container { overflow: hidden; white-space: nowrap; } .dx-texteditor-container.dx-tag-container { white-space: normal; } .dx-tag-content { position: relative; display: inline-block; margin: 4px 0 0 4px; min-width: 30px; text-align: center; cursor: pointer; } .dx-tag-content:before { content: "."; color: transparent; display: inline-block; width: 0; } .dx-tag-remove-button { position: absolute; top: 0; right: 0; } .dx-tag-remove-button:before, .dx-tag-remove-button:after { position: absolute; top: 50%; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .dx-rtl .dx-tagbox .dx-tag-content, .dx-tagbox.dx-rtl .dx-tag-content { margin-left: 0; margin-right: 4px; } .dx-rtl .dx-tagbox .dx-tag-remove-button, .dx-tagbox.dx-rtl .dx-tag-remove-button { right: auto; left: 0; } .dx-rtl .dx-tagbox .dx-tag-container, .dx-tagbox.dx-rtl .dx-tag-container { padding-left: 4px; padding-right: 0; } .dx-radiobutton { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-state-disabled.dx-radiobutton { cursor: default; } .dx-radiobutton { display: table; cursor: pointer; } .dx-radio-value-container { display: table-cell; padding-right: 10px; padding-left: 5px; vertical-align: middle; } .dx-rtl .dx-radio-value-container, .dx-rtl.dx-radio-value-container { padding-right: 5px; padding-left: 10px; } .dx-radiogroup-horizontal:before, .dx-radiogroup-horizontal:after { display: table; content: ""; line-height: 0; } .dx-radiogroup-horizontal:after { clear: both; } .dx-radiogroup-horizontal .dx-radiobutton { float: left; } .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton, .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton { float: right; } .dx-radiogroup-horizontal .dx-radiobutton:last-of-type { margin-right: 0; } .dx-state-disabled .dx-radiobutton { cursor: default; } .dx-accordion-item-title { font-size: 18px; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-accordion-item-title .dx-icon { width: 16px; height: 16px; background-size: contain; display: inline-block; margin-right: 5px; } .dx-accordion-item-title:before { content: ''; background-position: center; float: right; } .dx-accordion-item-body { overflow: hidden; font-size: 14px; } .dx-accordion-item-closed .dx-accordion-item-body { visibility: hidden; } .dx-accordion-item { overflow: hidden; } .dx-accordion-item-opened .dx-accordion-item-body { visibility: visible; } .dx-state-disabled .dx-accordion-item-title { cursor: default; } .dx-rtl .dx-accordion-item-title:before { float: left; } .dx-slideoutview { height: 100%; width: 100%; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-slideoutview-wrapper { position: relative; overflow: hidden; height: 100%; } .dx-slideoutview-menu-content { position: absolute; top: 0; bottom: 0; } .dx-slideoutview-menu-content.dx-slideoutview-right { right: 0; } .dx-slideoutview-menu-content.dx-slideoutview-left { left: 0; } .dx-slideoutview-content { position: absolute; overflow: hidden; width: 100%; height: 100%; top: 0; z-index: 100; } .dx-slideoutview-shield { position: absolute; top: 0; height: 100%; width: 100%; z-index: 1; } .dx-device-android .dx-slideoutview-content { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dx-slideout { height: 100%; width: 100%; } .dx-slideout-menu { min-width: 280px; max-width: 350px; } .dx-slideout-menu .dx-list-item .dx-icon { float: left; margin-right: 15px; width: 24px; height: 24px; background-size: 100% 100%; } .dx-slideout-item, .dx-slideout-item-content { height: 100%; width: 100%; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon { float: right; margin-right: 0; margin-left: 15px; } .dx-pager { overflow: hidden; width: 100%; padding-top: 8px; padding-bottom: 8px; line-height: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-pager .dx-pages { float: right; } .dx-pager .dx-pages .dx-page { display: inline-block; cursor: pointer; padding: 7px 8px 8px; margin-left: 5px; margin-right: 1px; } .dx-pager .dx-pages .dx-page:first-child { margin-left: 1px; } .dx-pager .dx-pages .dx-separator { display: inline-block; padding-left: 8px; padding-right: 8px; } .dx-pager .dx-pages .dx-info { display: inline-block; margin-right: 9px; opacity: 0.6; } .dx-pager .dx-pages .dx-navigate-button { width: 10px; height: 20px; cursor: pointer; display: inline-block; vertical-align: top; padding: 7px 13px; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-pager .dx-pages .dx-navigate-button.dx-button-disable { opacity: 0.3; cursor: inherit; } .dx-pager .dx-pages .dx-prev-button, .dx-pager .dx-pages .dx-next-button { position: relative; } .dx-pager .dx-page-sizes { float: left; } .dx-pager .dx-page-sizes .dx-page-size { display: inline-block; cursor: pointer; padding-left: 10px; padding-right: 9px; padding-top: 7px; padding-bottom: 8px; margin-left: 4px; margin-right: 1px; } .dx-pager .dx-page-sizes .dx-page-size:first-child { margin-left: 1px; } .dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection { cursor: inherit; text-shadow: none; } .dx-pager .dx-light-pages { display: inline-block; } .dx-pager .dx-light-pages .dx-page-index { width: 40px; } .dx-pager .dx-light-pages .dx-pages-count { cursor: pointer; } .dx-pager .dx-light-pages .dx-info-text, .dx-pager .dx-light-pages .dx-pages-count { padding-left: 6px; } .dx-pager .dx-light-pages .dx-page-index, .dx-pager .dx-light-pages .dx-info-text, .dx-pager .dx-light-pages .dx-pages-count { display: table-cell; } .dx-rtl .dx-pager .dx-pages, .dx-pager.dx-rtl .dx-pages { float: left; direction: ltr; } .dx-rtl .dx-pager .dx-pages .dx-page, .dx-pager.dx-rtl .dx-pages .dx-page { direction: ltr; } .dx-rtl .dx-pager .dx-pages .dx-info, .dx-pager.dx-rtl .dx-pages .dx-info { direction: rtl; margin-left: 9px; margin-right: 0; } .dx-rtl .dx-pager .dx-page-sizes, .dx-pager.dx-rtl .dx-page-sizes { float: right; } .dx-colorview-container { width: 450px; overflow: hidden; } .dx-colorview-container label { display: block; overflow: hidden; line-height: 36px; font-weight: normal; margin: 0; white-space: normal; } .dx-colorview-container label.dx-colorview-label-hex { margin: 10px 0 0 0; } .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-left: 43px; width: 115px; } .dx-colorview-container label .dx-texteditor { width: 69px; float: right; margin: 1px 1px 10px 0; } .dx-colorview-container .dx-button { margin-top: 0; margin-bottom: 0; } .dx-colorview-container .dx-button.dx-colorview-apply-button { margin-right: 10px; margin-left: 0; } .dx-colorview-container .dx-button.dx-colorview-cancel-button { margin-right: 0; margin-left: 0; } .dx-colorview-container-row { overflow: hidden; padding-top: 1px; } .dx-colorview-container-row:first-child { margin-top: 0; } .dx-colorview-container-row.dx-colorview-alpha-channel-row { margin-top: 10px; } .dx-colorview-container-cell { float: left; } .dx-colorview-palette-handle { width: 28px; height: 28px; top: 0; left: 0; cursor: crosshair; border-radius: 100%; z-index: 5; } .dx-colorview-hue-scale-handle, .dx-colorview-alpha-channel-handle { position: absolute; cursor: pointer; } .dx-colorview-hue-scale-handle { width: 36px; height: 17px; top: 0; left: -7px; } .dx-colorview-alpha-channel-handle { width: 17px; height: 36px; top: -6px; left: 0; } .dx-colorview-hue-scale { position: relative; width: 18px; height: 299px; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000)); background-image: linear-gradient(0deg, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } .dx-colorview-color-preview-container-inner, .dx-colorview-alpha-channel-wrapper, .dx-colorbox-input-container::after { background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 74%, #cccccc 75%, #cccccc), linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 74%, #cccccc 75%, #cccccc); background-size: 16px 16px; background-position: 0 0, 8px 8px; } .dx-colorview-alpha-channel-wrapper { background-position: 0 6px, 8px 14px; } .dx-colorbox-input-container { height: 100%; } .dx-colorview-palette-gradient-white { background-repeat: no-repeat; background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1))); background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); } .dx-colorview-palette-gradient-black { background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1))); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); } .dx-colorview-palette { position: relative; overflow: hidden; width: 288px; height: 299px; cursor: crosshair; } .dx-colorview-palette-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dx-colorview-alpha-channel-scale { width: 288px; height: 20px; position: relative; } .dx-colorview-hue-scale-cell { margin-left: 19px; position: relative; } .dx-colorview-hue-scale-wrapper { height: 301px; } .dx-colorview-controls-container { position: relative; width: 90px; margin-left: 27px; } .dx-colorview-color-preview { width: 86px; height: 40px; } .dx-colorview-alpha-channel-cell { margin: 6px 0; position: relative; width: 292px; } .dx-colorview-alpha-channel-cell .dx-button { width: 90px; } .dx-rtl .dx-colorview-container-row .dx-colorview-container-cell { float: right; } .dx-rtl .dx-colorview-hue-scale-cell { margin-right: 19px; margin-left: 0; } .dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-right: 41px; margin-left: 0; } .dx-rtl .dx-colorview-container label .dx-texteditor { float: left; } .dx-rtl .dx-colorview-controls-container { margin-right: 25px; margin-left: 0; } .dx-rtl .dx-colorview-alpha-channel-scale { direction: ltr; } .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview { border: none; } .dx-colorbox-input-container .dx-placeholder:before { max-width: calc(100% - 25px); } .dx-colorbox .dx-texteditor-input-container:before { content: ""; display: block; position: absolute; top: 50%; z-index: 1; width: 15px; height: 15px; margin-top: -7.5px; left: 14px; } .dx-colorbox .dx-colorbox-color-is-not-defined .dx-texteditor-input-container:before { background: none; } .dx-colorbox-color-result-preview { position: absolute; top: 50%; z-index: 2; width: 17px; height: 17px; margin-top: -8.5px; left: 13px; border: 1px solid; } .dx-colorbox-input-container .dx-colorbox-input.dx-texteditor-input { -webkit-appearance: none; padding-left: 40px; } .dx-colorbox-overlay { padding: 20px; } .dx-colorbox-overlay .dx-popup-content { overflow: hidden; padding: 0; } .dx-colorbox-overlay .dx-popup-bottom .dx-toolbar-item:first-child { padding-right: 10px; } .dx-colorbox-overlay .dx-colorview-buttons-container .dx-button { margin: 0; } .dx-rtl .dx-colorbox .dx-placeholder, .dx-rtl.dx-colorbox .dx-placeholder { right: 32px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input { direction: ltr; text-align: end; padding-right: 40px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview { left: auto; right: 13px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:before, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:before { left: auto; right: 14px; } .dx-gridbase-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; min-height: inherit; max-height: inherit; } .dx-gridbase-container > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .dx-datagrid-checkbox-size { vertical-align: middle; } .dx-datagrid-important-margin { margin-right: 5px !important; } .dx-datagrid-table { background-color: transparent; } .dx-datagrid .dx-datagrid-content-fixed { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; pointer-events: none; overflow: hidden; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table { position: relative; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table td { pointer-events: auto; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-row td.dx-pointer-events-none { visibility: hidden; background-color: transparent; pointer-events: none; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-header-row td.dx-pointer-events-none { border-bottom-color: transparent; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none { width: auto; } .dx-datagrid.dx-datagrid-borders > .dx-datagrid-total-footer { border-top: 0; } .dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager { margin-top: 1px; } .dx-datagrid.dx-datagrid-borders > .dx-datagrid-header-panel { border-bottom: 0; } .dx-datagrid.dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td { border-bottom-width: 0; } .dx-datagrid .dx-menu-subitem ul li { padding-top: 0; } .dx-datagrid .dx-menu-subitem ul li:first-child { padding-top: 1px; } .dx-datagrid .dx-menu-subitem .dx-menu-item { padding: 7px 30px 7px 5px; } .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image { background-position-x: left; } .dx-datagrid .dx-link { text-decoration: underline; cursor: pointer; } .dx-datagrid .dx-column-indicators { display: inline-block; vertical-align: top; white-space: nowrap; } .dx-datagrid .dx-column-indicators.dx-visibility-hidden { visibility: hidden; } .dx-datagrid .dx-column-indicators .dx-sort.dx-sort, .dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort, .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter, .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter { display: inline-block; } .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter:after, .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: -7px; } .dx-datagrid .dx-row > td, .dx-datagrid .dx-row > tr > td { padding: 7px; } .dx-datagrid .dx-error-row { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } .dx-datagrid .dx-error-row .dx-error-message { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .dx-datagrid .dx-error-row .dx-error-message a { color: inherit; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title { border-bottom: none; font-size: 16px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label { font-size: 16px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content { padding: 0 20px 20px 20px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { opacity: 0.5; margin-bottom: 10px; -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2); } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-datagrid-drag-action { opacity: 1; cursor: pointer; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf { padding: 0; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node { padding-left: 0; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node .dx-checkbox { left: 4px; } .dx-datagrid-nowrap { white-space: nowrap; } .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content { white-space: nowrap; } .dx-datagrid-drag-header { position: absolute; vertical-align: middle; cursor: pointer; z-index: 10000; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-datagrid-drag-header.dx-drag-command-cell { padding: 0; } .dx-datagrid-columns-separator { position: absolute; z-index: 3; width: 3px; } .dx-datagrid-columns-separator-transparent { border-left: 0; border-right: 0; } .dx-datagrid-tracker { width: 100%; position: absolute; top: 0; z-index: 3; cursor: col-resize; } .dx-datagrid-table-content { position: absolute; top: 0; } .dx-datagrid-focus-overlay { position: absolute; pointer-events: none; top: 0; left: 0; visibility: hidden; } .dx-datagrid-action, .dx-datagrid-drag-action { cursor: pointer; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link { color: inherit; } .dx-datagrid-content { position: relative; } .dx-datagrid-text-content { overflow: hidden; text-overflow: ellipsis; } .dx-datagrid-table-fixed { table-layout: fixed; width: 100%; } input.dx-hidden { display: inline-block !important; width: 0 !important; } .dx-hidden-cell { visibility: hidden; } .dx-row > td, .dx-row > tr > td { border: none; } .dx-datagrid-content .dx-datagrid-table { border-collapse: collapse; border-spacing: 0; margin: 0; max-width: 10px; } .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed { max-width: none; } .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-none { display: none; } .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators { float: none !important; } .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators > span { width: 14px; } .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators .dx-sort.dx-sort-none { display: inline-block; } .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-header-row .dx-datagrid-text-content { max-width: none; } .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-left { margin-right: 3px; } .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-right { margin-left: 3px; } .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators { float: none !important; } .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators > span { width: 14px; } .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-left { margin-right: 3px; } .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-right { margin-left: 3px; } .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-master-detail-cell { max-width: 0; } .dx-datagrid-content .dx-datagrid-table [class*="column"] + [class*="column"]:last-child { float: none; } .dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td { vertical-align: top; } .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:first-child { border-left: 0; } .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space { border-right: none; vertical-align: top; } .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space + td { border-left: none; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container { overflow: hidden; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-cell-modified:not(.dx-field-item-content), .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid:not(.dx-field-item-content) { padding: 0; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay { position: static; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay .dx-overlay-content { overflow: hidden; text-overflow: ellipsis; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell { max-width: 0; padding: 0; vertical-align: middle; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor, .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container { border: 0; margin: 0; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-dropdowneditor { margin-left: -1px; padding-left: 1px; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select { padding: 0; width: 70px; min-width: 70px; max-width: 70px; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit { text-overflow: clip; width: 100px; min-width: 100px; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons { width: 80px; min-width: 80px; white-space: nowrap; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link { text-decoration: none; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link-icon { display: inline-block; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand { padding: 0; width: 30px; min-width: 30px; max-width: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-adaptive { padding: 0; vertical-align: middle; } .dx-datagrid-content .dx-datagrid-table .dx-filter-range-content { padding: 7px 7px 7px 32px; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-last-data-cell { border-right: none; } .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-command-adaptive-hidden { border-left: none; } .dx-highlight-outline { position: relative; padding: 7px; } .dx-highlight-outline::after { content: ''; position: absolute; border: 2px solid transparent; top: 0; left: 1px; bottom: 0; right: 0; pointer-events: none; } .dx-highlight-outline.dx-hidden { display: block !important; } .dx-highlight-outline.dx-hidden::after { display: none; } .dx-editor-cell .dx-texteditor-input { margin: 0; } .dx-editor-cell .dx-highlight-outline { padding: 0; } .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before { display: inline-block; content: '\200B'; vertical-align: middle; padding-top: 7px; padding-bottom: 7px; } .dx-column-lines .dx-highlight-outline::after { left: 0; } .dx-datagrid-headers { position: relative; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-header-row .dx-editor-cell .dx-select-checkbox { display: inline-block; } .dx-header-row > td { white-space: nowrap; overflow: hidden; } .dx-header-row > td > .dx-datagrid-text-content { white-space: normal; vertical-align: top; } .dx-header-row .dx-text-content-alignment-left, .dx-header-row .dx-text-content-alignment-right { display: inline-block; max-width: 100%; } .dx-header-row .dx-sort-indicator, .dx-header-row .dx-header-filter-indicator { max-width: calc(100% - 17px); } .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left, .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left { margin-right: 3px; } .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right, .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right { margin-left: 3px; } .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right, .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right { max-width: calc(100% - 34px); } .dx-header-row .dx-sort-indicator.dx-header-filter-indicator { max-width: calc(100% - 31px); } .dx-header-row .dx-sort-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right { max-width: calc(100% - 62px); } .dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor { border-width: 0; } .dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused:after { content: " "; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; z-index: 1; pointer-events: none; } .dx-datagrid-filter-range-overlay .dx-datagrid-filter-range-end { border-top: 1px solid transparent; } .dx-datagrid-filter-range-overlay .dx-editor-container.dx-highlight-outline { padding: 0; } .dx-datagrid-filter-row .dx-editor-cell .dx-menu { display: none; } .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu { position: relative; } .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu { display: block; } .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input, .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before { padding-left: 32px; } .dx-datagrid-filter-row .dx-highlight-outline::after { pointer-events: none; } .dx-datagrid-filter-row .dx-focused .dx-highlight-outline::after { border-color: transparent; } .dx-datagrid-filter-row .dx-menu { z-index: 1; position: absolute; top: 0; left: 0; cursor: pointer; margin-left: -2px; margin-top: -2px; height: 100%; overflow: visible; } .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal { height: 100%; } .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text, .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout { display: none; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after { position: absolute; left: 2px; top: 2px; width: 100%; height: 102%; content: ''; } .dx-datagrid-filter-row > td:first-child .dx-menu, .dx-datagrid-filter-row > .dx-first-cell .dx-menu { margin-left: 0; } .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item { padding: 5px; padding-right: 30px; } .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item { padding: 8px 5px 7px 5px; } .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover { padding: 9px 6px 8px 6px; } .dx-datagrid-filter-row .dx-menu-caption { padding-left: 6px; } .dx-datagrid-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down { display: none; } .dx-datagrid-filter-row .dx-menu-item-highlight { font-weight: normal; } .dx-datagrid-scroll-container { overflow: hidden; width: 100%; } .dx-datagrid-header-panel { text-align: left; } .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button { margin-left: 10px; } .dx-state-disabled { cursor: pointer; } .dx-state-disabled .dx-menu-item { cursor: default; } .dx-datagrid-search-panel { margin: 0; margin-left: 15px; } .dx-gridbase-container > .dx-datagrid-rowsview { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; height: auto; } .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: auto; min-width: 0; min-height: 0; } .dx-datagrid-rowsview { position: relative; overflow: hidden; } .dx-datagrid-rowsview.dx-empty { height: 100px; } .dx-datagrid-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content { z-index: 2; } .dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar { z-index: 3; } .dx-datagrid-rowsview .dx-datagrid-content { overflow-anchor: none; } .dx-datagrid-rowsview .dx-datagrid-content:not(.dx-datagrid-content-fixed) { min-height: 100%; } .dx-datagrid-rowsview:focus { outline: 0; } .dx-datagrid-rowsview .dx-row > td, .dx-datagrid-rowsview .dx-row > tr > td { overflow: hidden; text-overflow: ellipsis; } .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child { border-top: none; } .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > td, .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > tr > td { border-top: none; } .dx-datagrid-rowsview .dx-data-row > td:focus { outline: 0; } .dx-datagrid-rowsview .dx-selection > td .dx-link, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link, .dx-datagrid-rowsview .dx-selection > tr > td .dx-link, .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td .dx-link { color: inherit; } .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row, .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row { border-top: 0; border-bottom: 0; } .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row > td, .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row > td { padding-top: 0; padding-bottom: 0; } .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox { display: none; } .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox { display: inline-block; } .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox { display: inline-block; } .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell { padding: 30px; } .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell:focus { outline: 0; } .dx-datagrid-rowsview .dx-data-row.dx-edit-row .dx-cell-modified .dx-highlight-outline:after { border-color: transparent; } .dx-datagrid-nodata { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dx-datagrid-bottom-load-panel { text-align: center; padding: 10px; } .dx-datagrid-hidden-column { white-space: nowrap; } .dx-datagrid .dx-row .dx-datagrid-hidden-column { border-right-width: 0; border-left-width: 0; } .dx-datagrid-hidden-column > * { display: none !important; } .dx-datagrid-total-footer { position: relative; } .dx-datagrid-total-footer > .dx-datagrid-content { padding-top: 7px; padding-bottom: 7px; } .dx-datagrid-summary-item { font-weight: bold; } .dx-datagrid-export-menu .dx-menu-item .dx-checkbox { margin-left: 0; } .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon { width: 16px; height: 16px; } .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text { white-space: nowrap; word-break: normal; } .dx-command-adaptive { width: 36px; min-width: 36px; } .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content { border: none; -webkit-box-shadow: none; box-shadow: none; } .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content { padding: 0; } .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-popover-arrow { width: 0; height: 0; } .dx-datagrid-revert-tooltip .dx-revert-button { margin: 0; } .dx-datagrid-notouch-action { -ms-touch-action: none; touch-action: none; -ms-content-zooming: none; -ms-overflow-style: none; } .dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item, .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item, .dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message, .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message { border: none; } .dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message, .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message { text-align: center; left: 0; right: 0; bottom: 50%; position: absolute; } .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item, .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item { padding: 7px 5px 7px 30px; } .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image, .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image { background-position-x: right; } .dx-rtl .dx-datagrid .dx-texteditor-buttons-container, .dx-datagrid.dx-rtl .dx-texteditor-buttons-container { text-align: start; } .dx-rtl .dx-datagrid-content .dx-datagrid-table { direction: rtl; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space { border-left: none; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td { border-right: none; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-filter-range-content { padding: 7px 32px 7px 7px; } .dx-rtl .dx-datagrid-headers, .dx-rtl .dx-datagrid-rowsview, .dx-rtl .dx-datagrid-total-footer { direction: ltr; } .dx-rtl .dx-datagrid-headers .dx-datagrid-table, .dx-rtl .dx-datagrid-rowsview .dx-datagrid-table, .dx-rtl .dx-datagrid-total-footer .dx-datagrid-table { direction: rtl; } .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input, .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before { padding-right: 32px; } .dx-rtl .dx-datagrid-filter-row .dx-menu { right: 0; left: auto; margin-left: 0; margin-right: -2px; } .dx-rtl .dx-datagrid-filter-row > td:first-child .dx-menu { margin-left: 0; } .dx-rtl .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item { padding: 5px; padding-left: 30px; } .dx-rtl .dx-datagrid-filter-row .dx-menu-caption { padding-right: 6px; } .dx-rtl .dx-datagrid-header-panel { text-align: right; } .dx-rtl .dx-datagrid-header-panel .dx-datagrid-column-chooser-button { margin-left: 0; } .dx-rtl .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button { margin-left: 0; margin-right: 10px; } .dx-rtl .dx-datagrid-search-panel { margin: 0; margin-right: 15px; } .dx-datagrid-filter-panel, .dx-datagrid-filter-panel-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; min-width: 0; } .dx-datagrid-filter-panel { padding: 10px; } .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text:hover, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter:hover { text-decoration: underline; cursor: pointer; } .dx-datagrid-filter-panel .dx-datagrid-filter-panel-checkbox { padding-right: 10px; } .dx-datagrid-filter-panel .dx-icon-filter { margin: auto; margin-right: 7px; cursor: pointer; } .dx-datagrid { position: relative; cursor: default; white-space: normal; line-height: normal; } .dx-hidden.dx-group-cell { display: table-cell !important; font-size: 0 !important; } .dx-datagrid-group-panel { display: inline-block; white-space: nowrap; width: 100%; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-datagrid-group-panel .dx-group-panel-message { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-datagrid-group-panel .dx-group-panel-item { display: inline-block; min-width: 30px; margin-right: 10px; white-space: nowrap; } .dx-datagrid-group-panel .dx-group-panel-item .dx-sort { margin-left: 6px; } .dx-datagrid-group-panel .dx-block-separator { display: inline-block; min-width: 30px; margin-right: 10px; white-space: nowrap; color: transparent; position: relative; min-width: 0; } .dx-datagrid-group-panel .dx-block-separator .dx-sort { margin-left: 6px; } .dx-datagrid-rowsview .dx-row.dx-group-row td { border-top: 1px solid; border-bottom: 1px solid; } .dx-datagrid-rowsview .dx-row.dx-group-row:first-child td { border-top: none; } .dx-datagrid-rowsview .dx-group-row:focus { outline: 0; } .dx-datagrid-rowsview .dx-group-row.dx-row > td { border-left-color: transparent; border-right-color: transparent; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content:focus { outline: none; } .dx-datagrid-group-opened, .dx-datagrid-group-closed { cursor: pointer; position: relative; } .dx-datagrid-group-opened:before, .dx-datagrid-group-closed:before { position: absolute; display: block; right: 0; left: 0; } .dx-rtl .dx-datagrid-group-closed { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-group-row.dx-row.dx-column-lines > td { border-left: none; border-right: none; } .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item, .dx-rtl .dx-datagrid-group-panel .dx-block-separator { margin-right: 0; margin-left: 10px; } .dx-rtl .dx-datagrid-group-panel .dx-sort { margin-left: 0; margin-right: 6px; } .dx-pivotgrid-fields-container .dx-sort, .dx-pivotgrid-fields-container .dx-header-filter { display: inline-block; } .dx-pivotgrid-fields-container .dx-area-field-content { overflow: hidden; text-overflow: ellipsis; } .dx-pivotgrid-fields-container.dx-drag .dx-area-field-content { display: inline-block; } .dx-pivotgrid-fields-container.dx-drag .dx-column-indicators { float: none; display: inline-block; } .dx-pivotgrid-nodata { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dx-pivotgrid { cursor: default; width: 100%; position: relative; } .dx-pivotgrid.dx-overflow-hidden { overflow: hidden; } .dx-pivotgrid .dx-area-data-cell, .dx-pivotgrid .dx-area-column-cell { width: 100%; } .dx-pivotgrid .dx-area-data-cell { position: relative; } .dx-pivotgrid table, .dx-pivotgrid tbody, .dx-pivotgrid tfoot, .dx-pivotgrid thead, .dx-pivotgrid tr, .dx-pivotgrid th, .dx-pivotgrid td { margin: 0; padding: 0; border: 0; outline: 0; } .dx-pivotgrid table { border-collapse: collapse; table-layout: auto; border-spacing: 0; } .dx-pivotgrid td { vertical-align: top; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-pivotgrid .dx-area-description-cell { position: relative; background-clip: padding-box; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-fields-area { position: absolute; bottom: 0; } .dx-pivotgrid .dx-ie { height: 1px; } .dx-pivotgrid .dx-ie .dx-area-description-cell { position: static; height: inherit; vertical-align: bottom; font-size: 0; } .dx-pivotgrid .dx-ie .dx-area-description-cell .dx-pivotgrid-fields-area { position: relative; display: inline-block; } .dx-pivotgrid .dx-area-field-content { display: inline-block; } .dx-pivotgrid .dx-column-indicators { display: inline-block; } .dx-pivotgrid .dx-expand-icon-container { position: relative; display: inline-block; } .dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area { position: static; } .dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area:not(.dx-hidden) { display: table-cell; } .dx-pivotgrid .dx-incompressible-fields .dx-column-indicators { vertical-align: top; float: none !important; } .dx-pivotgrid .dx-incompressible-fields .dx-area-field { display: inline-block; white-space: nowrap; } .dx-pivotgrid .dx-area-field { white-space: nowrap; } .dx-pivotgrid .dx-area-field-content { white-space: nowrap; } .dx-pivotgrid .dx-popup-content .dx-column-indicators { float: none !important; display: inline-block; } .dx-pivotgrid .dx-popup-content .dx-area-field-content { display: inline-block; } .dx-pivotgrid .dx-pivotgrid-area { white-space: nowrap; } .dx-pivotgrid .dx-pivotgrid-collapsed, .dx-pivotgrid .dx-pivotgrid-expanded { cursor: pointer; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand, .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand { display: inline-block; } .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-area { white-space: normal; } .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted { white-space: nowrap; } .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed > span, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded > span, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted > span { white-space: normal; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .dx-pivotgridfieldchooser { position: relative; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: 100%; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-0 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(1) { -webkit-box-flex: 3; -webkit-flex-grow: 3; -ms-flex-positive: 3; flex-grow: 3; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(2) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 4; -webkit-flex-grow: 4; -ms-flex-positive: 4; flex-grow: 4; } .dx-pivotgridfieldchooser .dx-col { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .dx-pivotgridfieldchooser .dx-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: 0; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(1) { -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(2) { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .dx-pivotgridfieldchooser .dx-area-caption { vertical-align: middle; } .dx-pivotgrid-action { cursor: pointer; } .dx-pivotgrid-drag-action { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-treelist-checkbox-size { vertical-align: middle; } .dx-treelist-important-margin { margin-right: 5px !important; } .dx-treelist-table { background-color: transparent; } .dx-treelist .dx-treelist-content-fixed { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; pointer-events: none; overflow: hidden; } .dx-treelist .dx-treelist-content-fixed .dx-treelist-table { position: relative; } .dx-treelist .dx-treelist-content-fixed .dx-treelist-table td { pointer-events: auto; } .dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-row td.dx-pointer-events-none { visibility: hidden; background-color: transparent; pointer-events: none; } .dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-header-row td.dx-pointer-events-none { border-bottom-color: transparent; } .dx-treelist .dx-treelist-content-fixed .dx-treelist-table.dx-treelist-table-fixed .dx-row td.dx-pointer-events-none { width: auto; } .dx-treelist.dx-treelist-borders > .dx-treelist-total-footer { border-top: 0; } .dx-treelist.dx-treelist-borders > .dx-treelist-pager { margin-top: 1px; } .dx-treelist.dx-treelist-borders > .dx-treelist-header-panel { border-bottom: 0; } .dx-treelist.dx-treelist-borders > .dx-treelist-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td { border-bottom-width: 0; } .dx-treelist .dx-menu-subitem ul li { padding-top: 0; } .dx-treelist .dx-menu-subitem ul li:first-child { padding-top: 1px; } .dx-treelist .dx-menu-subitem .dx-menu-item { padding: 7px 30px 7px 5px; } .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image { background-position-x: left; } .dx-treelist .dx-link { text-decoration: underline; cursor: pointer; } .dx-treelist .dx-column-indicators { display: inline-block; vertical-align: top; white-space: nowrap; } .dx-treelist .dx-column-indicators.dx-visibility-hidden { visibility: hidden; } .dx-treelist .dx-column-indicators .dx-sort.dx-sort, .dx-treelist .dx-column-indicators .dx-header-filter.dx-sort, .dx-treelist .dx-column-indicators .dx-sort.dx-header-filter, .dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter { display: inline-block; } .dx-treelist .dx-column-indicators .dx-sort.dx-header-filter:after, .dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: -7px; } .dx-treelist .dx-row > td, .dx-treelist .dx-row > tr > td { padding: 7px; } .dx-treelist .dx-error-row { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } .dx-treelist .dx-error-row .dx-error-message { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .dx-treelist .dx-error-row .dx-error-message a { color: inherit; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title { border-bottom: none; font-size: 16px; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label { font-size: 16px; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content { padding: 0 20px 20px 20px; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { opacity: 0.5; margin-bottom: 10px; -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2); } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-treelist-drag-action { opacity: 1; cursor: pointer; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf { padding: 0; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node { padding-left: 0; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node .dx-checkbox { left: 4px; } .dx-treelist-nowrap { white-space: nowrap; } .dx-treelist-nowrap .dx-header-row > td > .dx-treelist-text-content { white-space: nowrap; } .dx-treelist-drag-header { position: absolute; vertical-align: middle; cursor: pointer; z-index: 10000; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-treelist-drag-header.dx-drag-command-cell { padding: 0; } .dx-treelist-columns-separator { position: absolute; z-index: 3; width: 3px; } .dx-treelist-columns-separator-transparent { border-left: 0; border-right: 0; } .dx-treelist-tracker { width: 100%; position: absolute; top: 0; z-index: 3; cursor: col-resize; } .dx-treelist-table-content { position: absolute; top: 0; } .dx-treelist-focus-overlay { position: absolute; pointer-events: none; top: 0; left: 0; visibility: hidden; } .dx-treelist-action, .dx-treelist-drag-action { cursor: pointer; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link { color: inherit; } .dx-treelist-content { position: relative; } .dx-treelist-text-content { overflow: hidden; text-overflow: ellipsis; } .dx-treelist-table-fixed { table-layout: fixed; width: 100%; } input.dx-hidden { display: inline-block !important; width: 0 !important; } .dx-hidden-cell { visibility: hidden; } .dx-row > td, .dx-row > tr > td { border: none; } .dx-treelist-content .dx-treelist-table { border-collapse: collapse; border-spacing: 0; margin: 0; max-width: 10px; } .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed { max-width: none; } .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-none { display: none; } .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators { float: none !important; } .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators > span { width: 14px; } .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators .dx-sort.dx-sort-none { display: inline-block; } .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-header-row .dx-treelist-text-content { max-width: none; } .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-left { margin-right: 3px; } .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-right { margin-left: 3px; } .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators { float: none !important; } .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators > span { width: 14px; } .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-left { margin-right: 3px; } .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-right { margin-left: 3px; } .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-master-detail-cell { max-width: 0; } .dx-treelist-content .dx-treelist-table [class*="column"] + [class*="column"]:last-child { float: none; } .dx-treelist-content .dx-treelist-table .dx-row > td, .dx-treelist-content .dx-treelist-table .dx-row > tr > td { vertical-align: top; } .dx-treelist-content .dx-treelist-table .dx-row > td:first-child, .dx-treelist-content .dx-treelist-table .dx-row > tr > td:first-child { border-left: 0; } .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space, .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space { border-right: none; vertical-align: top; } .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td, .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space + td { border-left: none; } .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container { overflow: hidden; } .dx-treelist-content .dx-treelist-table .dx-row .dx-cell-modified:not(.dx-field-item-content), .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid:not(.dx-field-item-content) { padding: 0; } .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay { position: static; } .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay .dx-overlay-content { overflow: hidden; text-overflow: ellipsis; } .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell { max-width: 0; padding: 0; vertical-align: middle; } .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor, .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor-container { border: 0; margin: 0; } .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-dropdowneditor { margin-left: -1px; padding-left: 1px; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-select { padding: 0; width: 70px; min-width: 70px; max-width: 70px; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit { text-overflow: clip; width: 100px; min-width: 100px; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons { width: 80px; min-width: 80px; white-space: nowrap; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link { text-decoration: none; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit .dx-link-icon { display: inline-block; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-expand { padding: 0; width: 30px; min-width: 30px; max-width: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-treelist-content .dx-treelist-table .dx-row .dx-command-adaptive { padding: 0; vertical-align: middle; } .dx-treelist-content .dx-treelist-table .dx-filter-range-content { padding: 7px 7px 7px 32px; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .dx-treelist-content .dx-treelist-table .dx-row > .dx-last-data-cell { border-right: none; } .dx-treelist-content .dx-treelist-table .dx-row > .dx-command-adaptive-hidden { border-left: none; } .dx-highlight-outline { position: relative; padding: 7px; } .dx-highlight-outline::after { content: ''; position: absolute; border: 2px solid transparent; top: 0; left: 1px; bottom: 0; right: 0; pointer-events: none; } .dx-highlight-outline.dx-hidden { display: block !important; } .dx-highlight-outline.dx-hidden::after { display: none; } .dx-editor-cell .dx-texteditor-input { margin: 0; } .dx-editor-cell .dx-highlight-outline { padding: 0; } .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before { display: inline-block; content: '\200B'; vertical-align: middle; padding-top: 7px; padding-bottom: 7px; } .dx-column-lines .dx-highlight-outline::after { left: 0; } .dx-treelist-headers { position: relative; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-header-row .dx-editor-cell .dx-select-checkbox { display: inline-block; } .dx-header-row > td { white-space: nowrap; overflow: hidden; } .dx-header-row > td > .dx-treelist-text-content { white-space: normal; vertical-align: top; } .dx-header-row .dx-text-content-alignment-left, .dx-header-row .dx-text-content-alignment-right { display: inline-block; max-width: 100%; } .dx-header-row .dx-sort-indicator, .dx-header-row .dx-header-filter-indicator { max-width: calc(100% - 17px); } .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left, .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left { margin-right: 3px; } .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right, .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right { margin-left: 3px; } .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right, .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right { max-width: calc(100% - 34px); } .dx-header-row .dx-sort-indicator.dx-header-filter-indicator { max-width: calc(100% - 31px); } .dx-header-row .dx-sort-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right { max-width: calc(100% - 62px); } .dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor { border-width: 0; } .dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused:after { content: " "; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; z-index: 1; pointer-events: none; } .dx-treelist-filter-range-overlay .dx-treelist-filter-range-end { border-top: 1px solid transparent; } .dx-treelist-filter-range-overlay .dx-editor-container.dx-highlight-outline { padding: 0; } .dx-treelist-filter-row .dx-editor-cell .dx-menu { display: none; } .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu { position: relative; } .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu { display: block; } .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input, .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before { padding-left: 32px; } .dx-treelist-filter-row .dx-highlight-outline::after { pointer-events: none; } .dx-treelist-filter-row .dx-focused .dx-highlight-outline::after { border-color: transparent; } .dx-treelist-filter-row .dx-menu { z-index: 1; position: absolute; top: 0; left: 0; cursor: pointer; margin-left: -2px; margin-top: -2px; height: 100%; overflow: visible; } .dx-treelist-filter-row .dx-menu .dx-menu-horizontal { height: 100%; } .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text, .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout { display: none; } .dx-treelist-filter-row .dx-menu-item.dx-state-focused:after { position: absolute; left: 2px; top: 2px; width: 100%; height: 102%; content: ''; } .dx-treelist-filter-row > td:first-child .dx-menu, .dx-treelist-filter-row > .dx-first-cell .dx-menu { margin-left: 0; } .dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item { padding: 5px; padding-right: 30px; } .dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item { padding: 8px 5px 7px 5px; } .dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover { padding: 9px 6px 8px 6px; } .dx-treelist-filter-row .dx-menu-caption { padding-left: 6px; } .dx-treelist-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down { display: none; } .dx-treelist-filter-row .dx-menu-item-highlight { font-weight: normal; } .dx-treelist-scroll-container { overflow: hidden; width: 100%; } .dx-treelist-header-panel { text-align: left; } .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button { margin-left: 10px; } .dx-state-disabled { cursor: pointer; } .dx-state-disabled .dx-menu-item { cursor: default; } .dx-treelist-search-panel { margin: 0; margin-left: 15px; } .dx-gridbase-container > .dx-treelist-rowsview { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; height: auto; } .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable > .dx-scrollable-wrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: auto; min-width: 0; min-height: 0; } .dx-treelist-rowsview { position: relative; overflow: hidden; } .dx-treelist-rowsview.dx-empty { height: 100px; } .dx-treelist-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content { z-index: 2; } .dx-treelist-rowsview.dx-fixed-columns .dx-scrollable-scrollbar { z-index: 3; } .dx-treelist-rowsview .dx-treelist-content { overflow-anchor: none; } .dx-treelist-rowsview .dx-treelist-content:not(.dx-treelist-content-fixed) { min-height: 100%; } .dx-treelist-rowsview:focus { outline: 0; } .dx-treelist-rowsview .dx-row > td, .dx-treelist-rowsview .dx-row > tr > td { overflow: hidden; text-overflow: ellipsis; } .dx-treelist-rowsview .dx-row.dx-row-lines:first-child { border-top: none; } .dx-treelist-rowsview .dx-row.dx-row-lines:first-child > td, .dx-treelist-rowsview .dx-row.dx-row-lines:first-child > tr > td { border-top: none; } .dx-treelist-rowsview .dx-data-row > td:focus { outline: 0; } .dx-treelist-rowsview .dx-selection > td .dx-link, .dx-treelist-rowsview .dx-selection.dx-row:hover > td .dx-link, .dx-treelist-rowsview .dx-selection > tr > td .dx-link, .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td .dx-link { color: inherit; } .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row, .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row { border-top: 0; border-bottom: 0; } .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row > td, .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row > td { padding-top: 0; padding-bottom: 0; } .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox { display: none; } .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox { display: inline-block; } .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox { display: inline-block; } .dx-treelist-rowsview .dx-row > .dx-master-detail-cell { padding: 30px; } .dx-treelist-rowsview .dx-row > .dx-master-detail-cell:focus { outline: 0; } .dx-treelist-rowsview .dx-data-row.dx-edit-row .dx-cell-modified .dx-highlight-outline:after { border-color: transparent; } .dx-treelist-nodata { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dx-treelist-bottom-load-panel { text-align: center; padding: 10px; } .dx-treelist-hidden-column { white-space: nowrap; } .dx-treelist .dx-row .dx-treelist-hidden-column { border-right-width: 0; border-left-width: 0; } .dx-treelist-hidden-column > * { display: none !important; } .dx-treelist-total-footer { position: relative; } .dx-treelist-total-footer > .dx-treelist-content { padding-top: 7px; padding-bottom: 7px; } .dx-treelist-summary-item { font-weight: bold; } .dx-treelist-export-menu .dx-menu-item .dx-checkbox { margin-left: 0; } .dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon { width: 16px; height: 16px; } .dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text { white-space: nowrap; word-break: normal; } .dx-command-adaptive { width: 36px; min-width: 36px; } .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content { border: none; -webkit-box-shadow: none; box-shadow: none; } .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content { padding: 0; } .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-popover-arrow { width: 0; height: 0; } .dx-treelist-revert-tooltip .dx-revert-button { margin: 0; } .dx-treelist-notouch-action { -ms-touch-action: none; touch-action: none; -ms-content-zooming: none; -ms-overflow-style: none; } .dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item, .dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item, .dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message, .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message { border: none; } .dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message, .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message { text-align: center; left: 0; right: 0; bottom: 50%; position: absolute; } .dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item, .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item { padding: 7px 5px 7px 30px; } .dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image, .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image { background-position-x: right; } .dx-rtl .dx-treelist .dx-texteditor-buttons-container, .dx-treelist.dx-rtl .dx-texteditor-buttons-container { text-align: start; } .dx-rtl .dx-treelist-content .dx-treelist-table { direction: rtl; } .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space { border-left: none; } .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td { border-right: none; } .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-filter-range-content { padding: 7px 32px 7px 7px; } .dx-rtl .dx-treelist-headers, .dx-rtl .dx-treelist-rowsview, .dx-rtl .dx-treelist-total-footer { direction: ltr; } .dx-rtl .dx-treelist-headers .dx-treelist-table, .dx-rtl .dx-treelist-rowsview .dx-treelist-table, .dx-rtl .dx-treelist-total-footer .dx-treelist-table { direction: rtl; } .dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input, .dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before { padding-right: 32px; } .dx-rtl .dx-treelist-filter-row .dx-menu { right: 0; left: auto; margin-left: 0; margin-right: -2px; } .dx-rtl .dx-treelist-filter-row > td:first-child .dx-menu { margin-left: 0; } .dx-rtl .dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item { padding: 5px; padding-left: 30px; } .dx-rtl .dx-treelist-filter-row .dx-menu-caption { padding-right: 6px; } .dx-rtl .dx-treelist-header-panel { text-align: right; } .dx-rtl .dx-treelist-header-panel .dx-treelist-column-chooser-button { margin-left: 0; } .dx-rtl .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button { margin-left: 0; margin-right: 10px; } .dx-rtl .dx-treelist-search-panel { margin: 0; margin-right: 15px; } .dx-treelist-filter-panel, .dx-treelist-filter-panel-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; min-width: 0; } .dx-treelist-filter-panel { padding: 10px; } .dx-treelist-filter-panel .dx-treelist-filter-panel-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-treelist-filter-panel .dx-treelist-filter-panel-text:hover, .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter:hover { text-decoration: underline; cursor: pointer; } .dx-treelist-filter-panel .dx-treelist-filter-panel-checkbox { padding-right: 10px; } .dx-treelist-filter-panel .dx-icon-filter { margin: auto; margin-right: 7px; cursor: pointer; } .dx-treelist-container { position: relative; cursor: default; white-space: normal; line-height: normal; } .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable, .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable { white-space: nowrap; } .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-text-content, .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-text-content { display: inline; white-space: normal; } .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-icon-container, .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-icon-container { float: none; } .dx-treelist-rowsview .dx-treelist-icon-container { display: inline-block; white-space: nowrap; vertical-align: top; } .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container { float: left; } .dx-menu-base { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-align: left; } .dx-menu-base .dx-menu-items-container, .dx-menu-base .dx-menu-item-wrapper { margin: 0; padding: 0; border: 0; outline: 0; } .dx-menu-base .dx-menu-items-container { list-style-type: none; display: inline-block; white-space: nowrap; cursor: pointer; } .dx-menu-base .dx-state-disabled, .dx-menu-base.dx-state-disabled .dx-menu-items-container { cursor: default; } .dx-menu-base .dx-menu-item { display: inline-block; position: relative; height: 100%; width: 100%; } .dx-menu-base .dx-menu-item.dx-state-disabled { opacity: 0.5; } .dx-menu-base .dx-menu-item .dx-menu-item-content { white-space: nowrap; height: 100%; width: 100%; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon { display: inline-block; vertical-align: middle; border: 0; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text { display: inline; vertical-align: middle; overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container { position: absolute; top: 0; right: 0; bottom: 0; width: 2em; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout { height: 100%; } .dx-menu-base.dx-rtl { text-align: right; } .dx-menu-base.dx-rtl .dx-menu-item-popout-container { left: 0; right: auto; } .dx-menu { position: relative; } .dx-menu-horizontal { height: 100%; } .dx-menu-horizontal:after { height: 100%; display: inline-block; content: ''; vertical-align: middle; } .dx-menu-horizontal .dx-menu-item-wrapper { display: inline-block; } .dx-menu-horizontal .dx-menu-separator { display: inline-block; margin: 0 15px 0 0; } .dx-menu-vertical { height: 100%; } .dx-menu-vertical:after { height: 100%; display: inline-block; content: ''; vertical-align: middle; } .dx-menu-vertical .dx-menu-item-wrapper { display: block; } .dx-menu-vertical .dx-menu-separator { margin: 0 0 15px 0; } .dx-rtl.dx-menu { text-align: right; } .dx-context-menu-container-border { top: 0; right: 0; bottom: 0; left: 0; position: absolute; } .dx-context-menu-content-delimiter { position: absolute; display: none; z-index: 2000; cursor: pointer; } .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility { left: auto; right: 0; } .dx-rtl .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility, .dx-rtl.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility { left: 0; right: auto; } .dx-menu-adaptive-mode .dx-treeview-item { cursor: pointer; } .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node { padding: 1px; } .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content { padding-left: 15px; } .dx-rtl .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content, .dx-rtl.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content { padding-right: 15px; } .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node:last-child { border-bottom: none; } .dx-menu-adaptive-mode-overlay-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content .dx-treeview { height: auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .dx-context-menu.dx-overlay-content { overflow: inherit; position: absolute; } .dx-context-menu .dx-menu-items-container { padding: 1px; } .dx-context-menu .dx-menu-item .dx-submenu { position: absolute; z-index: 1003; } .dx-context-menu .dx-menu-separator { height: 1px; margin: 5px 0; } .dx-calendar { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; position: relative; display: block; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer { position: absolute; bottom: 0; } .dx-calendar-views-wrapper { width: 100%; height: 100%; position: relative; } .dx-calendar-navigator { position: relative; text-align: center; width: 100%; } .dx-calendar-navigator .dx-button { position: absolute; display: inline-block; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link { visibility: hidden; } .dx-calendar-navigator .dx-calendar-caption-button { text-decoration: none; } .dx-calendar-body { overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; } .dx-calendar-body .dx-widget { position: absolute; width: 100%; height: 100%; } .dx-calendar-body table { width: 100%; height: 100%; position: absolute; direction: ltr; table-layout: fixed; } .dx-calendar-body td { cursor: pointer; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-calendar-body thead th { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-calendar-cell { white-space: normal; } .dx-calendar-contoured-date { outline-offset: -1px; } .dx-rtl.dx-calendar .dx-calendar-body table { left: 0; } .dx-rtl.dx-calendar .dx-calendar-body .dx-widget { direction: ltr; } .dx-state-disabled .dx-calendar .dx-calendar-navigator-previous-month, .dx-state-disabled.dx-calendar .dx-calendar-navigator-previous-month, .dx-state-disabled .dx-calendar .dx-calendar-navigator-next-month, .dx-state-disabled.dx-calendar .dx-calendar-navigator-next-month { cursor: default; } .dx-state-disabled .dx-calendar-body table th, .dx-state-disabled .dx-calendar-body table td { cursor: default; } .dx-multiview-wrapper { overflow: hidden; width: 100%; height: 100%; -ms-touch-action: pinch-zoom pan-y; touch-action: pinch-zoom pan-y; } .dx-multiview-item-container { position: relative; overflow: visible; width: 100%; height: 100%; } .dx-multiview-item-container .dx-empty-message { text-align: center; } .dx-multiview-item { position: absolute; overflow: hidden; top: 0; width: 100%; height: 100%; } .dx-multiview-item.dx-item-selected { position: relative; } .dx-multiview-item-content { width: 100%; height: 100%; } .dx-multiview-item-hidden { top: -9999px; visibility: hidden; } .dx-treeview-loadindicator-wrapper { text-align: center; } .dx-treeview-node-loadindicator { position: absolute; } .dx-treeview-search { margin-bottom: 5px; } .dx-treeview { height: 100%; } .dx-treeview :focus { outline: none; } .dx-treeview .dx-scrollable:focus { outline: none; } .dx-treeview .dx-empty-message { line-height: normal; } .dx-checkbox + .dx-treeview-node-container, .dx-treeview-node-container:first-child { margin: 0; display: block; } .dx-treeview-select-all-item { width: 100%; } .dx-treeview-node-container { list-style-position: inside; padding: 0; margin: 0; display: none; overflow: hidden; } .dx-treeview-node-container.dx-treeview-node-container-opened { display: block; } .dx-treeview-node { list-style-type: none; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; } .dx-treeview-node a { text-decoration: none; } .dx-treeview-node .dx-checkbox { position: absolute; margin: 0; } .dx-treeview-item { display: block; cursor: pointer; } .dx-treeview-item .dx-icon { display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 5px; background-size: 24px 24px; } .dx-treeview-item .dx-treeview-item-content span { vertical-align: middle; } .dx-treeview-item.dx-state-disabled { opacity: 0.5; } .dx-treeview-toggle-item-visibility { position: absolute; cursor: pointer; } .dx-treeview-toggle-item-visibility.dx-state-disabled { cursor: default; } .dx-rtl .dx-treeview-node-container:first-child > .dx-treeview-node { padding-left: 0; } .dx-rtl .dx-treeview-node-container .dx-treeview-node { padding-left: 0; } .dx-rtl .dx-treeview-node-container .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item { padding-left: 0; } .dx-rtl .dx-treeview-node-container .dx-treeview-node .dx-treeview-item .dx-icon { margin-right: 0; } .dx-rtl .dx-treeview-toggle-item-visibility { left: auto; right: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-fieldset { margin-bottom: 20px; } .dx-fieldset .dx-field-value { margin: 0; } .dx-fieldset, .dx-fieldset * { -webkit-box-sizing: border-box; box-sizing: border-box; } .dx-fieldset-header:empty { display: none; } .dx-field { position: relative; padding: 0.4em; } .dx-field:before, .dx-field:after { display: table; content: ""; line-height: 0; } .dx-field:after { clear: both; } .dx-field-label { float: left; width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-field-value, .dx-field-value-static { float: right; } .dx-field-value-static { white-space: normal; } .dx-field-value.dx-datebox { min-width: 60%; } .dx-field-value:not(.dx-widget) > .dx-datebox { min-width: 100%; } .dx-field-value .dx-selectbox-tag-container { white-space: normal; } .dx-field-value:not(.dx-widget) > .dx-selectbox.dx-selectbox-multiselect.dx-widget { position: relative; width: auto; text-align: left; } .dx-rtl .dx-fieldset .dx-field-label, .dx-fieldset.dx-rtl .dx-field-label { float: right; } .dx-rtl .dx-fieldset .dx-field-value, .dx-fieldset.dx-rtl .dx-field-value { float: left; } .dx-tabpanel-tabs { width: 100%; } .dx-tabpanel-tabs .dx-tabs { height: 100%; } .dx-tabpanel-container { width: 100%; height: 100%; } .dx-fileuploader.dx-state-disabled .dx-fileuploader-input { display: none; } .dx-fileuploader-wrapper { height: 100%; width: 100%; overflow: hidden; } .dx-fileuploader-container { display: table; table-layout: fixed; height: 100%; width: 100%; } .dx-fileuploader-input-wrapper:before, .dx-fileuploader-input-wrapper:after { display: table; content: ""; line-height: 0; } .dx-fileuploader-input-wrapper:after { clear: both; } .dx-fileuploader-input-wrapper:before, .dx-fileuploader-input-wrapper:after { width: 100%; } .dx-fileuploader-input-wrapper:before { padding-top: 1em; margin-top: -1em; } .dx-fileuploader-input-wrapper:after { padding-bottom: 1em; margin-bottom: -1em; } .dx-fileuploader-input-wrapper .dx-button { float: left; } .dx-fileuploader-input-wrapper .dx-button + .dx-button { margin-left: 12px; } .dx-fileuploader-button { position: relative; } .dx-fileuploader-button .dx-fileuploader-input { position: absolute; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; } .dx-fileuploader-button .dx-fileuploader-input::-webkit-file-upload-button, .dx-fileuploader-button .dx-fileuploader-input::-ms-browse { cursor: pointer; } .dx-fileuploader-content { display: table-row-group; vertical-align: middle; } .dx-fileuploader-content > .dx-fileuploader-upload-button { margin-top: 10px; } .dx-fileuploader-empty .dx-fileuploader-content > .dx-fileuploader-upload-button { display: none; } .dx-fileuploader-input-content { width: 100%; display: table; } .dx-fileuploader-files-container { padding-top: 0; width: 100%; } .dx-fileuploader-show-file-list .dx-fileuploader-files-container { padding-top: 22px; } .dx-fileuploader-file-container { width: 100%; padding: 4px 0 4px; } .dx-fileuploader-file-container .dx-button { width: 28px; height: 28px; margin-right: 10px; } .dx-fileuploader-file-container .dx-button.dx-state-invisible { margin-right: 0; } .dx-fileuploader-button-container, .dx-fileuploader-input-container { display: table-cell; vertical-align: middle; } .dx-fileuploader-input-container { height: 100%; width: 100%; position: relative; overflow: hidden; } .dx-fileuploader-input { opacity: 0; width: 100%; margin: 0; cursor: default; } .dx-fileuploader-input-label { pointer-events: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; cursor: default; } .dx-fileuploader-input-label:before { content: ''; position: absolute; top: -50%; overflow: hidden; cursor: default; } .dx-fileuploader-button-container { display: table-cell; vertical-align: middle; } .dx-fileuploader-file { display: table-cell; width: 100%; white-space: nowrap; } .dx-fileuploader-file-info { float: left; width: 100%; } .dx-fileuploader-file-status-message { float: left; font-size: 12px; height: 16px; } .dx-fileuploader .dx-progressbar { float: left; width: 100%; height: 22px; margin-top: -6px; } .dx-fileuploader-file-name { float: left; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-fileuploader-file-size { margin-left: 4px; float: left; vertical-align: super; font-size: 10px; } .dx-rtl .dx-fileuploader .dx-fileuploader-button, .dx-rtl.dx-fileuploader .dx-fileuploader-button { float: right; } .dx-rtl .dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button, .dx-rtl.dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button { margin-left: 10px; margin-right: 0; } .dx-rtl .dx-fileuploader .dx-fileuploader-file-name, .dx-rtl.dx-fileuploader .dx-fileuploader-file-name, .dx-rtl .dx-fileuploader .dx-fileuploader-file-size, .dx-rtl.dx-fileuploader .dx-fileuploader-file-size, .dx-rtl .dx-fileuploader .dx-fileuploader-file-status-message, .dx-rtl.dx-fileuploader .dx-fileuploader-file-status-message { float: right; } .dx-rtl .dx-fileuploader .dx-fileuploader-file-size, .dx-rtl.dx-fileuploader .dx-fileuploader-file-size { margin-right: 4px; } .dx-fileuploader-invalid .dx-fileuploader-file-status-message { height: auto; } .dx-fileuploader-invalid .dx-fileuploader-file-status-message span { display: block; margin-bottom: 2px; } .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:last-child { margin-bottom: 0; } .dx-fileuploader-invalid .dx-fileuploader-button-container { vertical-align: top; } .dx-fileuploader-invalid .dx-fileuploader-cancel-button { margin-top: 5px; } .dx-validationsummary-item { cursor: pointer; } .dx-invalid-message.dx-overlay { position: relative; } .dx-invalid-message.dx-overlay-wrapper { width: 100%; visibility: hidden; pointer-events: none; } .dx-invalid-message > .dx-overlay-content { display: inline-block; position: relative; border-width: 0; padding: 10px; font-size: 0.85em; line-height: normal; word-wrap: break-word; } .dx-state-focused.dx-invalid .dx-invalid-message-auto .dx-overlay-wrapper, .dx-invalid-message-visible.dx-invalid .dx-invalid-message-auto .dx-overlay-wrapper, .dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto .dx-overlay-wrapper, .dx-invalid-message-always .dx-overlay-wrapper { visibility: visible; } .dx-timeview { height: 250px; width: 270px; } .dx-timeview.dx-state-disabled.dx-widget, .dx-timeview .dx-state-disabled.dx-widget, .dx-timeview.dx-state-disabled .dx-widget, .dx-timeview .dx-state-disabled .dx-widget { opacity: 1; } .dx-timeview-clock { position: relative; } .dx-timeview-hourarrow, .dx-timeview-minutearrow { position: absolute; left: 50%; width: 30px; height: 50%; margin-left: -15px; background-position: bottom; background-repeat: no-repeat; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-backface-visibility: hidden; } .dx-timeview-field .dx-numberbox { width: 70px; } .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly { width: 110px; } .dx-scheduler-appointment-popup .dx-popup-content { padding-top: 0; padding-bottom: 0; } .dx-scheduler-appointment-popup .dx-scrollable-content { padding-top: 20px; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content, .dx-scheduler .dx-scheduler-overlay-panel .dx-popup-content { padding: 0; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item-content, .dx-scheduler .dx-scheduler-overlay-panel .dx-popup-content .dx-list-item-content { width: 360px; padding: 5px; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item, .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body, .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body { width: 20px; height: 20px; border-radius: 50%; margin-top: 7px; margin-left: 5px; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content, .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject, .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject { text-align: left; font-weight: bold; font-size: 16px; letter-spacing: 0.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date, .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date { text-align: left; font-size: 12px; opacity: 0.8; margin-top: 10px; } .dx-scheduler .dx-scheduler-appointment-content-details { margin-top: 2px; } .dx-scheduler .dx-scheduler-appointment-content-details .dx-scheduler-appointment-content-date { line-height: 0.8; } .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content { position: relative; background: #fff; } .dx-scheduler .dx-empty-message { line-height: normal; } .dx-scheduler-all-day-panel td { padding: 0; } .dx-scheduler-appointment-collector { position: absolute; display: block; height: 20px; text-align: center; cursor: pointer; margin: 3px 0 0 3px; } .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 4px; } .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content.dx-button-content { padding: 0; } .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child { display: inline-block; vertical-align: middle; line-height: 13.33333333px; height: 20px; padding-left: 2px; } .dx-scheduler-appointment-collector.dx-state-hover:before { border-radius: 20px; } .dx-scheduler-appointment-collector.dx-button.dx-button-default { padding: 0; max-width: none; border-radius: 20px; } .dx-scheduler-work-space-mouse-selection .dx-scheduler-fixed-appointments, .dx-scheduler-work-space-mouse-selection .dx-scheduler-scrollable-appointments { pointer-events: none; } .dx-rtl .dx-scheduler-appointment-collector { margin: 3px 3px 0 0; } .dx-scheduler-adaptive .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell { white-space: pre-wrap; line-height: 1.3; } .dx-scheduler-adaptive .dx-scheduler-appointment-collector { margin: 0; } .dx-scheduler-adaptive .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child { line-height: 20px; } .dx-layout-manager .dx-field-item:not(.dx-first-row) { padding-top: 10px; } .dx-layout-manager .dx-field-item:not(.dx-first-col) { padding-left: 15px; } .dx-layout-manager .dx-field-item:not(.dx-last-col) { padding-right: 15px; } .dx-layout-manager .dx-field-empty-item { width: 100%; } .dx-layout-manager.dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item { padding-left: 0; padding-right: 0; } .dx-layout-manager.dx-layout-manager-one-col .dx-form-group .dx-single-column-item-content > .dx-first-row.dx-col-0.dx-field-item { padding-top: 0; } .dx-layout-manager.dx-layout-manager-one-col .dx-box-item:not(:first-child) .dx-single-column-item-content > .dx-field-item { padding-top: 10px; } .dx-layout-manager .dx-label-h-align.dx-flex-layout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label { display: block; } .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content, .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content-wrapper { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; display: block; } .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .dx-layout-manager .dx-label-h-align.dx-field-item-label-align:not(.dx-flex-layout) .dx-field-item-label { vertical-align: baseline; } .dx-layout-manager .dx-label-h-align .dx-field-item-label, .dx-layout-manager .dx-label-h-align .dx-field-item-content, .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper { display: table-cell; } .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper .dx-field-item-content { display: block; } .dx-layout-manager .dx-label-h-align .dx-field-item-label { white-space: nowrap; vertical-align: middle; } .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content { display: block; } .dx-layout-manager .dx-label-h-align .dx-field-item-content { vertical-align: top; } .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox, .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch { margin-top: 7px; margin-bottom: 4px; } .dx-layout-manager .dx-label-h-align .dx-field-item-content, .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper { width: 100%; } .dx-layout-manager .dx-tabpanel .dx-multiview-item-content { padding: 20px; } .dx-field-item-label-location-top { display: block; } .dx-form-group-content { border-width: 0; padding: 0; margin: 0; } .dx-form-group-caption { font-size: 20px; } .dx-form-group-with-caption .dx-form-group-content { padding-top: 19px; padding-bottom: 20px; margin-top: 6px; } .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption { padding-left: 20px; } .dx-layout-manager-hidden-label { position: absolute; display: block; visibility: hidden; } .dx-field-item-help-text { font-style: italic; white-space: normal; } .dx-field-item-label-location-left { padding-right: 10px; } .dx-field-item-label-location-right { padding-left: 10px; } .dx-rtl .dx-field-item-required-mark, .dx-rtl .dx-field-item-optional-mark { unicode-bidi: embed; } .dx-rtl .dx-field-item:not(.dx-first-col) { padding-left: 0; padding-right: 15px; } .dx-rtl .dx-field-item:not(.dx-last-col) { padding-left: 15px; padding-right: 0; } .dx-rtl .dx-field-item-label-location-left { padding-right: 0; padding-left: 10px; } .dx-rtl .dx-field-item-label-location-right { padding-left: 0; padding-right: 10px; } .dx-rtl .dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item { padding-right: 0; padding-left: 0; } .dx-rtl .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption { padding-left: 0; padding-right: 20px; } .dx-filterbuilder.dx-rtl .dx-filterbuilder-text, .dx-filterbuilder.dx-rtl .dx-filterbuilder-action-icon { margin-left: 5px; margin-right: 0; } .dx-filterbuilder.dx-rtl .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content { padding-left: 0; padding-right: 26px; } .dx-filterbuilder .dx-filterbuilder-text, .dx-filterbuilder .dx-filterbuilder-action-icon { margin-left: 0; margin-right: 5px; } .dx-filterbuilder .dx-filterbuilder-text:focus, .dx-filterbuilder .dx-filterbuilder-item-value-text:focus, .dx-filterbuilder .dx-filterbuilder-action-icon:focus { outline: none; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item { display: inline-block; white-space: nowrap; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text { display: inline-block; cursor: pointer; white-space: pre; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range { white-space: nowrap; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-text-separator, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range-separator { margin: 0 7px; opacity: 0.3; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-group-operation, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-field, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-operation, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-item-value-text { min-width: 20px; padding: 2px 7px 3px 7px; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-texteditor { vertical-align: middle; margin-top: -7px; margin-bottom: -4px; display: inline-block; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action { display: inline-block; cursor: pointer; position: relative; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon { padding: 5px 8px; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content { padding-left: 26px; } .dx-filterbuilder-operations .dx-treeview-item { padding-left: 5px; } .dx-filterbuilder-operations .dx-rtl .dx-treeview-item { padding-right: 5px; } .dx-filterbuilder-overlay { white-space: nowrap; } .dx-filterbuilder-overlay .dx-treeview .dx-treeview-node { padding-left: 0; } .dx-filterbuilder-overlay .dx-treeview .dx-treeview-node .dx-treeview-node-container-opened { margin-left: 15px; } .dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node { padding-right: 0; } .dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node .dx-treeview-node-container-opened { margin-right: 15px; } .dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal { border-radius: 0; } .dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal > .dx-popup-content { padding: 0; } .dx-filterbuilder-overlay .dx-scrollable-container { max-height: 360px; } .dx-filterbuilder-overlay .dx-menu-items-container { padding: 0; } .dx-recurrence-repeat-end-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-drawer { height: 100%; width: 100%; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-drawer-wrapper { position: relative; overflow: hidden; height: 100%; } .dx-drawer-panel-content { position: absolute; top: 0; bottom: 0; } .dx-drawer-right .dx-drawer-panel-content { right: 0; } .dx-drawer-left .dx-drawer-panel-content { left: 0; } .dx-drawer-content { overflow: hidden; width: 100%; height: 100%; top: 0; } .dx-drawer-shader { position: absolute; top: 0; height: 100%; width: 100%; } .dx-drawer-push.dx-drawer-bottom .dx-drawer-panel-content { top: auto; } .dx-drawer-shrink .dx-drawer-panel-content { position: relative; overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 100%; } .dx-drawer-shrink .dx-drawer-wrapper { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .dx-drawer-shrink .dx-drawer-content { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .dx-drawer-shrink.dx-drawer-top .dx-drawer-wrapper, .dx-drawer-shrink.dx-drawer-bottom .dx-drawer-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .dx-drawer-overlap .dx-drawer-panel-content { overflow: visible; } .dx-drawer-overlap .dx-drawer-panel-content.dx-overlay-wrapper { right: auto; left: auto; } .dx-drawer-overlap.dx-drawer-left .dx-drawer-wrapper, .dx-drawer-overlap.dx-drawer-right .dx-drawer-wrapper { overflow-y: visible; } .dx-drawer-overlap.dx-drawer-top .dx-drawer-wrapper, .dx-drawer-overlap.dx-drawer-bottom .dx-drawer-wrapper { overflow-x: visible; } .dx-drawer-overlap.dx-drawer-right.dx-drawer-expand .dx-overlay-content { right: 0; } .dx-card { overflow: hidden; } .dx-htmleditor { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border: 1px solid transparent; } .dx-quill-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; min-height: 1px; margin: 0; position: relative; overflow: hidden; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .dx-htmleditor-content { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.42; width: 100%; outline: none; overflow-y: auto; padding: 12px 15px; white-space: pre-wrap; word-wrap: break-word; } .dx-htmleditor-content .dx-variable > span { padding: 3px 6px; border-radius: 8px; } .dx-htmleditor-content > * { cursor: text; } .dx-htmleditor-content p, .dx-htmleditor-content ol, .dx-htmleditor-content ul, .dx-htmleditor-content pre, .dx-htmleditor-content blockquote, .dx-htmleditor-content h1, .dx-htmleditor-content h2, .dx-htmleditor-content h3, .dx-htmleditor-content h4, .dx-htmleditor-content h5, .dx-htmleditor-content h6 { margin: 0; padding: 0; } .dx-htmleditor-content p, .dx-htmleditor-content h1, .dx-htmleditor-content h2, .dx-htmleditor-content h3, .dx-htmleditor-content h4, .dx-htmleditor-content h5, .dx-htmleditor-content h6, .dx-htmleditor-content ol, .dx-htmleditor-content ul { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .dx-htmleditor-content table { border-collapse: collapse; } .dx-htmleditor-content td { border: 1px solid #000; padding: 2px 5px; } .dx-htmleditor-content ol, .dx-htmleditor-content ul { padding-left: 1.5em; } .dx-rtl .dx-htmleditor-content ol, .dx-rtl .dx-htmleditor-content ul { padding-left: 0; padding-right: 1.5em; } .dx-htmleditor-content li { list-style-type: none; padding-left: 1.5em; position: relative; } .dx-htmleditor-content li::before { display: inline-block; margin-left: -1.5em; margin-right: 0.3em; text-align: right; white-space: nowrap; width: 1.2em; } .dx-rtl .dx-htmleditor-content li { padding-left: 0; padding-right: 1.5em; } .dx-rtl .dx-htmleditor-content li::before { margin-left: 0.3em; margin-right: -1.5em; text-align: left; } .dx-htmleditor-content ul > li::before { content: '\2022'; } .dx-htmleditor-content li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .dx-htmleditor-content li::before { content: counter(list-0, decimal) '. '; } .dx-htmleditor-content ol li.ql-indent-1 { counter-increment: list-1; } .dx-htmleditor-content ol li.ql-indent-1::before { content: counter(list-1, lower-alpha) '. '; } .dx-htmleditor-content li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .dx-htmleditor-content ol li.ql-indent-2 { counter-increment: list-2; } .dx-htmleditor-content ol li.ql-indent-2::before { content: counter(list-2, lower-roman) '. '; } .dx-htmleditor-content li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .dx-htmleditor-content ol li.ql-indent-3 { counter-increment: list-3; } .dx-htmleditor-content ol li.ql-indent-3::before { content: counter(list-3, decimal) '. '; } .dx-htmleditor-content li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .dx-htmleditor-content ol li.ql-indent-4 { counter-increment: list-4; } .dx-htmleditor-content ol li.ql-indent-4::before { content: counter(list-4, lower-alpha) '. '; } .dx-htmleditor-content li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .dx-htmleditor-content ol li.ql-indent-5 { counter-increment: list-5; } .dx-htmleditor-content ol li.ql-indent-5::before { content: counter(list-5, lower-roman) '. '; } .dx-htmleditor-content li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .dx-htmleditor-content ol li.ql-indent-6 { counter-increment: list-6; } .dx-htmleditor-content ol li.ql-indent-6::before { content: counter(list-6, decimal) '. '; } .dx-htmleditor-content li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .dx-htmleditor-content ol li.ql-indent-7 { counter-increment: list-7; } .dx-htmleditor-content ol li.ql-indent-7::before { content: counter(list-7, lower-alpha) '. '; } .dx-htmleditor-content li.ql-indent-7 { counter-reset: list-8 list-9; } .dx-htmleditor-content ol li.ql-indent-8 { counter-increment: list-8; } .dx-htmleditor-content ol li.ql-indent-8::before { content: counter(list-8, lower-roman) '. '; } .dx-htmleditor-content li.ql-indent-8 { counter-reset: list-9; } .dx-htmleditor-content ol li.ql-indent-9 { counter-increment: list-9; } .dx-htmleditor-content ol li.ql-indent-9::before { content: counter(list-9, decimal) '. '; } .dx-htmleditor-content .ql-indent-1 { padding-left: 3em; } .dx-rtl .dx-htmleditor-content .ql-indent-1 { padding-left: 0; padding-right: 3em; } .dx-htmleditor-content li.ql-indent-1 { padding-left: 4.5em; } .dx-rtl .dx-htmleditor-content li.ql-indent-1 { padding-left: 0; padding-right: 4.5em; } .dx-htmleditor-content .ql-indent-2 { padding-left: 6em; } .dx-rtl .dx-htmleditor-content .ql-indent-2 { padding-left: 0; padding-right: 6em; } .dx-htmleditor-content li.ql-indent-2 { padding-left: 7.5em; } .dx-rtl .dx-htmleditor-content li.ql-indent-2 { padding-left: 0; padding-right: 7.5em; } .dx-htmleditor-content .ql-indent-3 { padding-left: 9em; } .dx-rtl .dx-htmleditor-content .ql-indent-3 { padding-left: 0; padding-right: 9em; } .dx-htmleditor-content li.ql-indent-3 { padding-left: 10.5em; } .dx-rtl .dx-htmleditor-content li.ql-indent-3 { padding-left: 0; padding-right: 10.5em; } .dx-htmleditor-content .ql-indent-4 { padding-left: 12em; } .dx-rtl .dx-htmleditor-content .ql-indent-4 { padding-left: 0; padding-right: 12em; } .dx-htmleditor-content li.ql-indent-4 { padding-left: 13.5em; } .dx-rtl .dx-htmleditor-content li.ql-indent-4 { padding-left: 0; padding-right: 13.5em; } .dx-htmleditor-content .ql-indent-5 { padding-left: 15em; } .dx-rtl .dx-htmleditor-content .ql-indent-5 { padding-left: 0; padding-right: 15em; } .dx-htmleditor-content li.ql-indent-5 { padding-left: 16.5em; } .dx-rtl .dx-htmleditor-content li.ql-indent-5 { padding-left: 0; padding-right: 16.5em; } .dx-htmleditor-content .ql-indent-6 { padding-left: 18em; } .dx-rtl .dx-htmleditor-content .ql-indent-6 { padding-left: 0; padding-right: 18em; } .dx-htmleditor-content li.ql-indent-6 { padding-left: 19.5em; } .dx-rtl .dx-htmleditor-content li.ql-indent-6 { padding-left: 0; padding-right: 19.5em; } .dx-htmleditor-content .ql-indent-7 { padding-left: 21em; } .dx-rtl .dx-htmleditor-content .ql-indent-7 { padding-left: 0; padding-right: 21em; } .dx-htmleditor-content li.ql-indent-7 { padding-left: 22.5em; } .dx-rtl .dx-htmleditor-content li.ql-indent-7 { padding-left: 0; padding-right: 22.5em; } .dx-htmleditor-content .ql-indent-8 { padding-left: 24em; } .dx-rtl .dx-htmleditor-content .ql-indent-8 { padding-left: 0; padding-right: 24em; } .dx-htmleditor-content li.ql-indent-8 { padding-left: 25.5em; } .dx-rtl .dx-htmleditor-content li.ql-indent-8 { padding-left: 0; padding-right: 25.5em; } .dx-htmleditor-content .ql-indent-9 { padding-left: 27em; } .dx-rtl .dx-htmleditor-content .ql-indent-9 { padding-left: 0; padding-right: 27em; } .dx-htmleditor-content li.ql-indent-9 { padding-left: 28.5em; } .dx-rtl .dx-htmleditor-content li.ql-indent-9 { padding-left: 0; padding-right: 28.5em; } .dx-rtl .dx-htmleditor-content li { padding-right: 1.5em; } .dx-rtl .dx-htmleditor-content li::before { margin-left: 0.3em; margin-right: -1.5em; text-align: left; } .dx-htmleditor-content table { table-layout: fixed; width: 100%; } .dx-htmleditor-content table td { outline: none; } .dx-htmleditor-content .ql-code-block-container { font-family: monospace; } .dx-htmleditor-content .ql-video { display: block; max-width: 100%; } .dx-htmleditor-content .ql-video.ql-align-center { margin: 0 auto; } .dx-htmleditor-content .ql-video.ql-align-right { margin: 0 0 0 auto; } .dx-htmleditor-content .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .dx-htmleditor-content .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .dx-htmleditor-content .ql-direction-rtl { direction: rtl; text-align: inherit; } .dx-htmleditor-content.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; } .dx-htmleditor-content pre { white-space: pre-wrap; background-color: rgba(191, 191, 191, 0.15); } .dx-htmleditor-content blockquote { padding-left: 12px; border-left: 4px solid; } .dx-rtl .dx-htmleditor-content blockquote { padding-left: 0; padding-right: 12px; border-left: none; border-right: 4px solid; } .dx-suggestion-list-wrapper .dx-list { min-height: 35px; } .dx-suggestion-list-wrapper .dx-list .dx-scrollable-content { margin: 0; } .dx-suggestion-list { min-width: 50px; } .dx-suggestion-list .dx-list-item { display: block; } .dx-suggestion-list .dx-list-item-icon { border-radius: 50%; vertical-align: text-bottom; } .dx-formdialog-form { min-width: 360px; } .dx-formdialog-field-target .dx-field-item-content { text-align: right; } .dx-rtl .dx-formdialog-field-target .dx-field-item-content { text-align: left; } .dx-htmleditor-toolbar-wrapper { padding: 5px; } .dx-color-format .dx-icon-color, .dx-background-format .dx-icon-color, .dx-color-format .dx-icon-background, .dx-background-format .dx-icon-background { border-bottom: 3px solid transparent; } .dx-htmleditor-toolbar-separator { height: 100%; border-left: 1px solid transparent; } .dx-htmleditor-toolbar-menu-separator { width: 100%; border-top: 1px solid transparent; } .dx-htmleditor-toolbar-menu-separator::before { content: none; } .dx-resize-frame { position: absolute; -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px dashed lightslategrey; } .dx-resize-frame .dx-resizable-handle-corner-top-right, .dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-resize-frame .dx-resizable-handle-corner-bottom-left { border: 1px solid white; width: 11px; height: 11px; border-radius: 0; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left { width: 15px; height: 15px; } .dx-resize-frame .dx-resizable-handle-corner-top-right, .dx-resize-frame .dx-resizable-handle-corner-bottom-right { right: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right { right: -7.5px; } .dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-resize-frame .dx-resizable-handle-corner-bottom-left { left: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left { left: -7.5px; } .dx-resize-frame .dx-resizable-handle-corner-top-right, .dx-resize-frame .dx-resizable-handle-corner-top-left { top: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left { top: -7.5px; } .dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-resize-frame .dx-resizable-handle-corner-bottom-left { bottom: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left { bottom: -7.5px; } .dx-resize-frame .dx-resizable-handle-right::after, .dx-resize-frame .dx-resizable-handle-left::after, .dx-resize-frame .dx-resizable-handle-top::after, .dx-resize-frame .dx-resizable-handle-bottom::after { content: ""; position: absolute; width: 11px; height: 11px; border: 1px solid white; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after { width: 15px; height: 15px; } .dx-resize-frame .dx-resizable-handle-right::after, .dx-resize-frame .dx-resizable-handle-left::after { top: calc(50% - 11px / 2); } .dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after { top: calc(50% - 15px / 2); } .dx-resize-frame .dx-resizable-handle-top::after, .dx-resize-frame .dx-resizable-handle-bottom::after { left: calc(50% - 11px / 2); } .dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after { left: calc(50% - 15px / 2); } .dx-resize-frame .dx-resizable-handle-right::after { right: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-right::after { right: -7.5px; } .dx-resize-frame .dx-resizable-handle-left::after { left: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-left::after { left: -7.5px; } .dx-resize-frame .dx-resizable-handle-top::after { top: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-top::after { top: -7.5px; } .dx-resize-frame .dx-resizable-handle-bottom::after { bottom: -5.5px; } .dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom::after { bottom: -7.5px; } .dx-mention { padding: 1px 0; border-radius: 2px; } .dx-mention .dx-template-wrapper { white-space: nowrap; display: inline-block; } .dx-mention > span { margin: 0 2px; } .dx-fa-button .dx-overlay-content { border-radius: 50%; cursor: pointer; } .dx-filemanager { height: 500px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border: 1px solid; } .dx-filemanager .dx-filemanager-toolbar { padding: 6px 10px; } .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item { width: 1px; margin-right: 5px; } .dx-filemanager .dx-filemanager-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; border-top: 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .dx-filemanager .dx-filemanager-container .dx-filemanager-dirs-panel { min-width: 250px; max-width: 300px; padding: 5px 10px; } .dx-filemanager .dx-filemanager-dirs-panel { height: 100%; border-right: 1px solid; } .dx-filemanager .dx-filemanager-breadcrumbs { padding: 6px 11px; border-bottom: 1px solid; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-horizontal .dx-menu-item-wrapper { vertical-align: middle; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item-content { padding: 5px 0 10px; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-parent-folder-item .dx-menu-item-content { padding: 5px 9px 10px; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content { width: 1px; height: 36px; padding: 0; margin: 0 10px; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item .dx-menu-item-content { padding: 5px 1px 10px; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover, .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover { cursor: default; } .dx-filemanager .dx-filemanager-editing-container { position: absolute; top: -5000px; left: -5000px; } .dx-filemanager .dx-filemanager-fileuploader .dx-filemanager-fileuploader-fileinput { display: none; } .dx-filemanager .dx-row .dx-filemanager-file-actions-button { float: right; } .dx-filemanager .dx-row .dx-filemanager-file-actions-button .dx-button-content { padding: 10px 14px; } .dx-filemanager .dx-row.dx-selection .dx-filemanager-file-actions-button, .dx-filemanager .dx-row.dx-state-hover .dx-filemanager-file-actions-button { visibility: visible; } .dx-filemanager .dx-filemanager-items-panel { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .dx-filemanager .dx-filemanager-thumbnails { width: 100%; height: 100%; overflow: hidden; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item { float: left; text-align: center; cursor: pointer; white-space: nowrap; width: 100px; height: 100px; border: 1px dashed transparent; margin: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content { overflow: hidden; padding: 13px 0 10px; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-thumbnail { border: 0; width: 48px; height: 48px; font-size: 48px; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-spacer { border: 0; padding: 0; margin: 0; height: 10px; visibility: hidden; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-name { overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; } .dx-filemanager .dx-filemanager-details { height: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dx-filemanager .dx-filemanager-details > div { height: 100%; } .dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper .dx-filemanager-details-item-name { -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dx-filemanager-file-actions-button { visibility: hidden; text-align: center; } .dx-filemanager-file-actions-button.dx-widget { line-height: 100%; } .dx-filemanager-file-actions-button .dx-button { border: none; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-filemanager-file-actions-button .dx-button .dx-button-content { padding: 10px 11px; } .dx-filemanager-file-actions-button .dx-button i { font-style: normal; } .dx-filemanager-file-actions-button.dx-filemanager-file-actions-button-activated, .dx-filemanager-file-actions-button:hover { visibility: visible; } .dx-filemanager-dirs-tree .dx-treeview-item-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .dx-filemanager-dirs-tree .dx-treeview-item-content .dx-filemanager-dirs-tree-item-text { -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dx-filemanager-dirs-tree .dx-filemanager-file-actions-button { margin-top: 1px; margin-bottom: -1px; } .dx-filemanager-dirs-tree .dx-filemanager-focused-item .dx-filemanager-file-actions-button, .dx-filemanager-dirs-tree .dx-treeview-item.dx-state-hover .dx-filemanager-file-actions-button { visibility: visible; } .dx-filemanager-dialog.dx-filemanager-dialog-folder-chooser, .dx-filemanager-progresspanel { height: 100%; overflow: auto; } .dx-filemanager-dialog-folder-chooser > div { height: 100%; } .dx-filemanager-dialog-popup > .dx-overlay-content { min-width: 300px; max-width: 400px; min-height: 300px; max-height: 400px; } .dx-filemanager-dialog-name-editor-popup > .dx-overlay-content { max-width: 340px; min-height: 180px; max-height: 180px; } .dx-filemanager-progresspanel { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; } .dx-filemanager-progresspanel .dx-filemanager-progressbox { float: left; width: 100%; padding-bottom: 10px; } .dx-filemanager-progresspanel .dx-filemanager-progressbox-cancel-button { margin-top: 5px; float: right; } .dx-diagram { border: 1px solid transparent; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; min-height: 400px; } .dx-diagram .dx-diagram-toolbar-wrapper { padding: 5px; -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; } .dx-diagram .dx-diagram-content-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .dx-diagram .dx-diagram-left-panel { -webkit-box-flex: 240px; -webkit-flex: 240px 0 0; -ms-flex: 240px 0 0px; flex: 240px 0 0; overflow-y: auto; position: relative; border-right: 1px solid transparent; } .dx-diagram .dx-diagram-left-panel > * { position: absolute; } .dx-diagram .dx-diagram-drawer-wrapper { -webkit-box-flex: 1; -webkit-flex: 1 0; -ms-flex: 1 0; flex: 1 0; } .dx-diagram .dx-diagram-content { height: 100%; } .dx-diagram .dx-diagram-right-panel { border-left: 1px solid transparent; } .dx-diagram .dx-diagram-right-panel .dx-accordion { width: 280px; } .dx-diagram .dx-diagram-toolbar-separator { height: 100%; border-left: 1px solid transparent; } .dx-diagram .dx-diagram-toolbar-menu-separator { width: 100%; border-top: 1px solid transparent; } .dx-diagram .dx-diagram-toolbar-menu-separator::before { content: none; } .dx-diagram .dx-diagram-toolbar .dx-diagram-select-b .dx-texteditor, .dx-diagram .dx-diagram-toolbar .dx-diagram-color-b .dx-texteditor { width: auto; } .dx-diagram .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper, .dx-diagram .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .dx-diagram .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i { display: block; } .dx-diagram .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-textbox, .dx-diagram .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-textbox { width: 0; } .dx-diagram .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input, .dx-diagram .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input { width: 0; padding-left: 0; } .dx-diagram.dx-diagram-fullscreen { left: 0; top: 0; min-width: 100%; min-height: 100%; position: fixed; z-index: 2; } .dx-diagram-i { background-repeat: no-repeat; background-position: 0 0; display: inline-block; } .dx-deferrendering .dx-deferrendering-loadindicator-container { width: 100%; height: 100%; position: relative; } .dx-deferrendering.dx-pending-rendering .dx-invisible-while-pending-rendering { display: none !important; } .dx-deferrendering:not(.dx-pending-rendering) .dx-visible-while-pending-rendering { display: none !important; } /*! * DevExtreme * Version: 19.1.16 * Build date: Oct 18, 2022 * * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ .dx-colorview-palette-handle { background: radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #fff 7px, #fff 12px, rgba(0, 0, 0, 0.2) 13px); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); } .dx-colorview-hue-scale-handle { border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset -5px 0 0 3px #fff, inset 5px 0 0 3px #fff, inset -6px 0 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: inset -5px 0 0 3px #fff, inset 5px 0 0 3px #fff, inset -6px 0 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0 1px 4px rgba(0, 0, 0, 0.2); } .dx-colorview-alpha-channel-handle { border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 -5px 0 3px #fff, inset 0 5px 0 3px #fff, inset 0 -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0 6px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0 -5px 0 3px #fff, inset 0 5px 0 3px #fff, inset 0 -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0 6px 1px 4px rgba(0, 0, 0, 0.2); } .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer { border-bottom: 1px solid #ddd; } .dx-datagrid-borders > .dx-datagrid-pager, .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-filter-panel { border-top: 1px solid #ddd; } .dx-datagrid-borders > .dx-datagrid-filter-panel { border-top-width: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .dx-datagrid { color: #333; background-color: #fff; } .dx-datagrid .dx-sort-up { font: 14px/1 DXIcons; } .dx-datagrid .dx-sort-up:before { content: "\f051"; } .dx-datagrid .dx-sort-down { font: 14px/1 DXIcons; } .dx-datagrid .dx-sort-down:before { content: "\f052"; } .dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item, .dx-datagrid .dx-datagrid-header-panel .dx-header-filter { outline: none; } .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus, .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus { outline: 2px solid #337ab7; outline-offset: -2px; } .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus { outline-offset: 2px; } .dx-datagrid .dx-datagrid-headers .dx-header-row > td, .dx-datagrid .dx-datagrid-headers .dx-header-filter { outline: none; } .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus, .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus { outline: 2px solid #337ab7; outline-offset: 2px; } .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus { outline-offset: -2px; } .dx-datagrid .dx-header-filter { position: relative; color: #959595; font: 14px/1 DXIcons; } .dx-datagrid .dx-header-filter:before { content: "\f050"; } .dx-datagrid .dx-header-filter-empty { color: rgba(149, 149, 149, 0.5); } .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon { width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed { background-color: #fff; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #ddd; border-right: 2px solid #ddd; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell { border-left: none; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell { border-right: none; } .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus { outline: 2px solid #337ab7; outline-offset: 2px; } .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus { outline-color: #fff; outline-offset: 0; } .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form { background-color: #fff; } .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td { position: relative; } .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space):before { display: block; height: 100%; content: ''; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC); background-repeat: no-repeat repeat; } .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content { color: #333; } .dx-datagrid .dx-error-row td { color: #fff; padding: 0; } .dx-datagrid .dx-error-row .dx-error-message { background-color: #e89895; white-space: normal; word-wrap: break-word; } .dx-datagrid .dx-column-lines > td:first-child { border-left: none; } .dx-datagrid .dx-column-lines > td:last-child { border-right: none; } .dx-datagrid-filter-panel { color: #333; border-top: 1px solid #ddd; } .dx-datagrid-filter-panel .dx-icon-filter, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter { outline: none; } .dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus, .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus, .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus { outline: 2px solid #337ab7; outline-offset: 3px; } .dx-datagrid-form-buttons-container { float: right; } .dx-datagrid-form-buttons-container .dx-button { margin-left: 10px; margin-top: 10px; } .dx-datagrid-column-chooser { color: #333; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-datagrid-column-chooser input, .dx-datagrid-column-chooser textarea { font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportxlsx { width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportselected { width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid-adaptive-more { cursor: pointer; font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-datagrid-adaptive-more:before { content: "\f06c"; } .dx-datagrid-edit-popup .dx-error-message { background-color: #e89895; white-space: normal; word-wrap: break-word; color: #fff; margin-bottom: 20px; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #ddd; border-right: 2px solid #ddd; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell { border-right: none; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell { border-left: none; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: left"]:before { -webkit-transform: scale(1); transform: scale(1); } .dx-rtl .dx-datagrid .dx-column-lines > td:first-child { border-right: none; border-left: 1px solid #ddd; } .dx-rtl .dx-datagrid .dx-column-lines > td:last-child { border-left: none; border-right: 1px solid #ddd; } .dx-rtl .dx-datagrid-form-buttons-container { float: left; } .dx-rtl .dx-datagrid-form-buttons-container .dx-button { margin-left: 0; margin-right: 10px; } .dx-datagrid-cell-updated-animation { -webkit-animation: dx-datagrid-highlight-change 1s; animation: dx-datagrid-highlight-change 1s; } @-webkit-keyframes dx-datagrid-highlight-change { from { background-color: rgba(51, 51, 51, 0.08); } 50% { background-color: rgba(51, 51, 51, 0.08); } } @keyframes dx-datagrid-highlight-change { from { background-color: rgba(51, 51, 51, 0.08); } 50% { background-color: rgba(51, 51, 51, 0.08); } } .dx-pivotgrid-fields-container .dx-position-indicator { background-color: gray; } .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical { margin-top: -4px; margin-left: -1px; height: 2px; } .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical.dx-position-indicator-last { margin-top: -3px; } .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal { margin-left: -3px; width: 2px; } .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last { margin-left: 3px; } .dx-pivotgrid-fields-container .dx-area-fields { position: relative; } .dx-pivotgrid-fields-container .dx-sort { color: #959595; font-size: 14px; width: 14px; } .dx-pivotgrid-fields-container .dx-sort-up { font: 14px/1 DXIcons; } .dx-pivotgrid-fields-container .dx-sort-up:before { content: "\f051"; } .dx-pivotgrid-fields-container .dx-sort-down { font: 14px/1 DXIcons; } .dx-pivotgrid-fields-container .dx-sort-down:before { content: "\f052"; } .dx-pivotgrid-fields-container .dx-header-filter { color: #959595; font: 14px/1 DXIcons; font-size: 14px; width: 14px; } .dx-pivotgrid-fields-container .dx-header-filter:before { content: "\f050"; } .dx-pivotgrid-fields-container .dx-header-filter-empty { color: rgba(149, 149, 149, 0.5); } .dx-pivotgrid-fields-container .dx-area-field { cursor: pointer; } .dx-pivotgrid-fields-container.dx-drag { opacity: 0.8; } .dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box { -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); border: 1px solid rgba(51, 122, 183, 0.5); } .dx-pivotgrid-fields-container .dx-area-field.dx-area-box { background-color: #fff; margin-bottom: 4px; border: 1px solid #ddd; padding: 7px 10px; } .dx-pivotgrid-fields-container .dx-drag-source { opacity: 0.5; } .dx-pivotgrid-fields-container .dx-column-indicators { vertical-align: bottom; margin-left: 6px; } .dx-pivotgrid-fields-container .dx-area-field-content { vertical-align: bottom; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area { overflow: hidden; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar { margin-right: 10px; float: right; display: inline-block; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button { margin-right: 4px; } .dx-pivotgrid .dx-data-header, .dx-pivotgrid .dx-column-header, .dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background { background-color: rgba(221, 221, 221, 0.2); } .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area { color: #333; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area input, .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area textarea { font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area { margin-left: -5px; padding-left: 5px; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child { padding-left: 0; } .dx-pivotgrid .dx-filter-header .dx-area-field-container { border-spacing: 8px; border-collapse: separate; } .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head td { padding: 2px; } .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head tr > td:first-child { padding-left: 2px; } .dx-pivotgrid .dx-area-field.dx-area-box { margin-bottom: 0; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td { border-top: 1px solid #ddd; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td { border-top-width: 0; } .dx-pivotgrid .dx-expand-icon-container { margin-left: -5px; margin-right: 0; } .dx-pivotgrid .dx-area-row-cell, .dx-pivotgrid .dx-area-description-cell { border-right: 1px solid #ddd; } .dx-pivotgrid .dx-area-description-cell { white-space: nowrap; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button { margin: 1px; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button:not(.dx-state-hover):not(.dx-state-active) { border-color: transparent; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-pivotgrid .dx-bottom-border, .dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-area-column-cell { border-bottom: 1px solid #ddd; } .dx-pivotgrid .dx-pivotgrid-area { -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-pivotgrid .dx-pivotgrid-area td { color: #959595; padding: 7px 10px; } .dx-pivotgrid .dx-pivotgrid-fields-area-head td { position: relative; border: none; padding: 10px 2px; } .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child { padding-left: 10px; } .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child { padding-right: 10px; } .dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text { white-space: nowrap; padding: 6px 0; border: 1px solid transparent; color: #525252; } .dx-pivotgrid .dx-group-connector { position: absolute; width: 2px; top: 50%; height: 2px; margin-top: -1px; background-color: #ddd; } .dx-pivotgrid .dx-group-connector.dx-group-connector-prev { left: 0; } .dx-pivotgrid .dx-group-connector.dx-group-connector-next { right: 0; } .dx-pivotgrid .dx-virtual-content { display: none; } .dx-pivotgrid .dx-virtual-mode .dx-virtual-content { position: relative; overflow: hidden; display: block; } .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td { color: transparent; background-color: transparent !important; } .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td span { visibility: hidden; } .dx-pivotgrid .dx-virtual-mode table { position: absolute; } .dx-pivotgrid .dx-pivotgrid-area-data { position: relative; } .dx-pivotgrid .dx-pivotgrid-area-data tbody td { text-align: right; color: #333; white-space: nowrap; border-left: 1px solid #ddd; } .dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child { border-left: 0; } .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total, .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal { border-top-width: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border { border-top: 1px solid #ddd; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell { border-right: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers td { min-width: 50px; border-right: 1px solid #ddd; } .dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td { border-top: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-pivotgrid-fields-area-head td:last-child { border-right: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total, .dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .dx-pivotgrid .dx-area-tree-view .dx-total { border-bottom: none; } .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column { border-top: 1px solid transparent; background-color: rgba(221, 221, 221, 0.2); width: 24px; padding: 0; min-width: 24px; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 1px solid #ddd; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td { text-align: center; border: 1px solid #ddd; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded, .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed { text-align: left; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child { border-left: 0; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td { border-top: 0; } .dx-pivotgrid .dx-expand-icon-container { width: 14px; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child { border-bottom: 0; } .dx-pivotgrid .dx-total, .dx-pivotgrid .dx-data-header, .dx-pivotgrid .dx-column-header, .dx-pivotgrid .dx-area-description-cell { background-color: rgba(221, 221, 221, 0.2); } .dx-pivotgrid .dx-grandtotal { background-color: #f5f5f5; } .dx-pivotgrid .dx-pivotgrid-border .dx-data-header, .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header, .dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell { border-left: 1px solid #ddd; } .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header, .dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-column-header, .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header, .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell { border-right: 1px solid #ddd; } .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header { border-top: 1px solid #ddd; } .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header td { display: inline-block; } .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell { border-bottom: 1px solid #ddd; } .dx-pivotgrid .dx-icon-sorted { display: inline-block; margin-left: 5px; width: 14px; } .dx-pivotgrid .dx-menu-item .dx-icon { width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-pivotgrid .dx-popup-content { padding: 10px; } .dx-pivotgrid .dx-popup-content .dx-pivotgrid-fields-area-head td { padding: 0 2px; } .dx-pivotgridfieldchooser .dx-area-fields { overflow: hidden; } .dx-pivotgridfieldchooser .dx-treeview-item .dx-icon { margin-bottom: 1px; width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-pivotgridfieldchooser .dx-treeview-search { margin: 5px; } .dx-pivotgridfieldchooser .dx-area-icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .dx-pivotgridfieldchooser .dx-area { padding: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .dx-pivotgridfieldchooser .dx-area > .dx-scrollable, .dx-pivotgridfieldchooser .dx-area > .dx-treeview, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 0; } .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 0; } .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container { height: auto; } .dx-pivotgridfieldchooser .dx-area .dx-area-fields { margin-top: 3px; border: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 0; } .dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .dx-pivotgridfieldchooser .dx-area-fields[group] { padding: 5px; background-color: rgba(221, 221, 221, 0.2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target { border-color: #337ab7; } .dx-pivotgridfieldchooser .dx-area-icon-all { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-filter { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-row { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-column { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-data { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-icon-measure { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-icon-dimension { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser .dx-icon-hierarchy { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==) no-repeat center center; } .dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal { margin-left: -3px; } .dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last { margin-left: 1px; } .dx-rtl .dx-pivotgrid-fields-container .dx-column-indicators { margin-left: 0; margin-right: 6px; } .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar, .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar { margin-right: 0; margin-left: 10px; float: left; } .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button, .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button { margin-right: 0; margin-left: 4px; } .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area { margin-left: 0; padding-left: 0; margin-right: -5px; padding-right: 5px; } .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child { padding-left: 2px; padding-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td { padding: 10px 2px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child { padding-right: 10px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child { padding-left: 10px; } .dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-prev { left: initial; right: 0; } .dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-next { right: initial; left: 0; } .dx-rtl.dx-pivotgrid .dx-area-row-cell, .dx-rtl.dx-pivotgrid .dx-area-description-cell { border-left: 1px solid #ddd; border-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td { border-left: 0; border-right: 1px solid #ddd; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child { border-left: 1px solid #ddd; border-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td { border-right: 0; border-left: 1px solid #ddd; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell { border-left: 0; border-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 0; border-left: 1px solid #ddd; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area { border-left: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child { border-left: 1px solid #ddd; border-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded, .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed { text-align: right; } .dx-rtl.dx-pivotgrid .dx-expand-icon-container { margin-left: 0; margin-right: -5px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand-icon-container { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl.dx-pivotgrid .dx-icon-sorted { margin-left: 0; margin-right: 5px; } .dx-rtl.dx-pivotgrid .dx-pivotgridfieldchooser-container .dx-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell { border-right: 1px solid #ddd; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell { border-left: 1px solid #ddd; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header { border-right: none; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header { border-left: none; } .dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer { border-bottom: 1px solid #ddd; } .dx-treelist-borders > .dx-treelist-pager, .dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-filter-panel { border-top: 1px solid #ddd; } .dx-treelist-borders > .dx-treelist-filter-panel { border-top-width: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .dx-treelist .dx-column-lines > td:first-child { border-left: none; } .dx-treelist .dx-column-lines > td:last-child { border-right: none; } .dx-treelist-container { color: #333; background-color: #fff; } .dx-treelist-container .dx-sort-up { font: 14px/1 DXIcons; } .dx-treelist-container .dx-sort-up:before { content: "\f051"; } .dx-treelist-container .dx-sort-down { font: 14px/1 DXIcons; } .dx-treelist-container .dx-sort-down:before { content: "\f052"; } .dx-treelist-container .dx-treelist-headers .dx-header-row > td, .dx-treelist-container .dx-treelist-headers .dx-header-filter { outline: none; } .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus, .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus { outline: 2px solid #337ab7; } .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus { outline-offset: -2px; } .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus { outline-offset: 2px; } .dx-treelist-container .dx-header-filter { position: relative; color: #959595; font: 14px/1 DXIcons; } .dx-treelist-container .dx-header-filter:before { content: "\f050"; } .dx-treelist-container .dx-header-filter-empty { color: rgba(149, 149, 149, 0.5); } .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon { width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed { background-color: #fff; } .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none, .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #ddd; border-right: 2px solid #ddd; } .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell { border-left: none; } .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell { border-right: none; } .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus { outline: 2px solid #337ab7; outline-offset: 2px; } .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus { outline-color: #fff; outline-offset: 0; } .dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form { background-color: #fff; } .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td { position: relative; } .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before { display: block; height: 100%; content: ''; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC); background-repeat: no-repeat repeat; } .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content { color: #333; } .dx-treelist-container .dx-error-row td { color: #fff; padding: 0; } .dx-treelist-container .dx-error-row .dx-error-message { background-color: #e89895; white-space: normal; word-wrap: break-word; } .dx-treelist-filter-panel { color: #333; border-top: 1px solid #ddd; } .dx-treelist-filter-panel .dx-icon-filter, .dx-treelist-filter-panel .dx-treelist-filter-panel-text, .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter { outline: none; } .dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus, .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus, .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus { outline: 2px solid #337ab7; } .dx-treelist-form-buttons-container { float: right; } .dx-treelist-form-buttons-container .dx-button { margin-left: 10px; margin-top: 10px; } .dx-treelist-column-chooser { color: #333; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-treelist-column-chooser input, .dx-treelist-column-chooser textarea { font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx { width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-treelist-adaptive-more { cursor: pointer; font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-treelist-adaptive-more:before { content: "\f06c"; } .dx-treelist-edit-popup .dx-error-message { background-color: #e89895; white-space: normal; word-wrap: break-word; color: #fff; margin-bottom: 20px; } .dx-rtl.dx-treelist .dx-column-lines > td:first-child { border-right: none; border-left: 1px solid #ddd; } .dx-rtl.dx-treelist .dx-column-lines > td:last-child { border-left: none; border-right: 1px solid #ddd; } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #ddd; border-right: 2px solid #ddd; } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell { border-right: none; } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell { border-left: none; } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: left"]:before { -webkit-transform: scale(1); transform: scale(1); } .dx-rtl .dx-treelist-form-buttons-container { float: left; } .dx-rtl .dx-treelist-form-buttons-container .dx-button { margin-left: 0; margin-right: 10px; } .dx-treelist-cell-updated-animation { -webkit-animation: dx-treelist-highlight-change 1s; animation: dx-treelist-highlight-change 1s; } @-webkit-keyframes dx-treelist-highlight-change { from { background-color: rgba(51, 51, 51, 0.08); } 50% { background-color: rgba(51, 51, 51, 0.08); } } @keyframes dx-treelist-highlight-change { from { background-color: rgba(51, 51, 51, 0.08); } 50% { background-color: rgba(51, 51, 51, 0.08); } } .dx-treeview-node-loadindicator { left: auto; right: 0; } .dx-rtl .dx-treeview-node .dx-checkbox { left: auto; } .dx-validationsummary-item { color: #d9534f; } .dx-validationsummary-item-content { border-bottom: 1px dashed; display: inline-block; line-height: normal; } .dx-invalid-message > .dx-overlay-content { color: #fff; background-color: #d9534f; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content, .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content { -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item-marker-body, .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item-marker-body { background: #337ab7; } .dx-scheduler-win-no-touch .dx-scheduler-appointment { -ms-touch-action: none; touch-action: none; } .dx-filterbuilder { background-color: #fff; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text { color: #333; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation { background-color: rgba(217, 83, 79, 0.3); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover { background-color: rgba(217, 83, 79, 0.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active { background-color: #d9534f; color: #FFF; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field { background-color: rgba(51, 122, 183, 0.3); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover { background-color: rgba(51, 122, 183, 0.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active { background-color: #337ab7; color: #FFF; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation { background-color: rgba(92, 184, 92, 0.3); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover { background-color: rgba(92, 184, 92, 0.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active { background-color: #5cb85c; color: #FFF; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text { background-color: rgba(221, 221, 221, 0.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover { background-color: rgba(221, 221, 221, 0.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:focus, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text.dx-state-active { background-color: #dddddd; color: #FFF; } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus { color: rgba(92, 184, 92, 0.3); } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover { color: rgba(92, 184, 92, 0.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus, .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active { color: #5cb85c; } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove { color: rgba(217, 83, 79, 0.3); } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover { color: rgba(217, 83, 79, 0.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus { color: #d9534f; } .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon { color: #898989; width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-recurrence-numberbox-interval, .dx-recurrence-numberbox-day-of-month, .dx-recurrence-selectbox-month-of-year, .dx-recurrence-numberbox-repeat-count, .dx-recurrence-datebox-until-date { float: left; position: relative !important; } .dx-recurrence-numberbox-interval.dx-rtl, .dx-recurrence-numberbox-day-of-month.dx-rtl, .dx-recurrence-selectbox-month-of-year.dx-rtl, .dx-recurrence-numberbox-repeat-count.dx-rtl, .dx-recurrence-datebox-until-date.dx-rtl { float: right; } .dx-recurrence-numberbox-interval, .dx-recurrence-numberbox-day-of-month, .dx-recurrence-numberbox-repeat-count { width: 70px !important; } .dx-recurrence-repeat-end-wrapper { padding: 0 5px; } .dx-recurrence-radiogroup-repeat-type-label, .dx-recurrence-repeat-end-label { display: inline-block; padding: 0 5px; vertical-align: top; } .dx-recurrence-repeat-end-label { float: left; width: auto; white-space: nowrap; line-height: 36px; } .dx-recurrence-selectbox-month-of-year { width: 120px !important; top: 0 !important; } .dx-recurrence-checkbox-day-of-week { position: relative !important; padding-right: 10px; } .dx-recurrence-radiogroup-repeat-type { margin: 0; } .dx-recurrence-radiogroup-repeat-type .dx-item { padding-bottom: 10px; } .dx-recurrence-radiogroup-repeat-type.dx-rtl .dx-recurrence-repeat-end-label { float: right; } .dx-recurrence-editor-container .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .dx-recurrence-editor-container .dx-field-value-static { width: 100%; } .dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox { float: left; } .dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl { float: right; } .dx-recurrence-editor-container .dx-field-label { width: auto; float: none; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-selectbox-freq.dx-field-value { width: 100%; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-interval-field { display: block; margin-bottom: 2px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on { display: block; padding-top: 5px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on .dx-recurrence-repeat-on-label { padding-top: 10px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label { padding-bottom: 0; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-radiogroup-repeat-type { left: 0; position: inherit; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label { padding-top: 0; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label { padding-bottom: 2px; padding-top: 0; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-freq-field { margin-bottom: 0; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field { padding-top: 0; position: static; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field .dx-recurrence-radiogroup-repeat-type { margin-top: 0; } .dx-scheduler-recurrence-rule-item.dx-field-item { border-top: 1px solid #ddd; } .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label, .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label, .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label { left: -90px; } .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type { left: -88px; } .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child { padding-top: 7px; } .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-on-week { padding-top: 7px; padding-bottom: 7px; } .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-end-container.dx-field { padding-top: 10px; } .dx-theme-generic-typography { background-color: #fff; color: #333; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-theme-generic-typography input, .dx-theme-generic-typography textarea { font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-theme-generic-typography h1, .dx-theme-generic-typography .dx-font-xl { font-weight: 200; font-size: 34px; } .dx-theme-generic-typography h2, .dx-theme-generic-typography .dx-font-l { font-weight: normal; font-size: 28px; } .dx-theme-generic-typography h3 { font-weight: normal; font-size: 22px; } .dx-theme-generic-typography .dx-font-m { font-weight: normal; font-size: 20px; } .dx-theme-generic-typography h4, .dx-theme-generic-typography .dx-font-s { font-weight: 500; font-size: 18px; } .dx-theme-generic-typography h5 { font-weight: 700; font-size: 16px; } .dx-theme-generic-typography h6, .dx-theme-generic-typography small, .dx-theme-generic-typography .dx-font-xs { font-weight: 800; font-size: 12px; } .dx-theme-generic-typography a { color: #337ab7; } .dx-theme-marker { font-family: "dx.generic.light"; } .dx-theme-accent-as-text-color { color: #337ab7 !important; } .dx-theme-text-color { color: #333 !important; } .dx-theme-background-color-as-text-color { color: #fff !important; } .dx-theme-border-color-as-text-color { color: #ddd !important; } .dx-theme-accent-as-background-color { background-color: #337ab7 !important; fill: #337ab7 !important; } .dx-theme-text-color-as-background-color { background-color: #333 !important; fill: #333 !important; } .dx-theme-background-color { background-color: #fff !important; fill: #fff !important; } .dx-theme-border-color-as-background-color { background-color: #ddd !important; fill: #ddd !important; } .dx-theme-accent-as-border-color { border-color: #337ab7 !important; } .dx-theme-text-color-as-border-color { border-color: #333 !important; } .dx-theme-background-color-as-border-color { border-color: #fff !important; } .dx-theme-border-color { border-color: #ddd !important; } @font-face { font-family: 'DXIcons'; src: local("DevExtreme Generic Icons"), local("devextreme_generic_icons"), url('dxicons.woff2') format('woff2'), url('dxicons.woff') format('woff'), url('dxicons.ttf') format('truetype'); font-weight: normal; font-style: normal; } .dx-icon { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .dx-icon-add { font: 14px/1 DXIcons; } .dx-icon-add:before { content: "\f00b"; } .dx-icon-airplane { font: 14px/1 DXIcons; } .dx-icon-airplane:before { content: "\f000"; } .dx-icon-bookmark { font: 14px/1 DXIcons; } .dx-icon-bookmark:before { content: "\f017"; } .dx-icon-box { font: 14px/1 DXIcons; } .dx-icon-box:before { content: "\f018"; } .dx-icon-car { font: 14px/1 DXIcons; } .dx-icon-car:before { content: "\f01b"; } .dx-icon-card { font: 14px/1 DXIcons; } .dx-icon-card:before { content: "\f019"; } .dx-icon-cart { font: 14px/1 DXIcons; } .dx-icon-cart:before { content: "\f01a"; } .dx-icon-chart { font: 14px/1 DXIcons; } .dx-icon-chart:before { content: "\f01c"; } .dx-icon-check { font: 14px/1 DXIcons; } .dx-icon-check:before { content: "\f005"; } .dx-icon-clear { font: 14px/1 DXIcons; } .dx-icon-clear:before { content: "\f008"; } .dx-icon-clock { font: 14px/1 DXIcons; } .dx-icon-clock:before { content: "\f01d"; } .dx-icon-close { font: 14px/1 DXIcons; } .dx-icon-close:before { content: "\f00a"; } .dx-icon-coffee { font: 14px/1 DXIcons; } .dx-icon-coffee:before { content: "\f02a"; } .dx-icon-comment { font: 14px/1 DXIcons; } .dx-icon-comment:before { content: "\f01e"; } .dx-icon-doc { font: 14px/1 DXIcons; } .dx-icon-doc:before { content: "\f021"; } .dx-icon-download { font: 14px/1 DXIcons; } .dx-icon-download:before { content: "\f022"; } .dx-icon-dragvertical { font: 14px/1 DXIcons; } .dx-icon-dragvertical:before { content: "\f038"; } .dx-icon-edit { font: 14px/1 DXIcons; } .dx-icon-edit:before { content: "\f023"; } .dx-icon-email { font: 14px/1 DXIcons; } .dx-icon-email:before { content: "\f024"; } .dx-icon-event { font: 14px/1 DXIcons; } .dx-icon-event:before { content: "\f026"; } .dx-icon-favorites { font: 14px/1 DXIcons; } .dx-icon-favorites:before { content: "\f025"; } .dx-icon-find { font: 14px/1 DXIcons; } .dx-icon-find:before { content: "\f027"; } .dx-icon-filter { font: 14px/1 DXIcons; } .dx-icon-filter:before { content: "\f050"; } .dx-icon-folder { font: 14px/1 DXIcons; } .dx-icon-folder:before { content: "\f028"; } .dx-icon-food { font: 14px/1 DXIcons; } .dx-icon-food:before { content: "\f029"; } .dx-icon-gift { font: 14px/1 DXIcons; } .dx-icon-gift:before { content: "\f02b"; } .dx-icon-globe { font: 14px/1 DXIcons; } .dx-icon-globe:before { content: "\f02c"; } .dx-icon-group { font: 14px/1 DXIcons; } .dx-icon-group:before { content: "\f02e"; } .dx-icon-help { font: 14px/1 DXIcons; } .dx-icon-help:before { content: "\f02f"; } .dx-icon-home { font: 14px/1 DXIcons; } .dx-icon-home:before { content: "\f030"; } .dx-icon-image { font: 14px/1 DXIcons; } .dx-icon-image:before { content: "\f031"; } .dx-icon-info { font: 14px/1 DXIcons; } .dx-icon-info:before { content: "\f032"; } .dx-icon-key { font: 14px/1 DXIcons; } .dx-icon-key:before { content: "\f033"; } .dx-icon-like { font: 14px/1 DXIcons; } .dx-icon-like:before { content: "\f034"; } .dx-icon-map { font: 14px/1 DXIcons; } .dx-icon-map:before { content: "\f035"; } .dx-icon-menu { font: 14px/1 DXIcons; } .dx-icon-menu:before { content: "\f00c"; } .dx-icon-message { font: 14px/1 DXIcons; } .dx-icon-message:before { content: "\f024"; } .dx-icon-money { font: 14px/1 DXIcons; } .dx-icon-money:before { content: "\f036"; } .dx-icon-music { font: 14px/1 DXIcons; } .dx-icon-music:before { content: "\f037"; } .dx-icon-overflow { font: 14px/1 DXIcons; } .dx-icon-overflow:before { content: "\f00d"; } .dx-icon-percent { font: 14px/1 DXIcons; } .dx-icon-percent:before { content: "\f039"; } .dx-icon-photo { font: 14px/1 DXIcons; } .dx-icon-photo:before { content: "\f03a"; } .dx-icon-plus { font: 14px/1 DXIcons; } .dx-icon-plus:before { content: "\f00b"; } .dx-icon-preferences { font: 14px/1 DXIcons; } .dx-icon-preferences:before { content: "\f03b"; } .dx-icon-product { font: 14px/1 DXIcons; } .dx-icon-product:before { content: "\f03c"; } .dx-icon-pulldown { font: 14px/1 DXIcons; } .dx-icon-pulldown:before { content: "\f062"; } .dx-icon-refresh { font: 14px/1 DXIcons; } .dx-icon-refresh:before { content: "\f03d"; } .dx-icon-remove { font: 14px/1 DXIcons; } .dx-icon-remove:before { content: "\f00a"; } .dx-icon-revert { font: 14px/1 DXIcons; } .dx-icon-revert:before { content: "\f04c"; } .dx-icon-runner { font: 14px/1 DXIcons; } .dx-icon-runner:before { content: "\f040"; } .dx-icon-save { font: 14px/1 DXIcons; } .dx-icon-save:before { content: "\f041"; } .dx-icon-search { font: 14px/1 DXIcons; } .dx-icon-search:before { content: "\f027"; } .dx-icon-tags { font: 14px/1 DXIcons; } .dx-icon-tags:before { content: "\f009"; } .dx-icon-tel { font: 14px/1 DXIcons; } .dx-icon-tel:before { content: "\f003"; } .dx-icon-tips { font: 14px/1 DXIcons; } .dx-icon-tips:before { content: "\f004"; } .dx-icon-todo { font: 14px/1 DXIcons; } .dx-icon-todo:before { content: "\f005"; } .dx-icon-toolbox { font: 14px/1 DXIcons; } .dx-icon-toolbox:before { content: "\f007"; } .dx-icon-trash { font: 14px/1 DXIcons; } .dx-icon-trash:before { content: "\f03e"; } .dx-icon-user { font: 14px/1 DXIcons; } .dx-icon-user:before { content: "\f02d"; } .dx-icon-upload { font: 14px/1 DXIcons; } .dx-icon-upload:before { content: "\f006"; } .dx-icon-floppy { font: 14px/1 DXIcons; } .dx-icon-floppy:before { content: "\f073"; } .dx-icon-arrowleft { font: 14px/1 DXIcons; } .dx-icon-arrowleft:before { content: "\f011"; } .dx-icon-arrowdown { font: 14px/1 DXIcons; } .dx-icon-arrowdown:before { content: "\f015"; } .dx-icon-arrowright { font: 14px/1 DXIcons; } .dx-icon-arrowright:before { content: "\f00e"; } .dx-icon-arrowup { font: 14px/1 DXIcons; } .dx-icon-arrowup:before { content: "\f013"; } .dx-icon-spinleft { font: 14px/1 DXIcons; } .dx-icon-spinleft:before { content: "\f04f"; } .dx-icon-spinright { font: 14px/1 DXIcons; } .dx-icon-spinright:before { content: "\f04e"; } .dx-icon-spinnext { font: 14px/1 DXIcons; } .dx-icon-spinnext:before { content: "\f04e"; } .dx-rtl .dx-icon-spinnext:before { content: "\f04f"; } .dx-icon-spinprev { font: 14px/1 DXIcons; } .dx-icon-spinprev:before { content: "\f04f"; } .dx-rtl .dx-icon-spinprev:before { content: "\f04e"; } .dx-icon-spindown { font: 14px/1 DXIcons; } .dx-icon-spindown:before { content: "\f001"; } .dx-icon-spinup { font: 14px/1 DXIcons; } .dx-icon-spinup:before { content: "\f002"; } .dx-icon-chevronleft { font: 14px/1 DXIcons; } .dx-icon-chevronleft:before { content: "\f012"; } .dx-icon-chevronright { font: 14px/1 DXIcons; } .dx-icon-chevronright:before { content: "\f010"; } .dx-icon-chevronnext { font: 14px/1 DXIcons; } .dx-icon-chevronnext:before { content: "\f010"; } .dx-rtl .dx-icon-chevronnext:before { content: "\f012"; } .dx-icon-chevronprev { font: 14px/1 DXIcons; } .dx-icon-chevronprev:before { content: "\f012"; } .dx-rtl .dx-icon-chevronprev:before { content: "\f010"; } .dx-icon-chevrondown { font: 14px/1 DXIcons; } .dx-icon-chevrondown:before { content: "\f016"; } .dx-icon-chevronup { font: 14px/1 DXIcons; } .dx-icon-chevronup:before { content: "\f014"; } .dx-icon-chevrondoubleleft { font: 14px/1 DXIcons; } .dx-icon-chevrondoubleleft:before { content: "\f042"; } .dx-icon-chevrondoubleright { font: 14px/1 DXIcons; } .dx-icon-chevrondoubleright:before { content: "\f043"; } .dx-icon-equal { font: 14px/1 DXIcons; } .dx-icon-equal:before { content: "\f044"; } .dx-icon-notequal { font: 14px/1 DXIcons; } .dx-icon-notequal:before { content: "\f045"; } .dx-icon-less { font: 14px/1 DXIcons; } .dx-icon-less:before { content: "\f046"; } .dx-icon-greater { font: 14px/1 DXIcons; } .dx-icon-greater:before { content: "\f047"; } .dx-icon-lessorequal { font: 14px/1 DXIcons; } .dx-icon-lessorequal:before { content: "\f048"; } .dx-icon-greaterorequal { font: 14px/1 DXIcons; } .dx-icon-greaterorequal:before { content: "\f049"; } .dx-icon-isblank { font: 14px/1 DXIcons; } .dx-icon-isblank:before { content: "\f075"; } .dx-icon-isnotblank { font: 14px/1 DXIcons; } .dx-icon-isnotblank:before { content: "\f076"; } .dx-icon-sortup { font: 14px/1 DXIcons; } .dx-icon-sortup:before { content: "\f051"; } .dx-icon-sortdown { font: 14px/1 DXIcons; } .dx-icon-sortdown:before { content: "\f052"; } .dx-icon-sortuptext { font: 14px/1 DXIcons; } .dx-icon-sortuptext:before { content: "\f053"; } .dx-icon-sortdowntext { font: 14px/1 DXIcons; } .dx-icon-sortdowntext:before { content: "\f054"; } .dx-icon-sorted { font: 14px/1 DXIcons; } .dx-icon-sorted:before { content: "\f055"; } .dx-icon-expand { font: 14px/1 DXIcons; } .dx-icon-expand:before { content: "\f04a"; } .dx-icon-collapse { font: 14px/1 DXIcons; } .dx-icon-collapse:before { content: "\f04b"; } .dx-icon-columnfield { font: 14px/1 DXIcons; } .dx-icon-columnfield:before { content: "\f057"; } .dx-icon-rowfield { font: 14px/1 DXIcons; } .dx-icon-rowfield:before { content: "\f058"; } .dx-icon-datafield { font: 14px/1 DXIcons; } .dx-icon-datafield:before { content: "\f056"; } .dx-icon-fields { font: 14px/1 DXIcons; } .dx-icon-fields:before { content: "\f059"; } .dx-icon-fieldchooser { font: 14px/1 DXIcons; } .dx-icon-fieldchooser:before { content: "\f05a"; } .dx-icon-columnchooser { font: 14px/1 DXIcons; } .dx-icon-columnchooser:before { content: "\f04d"; } .dx-icon-pin { font: 14px/1 DXIcons; } .dx-icon-pin:before { content: "\f05b"; } .dx-icon-unpin { font: 14px/1 DXIcons; } .dx-icon-unpin:before { content: "\f05c"; } .dx-icon-pinleft { font: 14px/1 DXIcons; } .dx-icon-pinleft:before { content: "\f05d"; } .dx-icon-pinright { font: 14px/1 DXIcons; } .dx-icon-pinright:before { content: "\f05e"; } .dx-icon-contains { font: 14px/1 DXIcons; } .dx-icon-contains:before { content: "\f063"; } .dx-icon-startswith { font: 14px/1 DXIcons; } .dx-icon-startswith:before { content: "\f064"; } .dx-icon-endswith { font: 14px/1 DXIcons; } .dx-icon-endswith:before { content: "\f065"; } .dx-icon-doesnotcontain { font: 14px/1 DXIcons; } .dx-icon-doesnotcontain:before { content: "\f066"; } .dx-icon-range { font: 14px/1 DXIcons; } .dx-icon-range:before { content: "\f06a"; } .dx-icon-export { font: 14px/1 DXIcons; } .dx-icon-export:before { content: "\f05f"; } .dx-icon-exportxlsx { font: 14px/1 DXIcons; } .dx-icon-exportxlsx:before { content: "\f060"; } .dx-icon-exportpdf { font: 14px/1 DXIcons; } .dx-icon-exportpdf:before { content: "\f061"; } .dx-icon-exportselected { font: 14px/1 DXIcons; } .dx-icon-exportselected:before { content: "\f06d"; } .dx-icon-warning { font: 14px/1 DXIcons; } .dx-icon-warning:before { content: "\f06b"; } .dx-icon-more { font: 14px/1 DXIcons; } .dx-icon-more:before { content: "\f06c"; } .dx-icon-square { font: 14px/1 DXIcons; } .dx-icon-square:before { content: "\f067"; } .dx-icon-clearsquare { font: 14px/1 DXIcons; } .dx-icon-clearsquare:before { content: "\f068"; } .dx-icon-back { font: 14px/1 DXIcons; } .dx-icon-back:before { content: "\f012"; } .dx-rtl .dx-icon-back:before { content: "\f010"; } .dx-icon-repeat { font: 14px/1 DXIcons; } .dx-icon-repeat:before { content: "\f069"; } .dx-icon-selectall { font: 14px/1 DXIcons; } .dx-icon-selectall:before { content: "\f070"; } .dx-icon-unselectall { font: 14px/1 DXIcons; } .dx-icon-unselectall:before { content: "\f071"; } .dx-icon-print { font: 14px/1 DXIcons; } .dx-icon-print:before { content: "\f072"; } .dx-icon-bold { font: 14px/1 DXIcons; } .dx-icon-bold:before { content: "\f077"; } .dx-icon-italic { font: 14px/1 DXIcons; } .dx-icon-italic:before { content: "\f078"; } .dx-icon-underline { font: 14px/1 DXIcons; } .dx-icon-underline:before { content: "\f079"; } .dx-icon-strike { font: 14px/1 DXIcons; } .dx-icon-strike:before { content: "\f07a"; } .dx-icon-indent { font: 14px/1 DXIcons; } .dx-icon-indent:before { content: "\f07b"; } .dx-icon-fontsize { font: 14px/1 DXIcons; } .dx-icon-fontsize:before { content: "\f07c"; } .dx-icon-shrinkfont { font: 14px/1 DXIcons; } .dx-icon-shrinkfont:before { content: "\f07d"; } .dx-icon-growfont { font: 14px/1 DXIcons; } .dx-icon-growfont:before { content: "\f07e"; } .dx-icon-color { font: 14px/1 DXIcons; } .dx-icon-color:before { content: "\f07f"; } .dx-icon-background { font: 14px/1 DXIcons; } .dx-icon-background:before { content: "\f080"; } .dx-icon-superscript { font: 14px/1 DXIcons; } .dx-icon-superscript:before { content: "\f081"; } .dx-icon-subscript { font: 14px/1 DXIcons; } .dx-icon-subscript:before { content: "\f082"; } .dx-icon-header { font: 14px/1 DXIcons; } .dx-icon-header:before { content: "\f083"; } .dx-icon-blockquote { font: 14px/1 DXIcons; } .dx-icon-blockquote:before { content: "\f084"; } .dx-icon-formula { font: 14px/1 DXIcons; } .dx-icon-formula:before { content: "\f056"; } .dx-icon-codeblock { font: 14px/1 DXIcons; } .dx-icon-codeblock:before { content: "\f085"; } .dx-icon-orderedlist { font: 14px/1 DXIcons; } .dx-icon-orderedlist:before { content: "\f086"; } .dx-icon-bulletlist { font: 14px/1 DXIcons; } .dx-icon-bulletlist:before { content: "\f087"; } .dx-icon-increaseindent { font: 14px/1 DXIcons; } .dx-icon-increaseindent:before { content: "\f088"; } .dx-icon-decreaseindent { font: 14px/1 DXIcons; } .dx-icon-decreaseindent:before { content: "\f089"; } .dx-icon-alignleft { font: 14px/1 DXIcons; } .dx-icon-alignleft:before { content: "\f08a"; } .dx-icon-alignright { font: 14px/1 DXIcons; } .dx-icon-alignright:before { content: "\f08b"; } .dx-icon-aligncenter { font: 14px/1 DXIcons; } .dx-icon-aligncenter:before { content: "\f08c"; } .dx-icon-alignjustify { font: 14px/1 DXIcons; } .dx-icon-alignjustify:before { content: "\f08d"; } .dx-icon-link { font: 14px/1 DXIcons; } .dx-icon-link:before { content: "\f08e"; } .dx-icon-video { font: 14px/1 DXIcons; } .dx-icon-video:before { content: "\f08f"; } .dx-icon-mention { font: 14px/1 DXIcons; } .dx-icon-mention:before { content: "\f090"; } .dx-icon-variable { font: 14px/1 DXIcons; } .dx-icon-variable:before { content: "\f091"; } .dx-icon-clearformat { font: 14px/1 DXIcons; } .dx-icon-clearformat:before { content: "\f092"; } .dx-icon-undo { font: 14px/1 DXIcons; } .dx-icon-undo:before { content: "\f04c"; } .dx-rtl .dx-icon-undo:before { content: "\f093"; } .dx-icon-redo { font: 14px/1 DXIcons; } .dx-icon-redo:before { content: "\f093"; } .dx-rtl .dx-icon-redo:before { content: "\f04c"; } .dx-tab .dx-icon, .dx-tab.dx-tab-selected .dx-icon { background-size: 100% 100%; background-position: 50% 50%; } .dx-scrollview-pulldown { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==); background-position: 0 0; background-repeat: no-repeat; } .dx-loadindicator-image { background-image: url(data:image/gif;base64,R0lGODlhIAAgAIABADI6Rf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAIAAgAAACQIyPqcutAJyUMM6bKt5B8+t9FCROYcmQqKOuS+tmVvzM9AHf+s6L+X0C/mjDWFDY6xRdR+Jy1TQ+oVNUxZbkFAAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnGDaUK8EWT/ufV3IgGQznomprmlrcCwsv2cNH3iOyXw/a+1+PWKR6EPahMtbkNZ0GmPRqfUaKQAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnLTai3MGCHhtfKEIciN4fJ6JBhzZvmy8tmltu7i9zmif08F+Mp5puGH5krdYYskLSqfUqvVqKAAAIfkECQkAAQAsAAAAACAAIAAAAkOMj6nL7Q+jnBBYGi3AT3Pnfc0lMmGpkGi6rYnqBhvszm0sy3es7fXJm+EMF9+qZSzRgsPD8phEAX9RZVX0bGq3XEYBACH5BAkJAAEALAAAAAAgACAAAAI+jI+pywnQYntPWkThvXTv7llgGI3kpJ1oqi5Vi8KTPNOujef6nrO63+MFXjugjdgzykxHZFOpyvyYNKdQUQAAIfkECQkAAQAsAAAAACAAIAAAAjiMjwa76e+YhDTOitHNnPEfeGAmjlhjnkBKsq0Lx/JM1/aN5/rO91q+AgpxqFqJdoxtYJKkawkpAAAh+QQJCQABACwAAAAAIAAgAAACNoyPBsucD1WbLtoGl414+1R9ojKW5omm6sq27gvH8kzX9o3n+s73B0ADyjQn4aNjolBWSuKmAAAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1GbLdrAIL081g5KTkiW5omm6sq27gvH8kzX9o3n+s6/y5yRTS6jEmWzOoIKACH5BAkJAAEALAAAAAAgACAAAAI3jI8Ju+n/mGSwWjOvdnL7Q31eKGpkaZ0o1KzuC8fyTNf2jef6ztetrZoFZcNYEXZEJl0TQG9TAAAh+QQJCQABACwAAAAAIAAgAAACP4yPqcudAIGbLUqKkc08xJ59ICWOTmkyUHqurHq9iis/dH3c+M73PqvDBWtDYoxXlCVfyxRq9xQ2nVNT9NcpAAAh+QQJCQABACwAAAAAIAAgAAACPoyPqcvtD6OUAMwbKqZ2v9p5jSY6ZLmAKHOuSOseYBjPsazeWX7but/j6XZDA6xXNNJ+y1rTmTRGM9OqtVQAACH5BAkJAAEALAAAAAAgACAAAAJAjI+py+0Po5y02osbyG8jzwUAOIYHCYalmHLlahojHM+tOsdnrrO0aeuxRMJXL/fLwG4X3hCXYgqn1Kr1ihUWAAAh+QQJCQABACwAAAAAIAAgAAACQ4yPqcvtD6OcEQBaL35Wb9Z9jiU2ZAl6aHKuhqa6V+sGc7x2OKrXB7krAX2vGdEWFCaVR+TyQ6uFiFNf1RptarfcRAEAIfkECQkAAQAsAAAAACAAIAAAAj6Mj6nLCdBie09aROG9dO/uWWAoVWSpnVGqMmbrwqs80faN5/rB5j3+s718QdkIWIQdhUNmUrU0RpVT6s5SAAAh+QQJCQABACwAAAAAIAAgAAACOoyPBgvp/5iENLKK081crd59YDiSJdecWKq27gvH8kzX9o3n+snW/SyiBYHD2Ib4e01kkmSpWVQ1MwUAIfkECQkAAQAsAAAAACAAIAAAAjWMjwbLnA9Pmy7aFoG9envYfaI0luaJpurKtu4Lx/JM1/aN5/rO96RceWFMC1CwREmqkkVPAQAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1ObLNrg7Lxcrw5KWUiW5omm6sq27gvH8kzX9o3n+s67n9wAbh4VE+W4QnYKACH5BAkJAAEALAAAAAAgACAAAAI2jI+py30Ao5stAoqVzHxz7H1TKFZQSZ3oyrbuC8fyTNf2jeeyOpOw/wK6hC0LzXLpIY1BJqYAADs=); background-position: center center; background-repeat: no-repeat; } .dx-loadindicator-image-small { background-image: url(data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7); background-position: center center; background-repeat: no-repeat; } .dx-loadindicator-image-large { background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7); background-position: center center; background-repeat: no-repeat; } .dx-widget { color: #333; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-widget input, .dx-widget textarea { font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-state-disabled.dx-widget, .dx-state-disabled .dx-widget { opacity: 0.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; zoom: 1; cursor: default; } .dx-state-disabled.dx-widget .dx-widget, .dx-state-disabled .dx-widget .dx-widget { opacity: 1; } .dx-badge { background-color: #337ab7; color: #fff; font-size: 13px; padding: 0 6px 2px; line-height: normal; } .dx-box-item-content { font-size: 14px; } .dx-button-content { line-height: 0; } .dx-button-text { line-height: normal; } .dx-button a { text-decoration: none; } .dx-button .dx-button-content { padding: 8px; } .dx-button .dx-icon { color: #333; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button .dx-icon, .dx-rtl.dx-button .dx-icon { margin-left: 0; margin-right: 0; } .dx-button .dx-icon.dx-icon-right { margin-left: 0; margin-right: 0; } .dx-rtl .dx-button .dx-icon.dx-icon-right, .dx-rtl.dx-button .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-button-has-icon .dx-button-content { padding: 8px; } .dx-button-has-icon .dx-icon { color: #333; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button-has-icon .dx-icon, .dx-rtl.dx-button-has-icon .dx-icon { margin-left: 0; margin-right: 0; } .dx-button-has-icon .dx-icon.dx-icon-right { margin-left: 0; margin-right: 0; } .dx-rtl .dx-button-has-icon .dx-icon.dx-icon-right, .dx-rtl.dx-button-has-icon .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-button-has-text .dx-button-content { padding: 7px 18px 8px; } .dx-button-has-text .dx-icon { color: #333; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-button-has-text .dx-icon, .dx-rtl.dx-button-has-text .dx-icon { margin-left: 9px; margin-right: 0; } .dx-button-has-text .dx-icon.dx-icon-right { margin-left: 9px; margin-right: 0; } .dx-rtl .dx-button-has-text .dx-icon.dx-icon-right, .dx-rtl.dx-button-has-text .dx-icon.dx-icon-right { margin-right: 9px; margin-left: 0; } .dx-button-back .dx-button-content { padding: 8px; } .dx-button-back .dx-icon { color: #333; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button-back .dx-icon, .dx-rtl.dx-button-back .dx-icon { margin-left: 0; margin-right: 0; } .dx-button-back .dx-icon.dx-icon-right { margin-left: 0; margin-right: 0; } .dx-rtl .dx-button-back .dx-icon.dx-icon-right, .dx-rtl.dx-button-back .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-button-back .dx-button-text { display: none; } .dx-button { border-radius: 4px; border-width: 1px; border-style: solid; } .dx-state-disabled.dx-button .dx-icon, .dx-state-disabled .dx-button .dx-icon { opacity: 0.6; } .dx-state-disabled.dx-button .dx-button-text, .dx-state-disabled .dx-button .dx-button-text { opacity: 0.5; } .dx-button-mode-contained { background-color: #fff; border-color: #ddd; color: #333; } .dx-button-mode-contained .dx-icon { color: #333; } .dx-button-mode-contained.dx-state-hover { background-color: #e6e6e6; border-color: #ddd; } .dx-button-mode-contained.dx-state-focused { background-color: #d9d9d9; border-color: #ddd; } .dx-button-mode-contained.dx-state-active { background-color: #cccccc; border-color: #ddd; color: #333; } .dx-button-mode-contained.dx-button-danger { background-color: #d9534f; border-color: transparent; color: #fff; } .dx-button-mode-contained.dx-button-danger .dx-icon { color: #fff; } .dx-button-mode-contained.dx-button-danger.dx-state-hover { background-color: #c9302c; border-color: transparent; } .dx-button-mode-contained.dx-button-danger.dx-state-focused { background-color: #b52b27; border-color: transparent; } .dx-button-mode-contained.dx-button-danger.dx-state-active { background-color: #a02622; border-color: transparent; color: #fff; } .dx-button-mode-contained.dx-button-success { background-color: #5cb85c; border-color: transparent; color: #fff; } .dx-button-mode-contained.dx-button-success .dx-icon { color: #fff; } .dx-button-mode-contained.dx-button-success.dx-state-hover { background-color: #449d44; border-color: transparent; } .dx-button-mode-contained.dx-button-success.dx-state-focused { background-color: #3d8b3d; border-color: transparent; } .dx-button-mode-contained.dx-button-success.dx-state-active { background-color: #357935; border-color: transparent; color: #fff; } .dx-button-mode-contained.dx-button-default { background-color: #337ab7; border-color: transparent; color: #fff; } .dx-button-mode-contained.dx-button-default .dx-icon { color: #fff; } .dx-button-mode-contained.dx-button-default.dx-state-hover { background-color: #285f8f; border-color: transparent; } .dx-button-mode-contained.dx-button-default.dx-state-focused { background-color: #22527b; border-color: transparent; } .dx-button-mode-contained.dx-button-default.dx-state-active { background-color: #1d4567; border-color: transparent; color: #fff; } .dx-button-mode-outlined { background-color: transparent; border-color: #ddd; color: #333; } .dx-button-mode-outlined .dx-icon { color: #333; } .dx-button-mode-outlined.dx-state-hover { background-color: rgba(221, 221, 221, 0.1); border-color: #ddd; } .dx-button-mode-outlined.dx-state-focused { background-color: rgba(221, 221, 221, 0.2); border-color: #ddd; } .dx-button-mode-outlined.dx-state-active { background-color: rgba(221, 221, 221, 0.3); border-color: #ddd; color: #333; } .dx-button-mode-outlined.dx-button-danger { background-color: transparent; border-color: #d43f3a; color: #d43f3a; } .dx-button-mode-outlined.dx-button-danger .dx-icon { color: #d43f3a; } .dx-button-mode-outlined.dx-button-danger.dx-state-hover { background-color: rgba(212, 63, 58, 0.1); border-color: #d43f3a; } .dx-button-mode-outlined.dx-button-danger.dx-state-focused { background-color: rgba(212, 63, 58, 0.2); border-color: #d43f3a; } .dx-button-mode-outlined.dx-button-danger.dx-state-active { background-color: rgba(212, 63, 58, 0.3); border-color: #d43f3a; color: #d43f3a; } .dx-button-mode-outlined.dx-button-success { background-color: transparent; border-color: #4cae4c; color: #4cae4c; } .dx-button-mode-outlined.dx-button-success .dx-icon { color: #4cae4c; } .dx-button-mode-outlined.dx-button-success.dx-state-hover { background-color: rgba(76, 174, 76, 0.1); border-color: #4cae4c; } .dx-button-mode-outlined.dx-button-success.dx-state-focused { background-color: rgba(76, 174, 76, 0.2); border-color: #4cae4c; } .dx-button-mode-outlined.dx-button-success.dx-state-active { background-color: rgba(76, 174, 76, 0.3); border-color: #4cae4c; color: #4cae4c; } .dx-button-mode-outlined.dx-button-default { background-color: transparent; border-color: #2d6da3; color: #2d6da3; } .dx-button-mode-outlined.dx-button-default .dx-icon { color: #2d6da3; } .dx-button-mode-outlined.dx-button-default.dx-state-hover { background-color: rgba(45, 109, 163, 0.1); border-color: #2d6da3; } .dx-button-mode-outlined.dx-button-default.dx-state-focused { background-color: rgba(45, 109, 163, 0.2); border-color: #2d6da3; } .dx-button-mode-outlined.dx-button-default.dx-state-active { background-color: rgba(45, 109, 163, 0.3); border-color: #2d6da3; color: #2d6da3; } .dx-button-mode-text { background-color: transparent; border-color: transparent; color: #333; } .dx-button-mode-text .dx-icon { color: #333; } .dx-button-mode-text.dx-state-hover { background-color: rgba(51, 51, 51, 0.1); border-color: transparent; } .dx-button-mode-text.dx-state-focused { background-color: rgba(51, 51, 51, 0.2); border-color: transparent; } .dx-button-mode-text.dx-state-active { background-color: rgba(51, 51, 51, 0.3); border-color: transparent; color: #333; } .dx-button-mode-text.dx-button-danger { background-color: transparent; border-color: transparent; color: #d43f3a; } .dx-button-mode-text.dx-button-danger .dx-icon { color: #d43f3a; } .dx-button-mode-text.dx-button-danger.dx-state-hover { background-color: rgba(212, 63, 58, 0.1); border-color: transparent; } .dx-button-mode-text.dx-button-danger.dx-state-focused { background-color: rgba(212, 63, 58, 0.2); border-color: transparent; } .dx-button-mode-text.dx-button-danger.dx-state-active { background-color: rgba(212, 63, 58, 0.3); border-color: transparent; color: #d43f3a; } .dx-button-mode-text.dx-button-success { background-color: transparent; border-color: transparent; color: #4cae4c; } .dx-button-mode-text.dx-button-success .dx-icon { color: #4cae4c; } .dx-button-mode-text.dx-button-success.dx-state-hover { background-color: rgba(76, 174, 76, 0.1); border-color: transparent; } .dx-button-mode-text.dx-button-success.dx-state-focused { background-color: rgba(76, 174, 76, 0.2); border-color: transparent; } .dx-button-mode-text.dx-button-success.dx-state-active { background-color: rgba(76, 174, 76, 0.3); border-color: transparent; color: #4cae4c; } .dx-button-mode-text.dx-button-default { background-color: transparent; border-color: transparent; color: #2d6da3; } .dx-button-mode-text.dx-button-default .dx-icon { color: #2d6da3; } .dx-button-mode-text.dx-button-default.dx-state-hover { background-color: rgba(45, 109, 163, 0.1); border-color: transparent; } .dx-button-mode-text.dx-button-default.dx-state-focused { background-color: rgba(45, 109, 163, 0.2); border-color: transparent; } .dx-button-mode-text.dx-button-default.dx-state-active { background-color: rgba(45, 109, 163, 0.3); border-color: transparent; color: #2d6da3; } .dx-button-normal.dx-state-hover .dx-button-content, .dx-button-back.dx-state-hover .dx-button-content { background-color: transparent; border-radius: 4px; } .dx-texteditor-buttons-container > .dx-button { margin: 1px 1px; } .dx-texteditor-buttons-container > .dx-button > .dx-button-content { padding-top: 5px; padding-bottom: 6px; } .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child, .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child { margin-right: 0; } .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child, .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child { margin-left: 0; } .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child, .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child { margin-left: 1px; margin-right: 1px; } .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child, .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child { margin-left: 0; margin-right: 1px; } .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child, .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child { margin-left: 0; margin-right: 1px; } .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child, .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child { margin-left: 1px; margin-right: 0; } .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child, .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child { margin-left: 1px; margin-right: 1px; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child { margin-left: 0; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:last-child { margin-right: 0; } .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child { margin-left: 1px; margin-right: 0; } .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:last-child { margin-left: 0; margin-right: 1px; } .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child:last-child { margin-left: 0; margin-right: 0; } .dx-button-mode-outlined.dx-buttongroup-item, .dx-button-mode-contained.dx-buttongroup-item { padding-left: 1px; padding-right: 1px; } .dx-button-mode-outlined.dx-buttongroup-item.dx-state-hover .dx-button-content, .dx-button-mode-contained.dx-buttongroup-item.dx-state-hover .dx-button-content { border-radius: 0; } .dx-button-mode-outlined.dx-buttongroup-first-item, .dx-button-mode-contained.dx-buttongroup-first-item { padding-left: 0; border-left-width: 1px; } .dx-button-mode-outlined.dx-buttongroup-first-item.dx-button, .dx-button-mode-contained.dx-buttongroup-first-item.dx-button, .dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content, .dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .dx-button-mode-outlined.dx-buttongroup-last-item, .dx-button-mode-contained.dx-buttongroup-last-item { padding-right: 0; } .dx-button-mode-outlined.dx-buttongroup-last-item.dx-button, .dx-button-mode-contained.dx-buttongroup-last-item.dx-button, .dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content, .dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .dx-button-mode-text.dx-buttongroup-first-item { margin-left: 0; } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled, .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled { opacity: 1; } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content, .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled .dx-button-content { opacity: 0.6; } .dx-buttongroup-item.dx-button.dx-state-focused { background-color: rgba(51, 51, 51, 0.04); } .dx-buttongroup-item.dx-button.dx-state-hover { background-color: rgba(51, 51, 51, 0.04); } .dx-buttongroup-item.dx-button.dx-item-selected { background-color: #e6e6e6; } .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success { background-color: #449d44; } .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default { background-color: #285f8f; } .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger { background-color: #c9302c; } .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-normal, .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-normal .dx-icon { color: #333; } .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success, .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success .dx-icon { color: #fff; } .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default, .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default .dx-icon { color: #fff; } .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger, .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger .dx-icon { color: #fff; } .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item, .dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item { border-left-width: 0; padding-left: 1px; padding-right: 0; } .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button, .dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-button, .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content, .dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content { border-radius: 0 4px 4px 0; } .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item, .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item { border-left-width: 1px; padding-right: 1px; padding-left: 0; } .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button, .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-button, .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content, .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content { border-radius: 4px 0 0 4px; } .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-button, .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-button, .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-state-hover .dx-button-content, .dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-state-hover .dx-button-content { border-radius: 4px; } .dx-rtl.dx-button-mode-text.dx-buttongroup-first-item { margin-left: 1px; } .dx-rtl.dx-button-mode-text.dx-buttongroup-last-item { margin-left: 0; } .dx-scrollable-content { -webkit-transform: none; } .dx-scrollable-scroll { padding: 2px; background-color: transparent; opacity: 1; overflow: hidden; -webkit-transition: opacity 0s linear; transition: opacity 0s linear; } .dx-scrollable-scroll.dx-state-invisible { opacity: 0; -webkit-transition: opacity 0.5s linear 1s; transition: opacity 0.5s linear 1s; } .dx-scrollable-scroll-content { width: 100%; height: 100%; background-color: rgba(191, 191, 191, 0.7); -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } .dx-scrollbar-hoverable { background-color: transparent; } .dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { background-color: rgba(191, 191, 191, 0.2); } .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content { background-color: #bfbfbf; } .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { opacity: 1; } .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { background-color: transparent; background-color: rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } .dx-scrollbar-vertical .dx-scrollable-scroll { float: right; width: 8px; } .dx-scrollbar-vertical.dx-scrollbar-hoverable { width: 8px; -webkit-transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s; transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll { -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 150ms; transition: background-color 0.5s linear 1s, width 0.2s linear 150ms; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content { -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s; transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s; transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s; transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s; transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s; transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s; transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s; transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { width: 15px; } .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll { width: 15px; } .dx-scrollbar-horizontal .dx-scrollable-scroll { height: 8px; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable { height: 8px; -webkit-transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s; transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll { -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s; transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content { -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s; transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s; transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s; transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s; transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s; transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s; transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s; transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { height: 15px; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll { height: 15px; } .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content { padding-right: 8px; } .dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content { padding-right: 0; padding-left: 8px; } .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content { padding-bottom: 8px; } .dx-scrollable-customizable-scrollbars .dx-scrollable-container { -ms-scrollbar-base-color: #757575; -ms-scrollbar-arrow-color: #757575; -ms-scrollbar-shadow-color: #fff; -ms-scrollbar-track-color: #fff; } .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar:horizontal { height: 19px; } .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar:vertical { width: 19px; } .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar { background-color: transparent; } .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-thumb { background-color: #757575; border-right: 2px solid transparent; border-left: 1px solid transparent; background-clip: content-box; } .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-track { background-color: transparent; } .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-corner { background-color: transparent; } .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button { background-color: transparent; } .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:horizontal:decrement { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAMklEQVQY02P4z/CfIRECfRngHN/E/zAOkJmIzExEZoI4cCYGB0UZmgHIRkPt8kXigLgA3gNGp/JuZjQAAAAASUVORK5CYII=) no-repeat; background-position: center; } .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:horizontal:increment { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAN0lEQVQYV2NI9E1kAMH/QMiQ+B/ChXHAXAQHyoVxwFwEB8jFwUFSBjYebjSM4wuyA2IPnPmfAQA1rkanVpjRrQAAAABJRU5ErkJggg==) no-repeat; background-position: center; } .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:vertical:decrement { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAM0lEQVQYV2P4z/CfIRECfYGQAcQHQTABFf4PhHApmAREGCoFghAJhDBcClMYKoVNGCwFAKZMRqcg5DihAAAAAElFTkSuQmCC) no-repeat; background-position: 3px 5px; } .dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:vertical:increment { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAMUlEQVQY023JwQ0AMAyDQBZkCO8/hPuqGqkRP46YLklZyEB/MlyYZJhwyVBKBxDfLgftpkant8t4aAAAAABJRU5ErkJggg==) no-repeat; background-position: 3px 5px; } .dx-rtl .dx-scrollable .dx-scrollable-scroll, .dx-rtl.dx-scrollable .dx-scrollable-scroll { float: left; } .dx-scrollview-pull-down-image { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==) 0 0 no-repeat; background-size: 100%; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down { background-color: #fff; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image { width: 24px; height: 24px; } .dx-checkbox { line-height: 0; } .dx-checkbox.dx-state-readonly .dx-checkbox-icon { border-color: #f4f4f4; background-color: #fff; } .dx-checkbox.dx-state-hover .dx-checkbox-icon { border: 1px solid #265a87; } .dx-checkbox.dx-state-focused .dx-checkbox-icon { border: 1px solid #337ab7; } .dx-checkbox.dx-state-active .dx-checkbox-icon { background-color: rgba(96, 96, 96, 0.2); } .dx-checkbox-icon { width: 22px; height: 22px; border-radius: 2px; border: 1px solid #ddd; background-color: #fff; } .dx-checkbox-checked .dx-checkbox-icon { font: 14px/1 DXIcons; color: #337ab7; font-size: 16px; text-align: center; line-height: 16px; } .dx-checkbox-checked .dx-checkbox-icon:before { content: "\f005"; } .dx-checkbox-checked .dx-checkbox-icon:before { position: absolute; display: block; width: 16px; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; } .dx-checkbox-indeterminate .dx-checkbox-icon { font: 14px/1 DXIcons; color: #337ab7; font-size: 14px; text-align: center; line-height: 14px; } .dx-checkbox-indeterminate .dx-checkbox-icon:before { content: "\f067"; } .dx-checkbox-indeterminate .dx-checkbox-icon:before { position: absolute; display: block; width: 14px; top: 50%; margin-top: -7px; left: 50%; margin-left: -7px; } .dx-checkbox-text { margin-left: -22px; padding-left: 27px; } .dx-rtl .dx-checkbox-text, .dx-rtl.dx-checkbox-text { margin-right: -22px; padding-right: 27px; } .dx-state-disabled.dx-checkbox, .dx-state-disabled .dx-checkbox { opacity: 1; } .dx-state-disabled.dx-checkbox .dx-checkbox-icon, .dx-state-disabled .dx-checkbox .dx-checkbox-icon { opacity: 0.4; } .dx-state-disabled .dx-checkbox-text { opacity: 0.4; } .dx-invalid .dx-checkbox-container .dx-checkbox-icon { border: 1px solid rgba(217, 83, 79, 0.4); } .dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon { border-color: #d9534f; } .dx-switch { width: 44px; height: 24px; } .dx-switch.dx-state-readonly .dx-switch-container { border-color: #f4f4f4; background-color: #fff; } .dx-switch.dx-state-active .dx-switch-handle:before { background-color: #204d73; } .dx-switch.dx-state-active .dx-switch-container { border-color: #337ab7; background-color: rgba(96, 96, 96, 0.2); } .dx-switch.dx-state-hover .dx-switch-handle:before { background-color: #337ab7; } .dx-switch.dx-state-hover .dx-switch-container { background-color: transparent; border-color: #337ab7; } .dx-switch.dx-state-focused .dx-switch-container { border-color: #337ab7; } .dx-switch.dx-state-focused .dx-switch-handle:before { background-color: #337ab7; } .dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before { background-color: #204d73; } .dx-switch-container { overflow: hidden; margin: 0 -6px 0 0; padding: 0 2px; height: 24px; border: 1px solid #ddd; background: #fff; border-radius: 2px; } .dx-switch-inner { width: 200%; height: 100%; } .dx-switch-on, .dx-switch-off { float: left; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 50%; padding-right: 16px; line-height: 22px; text-align: center; font-size: 9px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; } .dx-switch-off { padding-left: 2px; color: #999999; } .dx-switch-on { color: #333; } .dx-switch-handle { position: relative; float: left; -webkit-flex-basis: 14px; -ms-flex-preferred-size: 14px; flex-basis: 14px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 14px; height: 18px; margin-top: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; } .dx-switch-handle:before { display: block; content: ' '; width: 100%; height: 100%; background-color: #63a0d4; border-radius: 2px; } .dx-switch-on-value .dx-switch-handle:before { background-color: #337ab7; } .dx-rtl .dx-switch .dx-switch-on, .dx-switch.dx-rtl .dx-switch-on, .dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off { float: right; } .dx-rtl .dx-switch .dx-switch-on, .dx-switch.dx-rtl .dx-switch-on { padding-left: 16px; padding-right: 2px; } .dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off { margin-left: 0; } .dx-rtl .dx-switch .dx-switch-handle, .dx-switch.dx-rtl .dx-switch-handle { float: right; margin-left: 0; margin-right: -14px; } .dx-rtl .dx-switch .dx-switch-container, .dx-switch.dx-rtl .dx-switch-container { margin: 0 0 0 -6px; } .dx-invalid.dx-switch .dx-switch-container { border-color: rgba(217, 83, 79, 0.4); } .dx-invalid.dx-state-focused .dx-switch-container, .dx-invalid.dx-state-hover .dx-switch-container { border-color: #d9534f; } .dx-invalid.dx-state-focused .dx-switch-handle:before, .dx-invalid.dx-state-hover .dx-switch-handle:before, .dx-invalid.dx-switch-on-value .dx-switch-handle:before { background-color: #d9534f; } .dx-invalid .dx-switch-handle:before { background-color: rgba(217, 83, 79, 0.4); } .dx-tabs { border: 1px solid #ddd; } .dx-tabs-scrollable { margin: -1px; height: calc(100% + 2px); } .dx-tabs-scrollable .dx-tabs-wrapper { border: 1px solid #ddd; } .dx-tabs-nav-buttons .dx-tabs-scrollable .dx-tabs-wrapper { border-left: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7; } .dx-tabs-nav-button { border: none; background-color: #f7f7f7; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .dx-tabs-nav-button .dx-button-content { padding: 0; } .dx-tabs-nav-button.dx-state-active { border: none; } .dx-tabs-nav-button.dx-state-disabled { opacity: 1; } .dx-tabs-nav-button.dx-state-disabled .dx-button-content { opacity: 0.6; } .dx-tab { padding: 9px; background-color: #f7f7f7; color: #333; } .dx-tab .dx-icon { color: #333; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-tab .dx-icon, .dx-rtl.dx-tab .dx-icon { margin-left: 9px; margin-right: 0; } .dx-tab .dx-icon.dx-icon-right { margin-left: 9px; margin-right: 0; } .dx-rtl .dx-tab .dx-icon.dx-icon-right, .dx-rtl.dx-tab .dx-icon.dx-icon-right { margin-right: 9px; margin-left: 0; } .dx-tab.dx-state-hover { background-color: #fff; } .dx-tab.dx-state-active { background-color: rgba(88, 88, 88, 0.2); color: #333; } .dx-tab.dx-state-focused:after { content: ""; pointer-events: none; position: absolute; top: -1px; bottom: -1px; right: -1px; left: -1px; border-right: 1px solid #337ab7; border-left: 1px solid #337ab7; border-top: 1px solid #337ab7; border-bottom: 1px solid #337ab7; z-index: 1; } .dx-tab.dx-tab-selected { background-color: #fff; color: #333; } .dx-tab-selected:after { content: ""; pointer-events: none; position: absolute; top: -1px; bottom: -1px; right: -1px; left: -1px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-top: none; border-bottom: none; z-index: 1; } .dx-tab-selected .dx-icon { color: #333; } .dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after { border-left: 1px solid #f7f7f7; } .dx-rtl .dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after { border-left: 1px solid #ddd; border-right: 1px solid #f7f7f7; } .dx-tab-text { vertical-align: middle; line-height: 25px; } .dx-state-disabled.dx-tabs { opacity: 1; } .dx-state-disabled .dx-tab-content { opacity: 0.3; } .dx-navbar { padding: 0; border: none; } .dx-nav-item, .dx-rtl .dx-nav-item { background: #f7f7f7; } .dx-nav-item .dx-tab-text, .dx-rtl .dx-nav-item .dx-tab-text { line-height: normal; color: #333; } .dx-navbar .dx-nav-item .dx-icon, .dx-navbar .dx-rtl .dx-nav-item .dx-icon { width: 31px; height: 31px; background-position: 0px 0px; background-size: 31px 31px; padding: 0px; font-size: 31px; text-align: center; line-height: 31px; color: #333; } .dx-nav-item.dx-tab-selected:after, .dx-rtl .dx-nav-item.dx-tab-selected:after, .dx-nav-item.dx-state-focused:after, .dx-rtl .dx-nav-item.dx-state-focused:after, .dx-nav-item.dx-state-active:after, .dx-rtl .dx-nav-item.dx-state-active:after { content: none; } .dx-nav-item.dx-tab-selected, .dx-rtl .dx-nav-item.dx-tab-selected { background: #fff; } .dx-nav-item.dx-tab-selected .dx-tab-text, .dx-rtl .dx-nav-item.dx-tab-selected .dx-tab-text, .dx-nav-item.dx-tab-selected .dx-icon, .dx-rtl .dx-nav-item.dx-tab-selected .dx-icon { color: #333; } .dx-nav-item.dx-state-active, .dx-rtl .dx-nav-item.dx-state-active { border: none; -webkit-box-shadow: none; box-shadow: none; } .dx-nav-item.dx-state-focused, .dx-rtl .dx-nav-item.dx-state-focused { -webkit-box-shadow: inset 0 0 0 1px #337ab7; box-shadow: inset 0 0 0 1px #337ab7; } .dx-nav-item.dx-state-disabled .dx-icon, .dx-rtl .dx-nav-item.dx-state-disabled .dx-icon { opacity: 0.5; } .dx-navbar-item-badge { margin-right: -26px; top: 11%; } .dx-rtl .dx-navbar-item-badge { margin-left: -26px; } .dx-texteditor.dx-editor-outlined { background: #fff; border: 1px solid #ddd; border-radius: 4px; } .dx-texteditor.dx-editor-underlined { background: transparent; border-bottom: 1px solid #ddd; border-radius: 0; } .dx-texteditor.dx-editor-filled { background: rgba(51, 51, 51, 0.05); border: 1px solid transparent; border-radius: 4px; } .dx-texteditor.dx-state-readonly { border-style: dashed; } .dx-texteditor.dx-state-readonly.dx-editor-filled { border-color: transparent; background-color: rgba(51, 51, 51, 0.03); } .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-focused { background-color: rgba(51, 51, 51, 0.03); } .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover { background-color: rgba(51, 122, 183, 0.07); } .dx-texteditor.dx-state-readonly.dx-editor-underlined { border-style: none; border-bottom-style: dashed; } .dx-texteditor.dx-state-hover { border-color: rgba(51, 122, 183, 0.4); } .dx-texteditor.dx-state-hover.dx-editor-filled { border-color: transparent; background-color: rgba(51, 122, 183, 0.1); } .dx-texteditor.dx-state-focused.dx-editor-filled, .dx-texteditor.dx-state-active.dx-editor-filled, .dx-texteditor.dx-state-focused.dx-editor-underlined, .dx-texteditor.dx-state-active.dx-editor-underlined, .dx-texteditor.dx-state-focused.dx-editor-outlined, .dx-texteditor.dx-state-active.dx-editor-outlined { border-color: #337ab7; } .dx-texteditor.dx-state-focused.dx-editor-filled, .dx-texteditor.dx-state-active.dx-editor-filled { background-color: transparent; } .dx-texteditor.dx-invalid .dx-texteditor-input { padding-right: 34px; } .dx-texteditor.dx-invalid.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 34px; } .dx-texteditor.dx-invalid .dx-texteditor-input-container:after { right: 4px; } .dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-input-container:after, .dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-input-container:after { left: 4px; right: auto; } .dx-show-clear-button .dx-clear-button-area { width: 34px; min-width: 34px; right: 0; } .dx-show-clear-button .dx-icon-clear { color: #999999; position: absolute; top: 50%; margin-top: -17px; width: 34px; height: 34px; background-position: 8px 8px; background-size: 18px 18px; padding: 8px; font-size: 18px; text-align: center; line-height: 18px; } .dx-placeholder { color: #999999; } .dx-placeholder:before { padding: 7px 9px 8px; } .dx-editor-underlined .dx-placeholder:before { padding-left: 0; } .dx-texteditor-input { margin: 0; padding: 7px 9px 8px; background: rgba(0, 0, 0, 0); color: #333; font-size: 1em; border-radius: 4px; min-height: 34px; } .dx-editor-underlined .dx-texteditor-input { background: transparent; padding-left: 0; padding-right: 0; } .dx-editor-filled .dx-texteditor-input { background: transparent; } .dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-texteditor-input { padding-left: 9px; } .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-texteditor-input { padding-left: 0; padding-right: 9px; } .dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-placeholder { left: 9px; } .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-placeholder { left: 0; right: 9px; } .dx-invalid.dx-texteditor { border-color: rgba(217, 83, 79, 0.4); } .dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused, .dx-invalid.dx-texteditor.dx-editor-underlined.dx-state-focused, .dx-invalid.dx-texteditor.dx-editor-outlined.dx-state-focused { border-color: #d9534f; } .dx-invalid.dx-texteditor.dx-editor-filled .dx-texteditor-input-container:after, .dx-invalid.dx-texteditor.dx-editor-underlined .dx-texteditor-input-container:after, .dx-invalid.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container:after { pointer-events: none; font-weight: bold; background-color: #d9534f; color: #fff; content: '!'; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; border-radius: 50%; text-align: center; line-height: 18px; font-size: 13px; } .dx-invalid.dx-texteditor.dx-editor-filled { background-color: rgba(217, 83, 79, 0.1); border-color: transparent; } .dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused { background: transparent; } .dx-rtl .dx-placeholder, .dx-rtl .dx-placeholder:before { right: 0; left: auto; } .dx-editor-underlined.dx-rtl .dx-placeholder, .dx-editor-underlined.dx-rtl .dx-placeholder:before { padding-right: 0; } .dx-searchbox .dx-icon-search { font: 14px/1 DXIcons; position: absolute; top: 50%; margin-top: -17px; width: 34px; height: 34px; background-position: 8px 8px; background-size: 18px 18px; padding: 8px; font-size: 18px; text-align: center; line-height: 18px; font-size: 17px; color: #999999; } .dx-searchbox .dx-icon-search:before { content: "\f027"; } .dx-searchbox .dx-icon-search:before { position: static; text-indent: 0; color: #999999; } .dx-searchbox .dx-texteditor-input, .dx-searchbox .dx-placeholder:before { padding-left: 34px; } .dx-rtl .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-searchbox .dx-texteditor-input, .dx-rtl.dx-searchbox .dx-placeholder:before { padding-right: 34px; } .dx-rtl.dx-editor-underlined.dx-searchbox .dx-texteditor-input, .dx-rtl.dx-editor-underlined.dx-searchbox .dx-placeholder:before, .dx-rtl .dx-editor-underlined.dx-searchbox .dx-texteditor-input, .dx-rtl .dx-editor-underlined.dx-searchbox .dx-placeholder:before { padding-right: 0; } .dx-searchbar { padding-bottom: 5px; } .dx-searchbar .dx-texteditor { margin: 0; } .dx-dropdowneditor-button { width: 34px; min-width: 34px; padding: 1px; border-radius: 4px; } .dx-dropdowneditor-button.dx-button-mode-outlined, .dx-dropdowneditor-button.dx-button-mode-contained, .dx-dropdowneditor-button.dx-button-mode-text { background: transparent; } .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon, .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon { opacity: 1; } .dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon { opacity: 1; } .dx-dropdowneditor-icon { border: 1px solid transparent; color: #333; font: 14px/1 DXIcons; width: 32px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; border-radius: 3px; } .dx-dropdowneditor-icon:before { content: "\f001"; } .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-outlined, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-filled, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-underlined { border: none; background: transparent; } .dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 0; } .dx-rtl .dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-rtl.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 9px; padding-left: 0; } .dx-rtl.dx-editor-underlined.dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-rtl .dx-editor-underlined.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 0; } .dx-invalid .dx-texteditor-input { padding-right: 26px; } .dx-invalid.dx-rtl .dx-texteditor-input { padding-right: 9px; padding-left: 26px; } .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon { background-color: #e6e6e6; border-color: transparent; } .dx-editor-filled.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon, .dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon { background-color: rgba(51, 122, 183, 0.2); } .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon { background-color: #b3b3b3; border-color: transparent; color: #333; opacity: 1; } .dx-editor-filled.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-editor-filled.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-editor-filled .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-editor-filled .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon { background-color: rgba(51, 122, 183, 0.3); } .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after { right: 38px; } .dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after, .dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after { right: auto; left: 38px; } .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after { right: 68px; } .dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after, .dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after { right: auto; left: 68px; } .dx-state-hover.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon { background-color: rgba(217, 83, 79, 0.2); } .dx-dropdowneditor-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon { background-color: rgba(217, 83, 79, 0.3); } .dx-state-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon { background-color: rgba(217, 83, 79, 0.3); } .dx-list-item-chevron { -webkit-transform: rotate(0); transform: rotate(0); border: none; opacity: 1; font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-left: -5px; color: #333; } .dx-rtl .dx-list-item-chevron { -webkit-transform: rotate(0); transform: rotate(0); } .dx-list-item-chevron:before { content: "\f010"; } .dx-rtl .dx-list-item-chevron:before { content: "\f012"; } .dx-list-item-icon-container { width: 28px; } .dx-list-item-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-list-search { margin-bottom: 5px; } .dx-list { border: none; } .dx-list.dx-list-with-search .dx-scrollable-wrapper { height: calc(100% - 41px); } .dx-list .dx-empty-message { text-align: left; } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon { border-color: #265a87; } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon { border: 1px solid #337ab7; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover { background-color: #f5f5f5; color: #333; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon { color: #333; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { background-color: #e6e6e6; color: #333; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-icon { color: #333; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) { background-color: #f5f5f5; color: #333; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: #337ab7; color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon { color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron { border-color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected { background-color: rgba(51, 122, 183, 0.7); color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active { background-color: #337ab7; color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon { color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content { background-color: #337ab7; color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon { color: #333; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-button .dx-icon, .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-button .dx-icon { color: #333; } .dx-list-group-header { font-weight: bold; padding: 20px 10px 10px 10px; border-top: 1px solid #ddd; border-bottom: 2px solid #ddd; background: rgba(238, 238, 238, 0.05); color: #333; } .dx-list-group:first-of-type .dx-list-group-header { border-top: none; } .dx-list-group-header:before { border-top-color: #333; } .dx-list-group-collapsed .dx-list-group-header:before { border-bottom-color: #333; } .dx-list-item:first-of-type { border-top: none; } .dx-list-item:last-of-type { border-bottom: none; } .dx-list-item .dx-icon-toggle-delete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==); background-size: 100%; } .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover { color: #959595; background: #fff; border-top: 1px solid rgba(51, 122, 183, 0.5); border-bottom: 1px solid rgba(51, 122, 183, 0.5); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); } .dx-list-item, .dx-list .dx-empty-message { border-top: 1px solid #ddd; color: #333; } .dx-list-item-separator-hidden .dx-list-item, .dx-list-item-separator-hidden .dx-list .dx-empty-message { border-top: none; border-bottom: none; } .dx-list-item-content, .dx-list .dx-empty-message { padding: 10px 10px; } .dx-list-next-button .dx-button .dx-button-content { padding: 7px 18px 8px; } .dx-list-next-button .dx-button .dx-icon { color: #333; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-list-next-button .dx-button .dx-icon, .dx-rtl.dx-list-next-button .dx-button .dx-icon { margin-left: 9px; margin-right: 0; } .dx-list-next-button .dx-button .dx-icon.dx-icon-right { margin-left: 9px; margin-right: 0; } .dx-rtl .dx-list-next-button .dx-button .dx-icon.dx-icon-right, .dx-rtl.dx-list-next-button .dx-button .dx-icon.dx-icon-right { margin-right: 9px; margin-left: 0; } .dx-list-item-chevron-container { width: 16px; } .dx-list-border-visible { border: 1px solid #ddd; } .dx-list-border-visible .dx-list-select-all { border-bottom: 1px solid #ddd; } .dx-list-item-before-bag.dx-list-toggle-delete-switch-container { width: 29px; } .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 31px; } .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { border: none; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content { padding: 0; } .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 5px 5px 10px; width: 19px; height: 19px; } .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton { margin-top: -1px; margin-bottom: -3px; margin-left: 10px; } .dx-list-select-all { padding: 9px 0 8px; } .dx-list-select-all-checkbox { float: left; margin: -1px 0 -3px 10px; } .dx-list-select-all-label { line-height: 17px; padding: 0 10px; margin-top: 1px; } .dx-list-item-after-bag.dx-list-static-delete-button-container { width: 36px; } .dx-list-item-after-bag.dx-list-reorder-handle-container { width: 33.4px; } .dx-list-item-after-bag .dx-list-reorder-handle { font: 14px/1 DXIcons; width: 28.8px; height: 28.8px; background-position: 5px 5px; background-size: 18px 18px; padding: 5px; font-size: 18px; text-align: center; line-height: 18px; } .dx-list-item-after-bag .dx-list-reorder-handle:before { content: "\f038"; } .dx-list-slide-menu-button { bottom: 1px; } .dx-list-slide-menu-button-delete { border: 1px solid transparent; color: #fff; background-color: #d9534f; } .dx-list-slide-menu-button-menu { border: 1px solid transparent; color: #fff; background-color: #337ab7; } .dx-list-switchable-delete-button, .dx-list-static-delete-button { margin-right: 10px; padding: 0; } .dx-list-switchable-delete-button .dx-button-content, .dx-list-static-delete-button .dx-button-content { padding: 3px; } .dx-list-context-menucontent { background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); } .dx-state-disabled.dx-list-item, .dx-state-disabled .dx-list-item { background-color: transparent; opacity: 0.6; } .dx-rtl .dx-list .dx-empty-message, .dx-rtl.dx-list .dx-empty-message { text-align: right; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete, .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 10px 5px 5px; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton { margin-right: 10px; margin-left: 1px; } .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-rtl.dx-list .dx-list-select-all-checkbox { float: right; margin-right: 10px; margin-left: 1px; } .dx-rtl .dx-list .dx-list-switchable-delete-button, .dx-rtl.dx-list .dx-list-switchable-delete-button { margin-left: 10px; margin-right: 0; } .dx-device-mobile .dx-list { border: none; } .dx-device-mobile .dx-list.dx-list-with-search .dx-scrollable-wrapper { height: calc(100% - 41px); } .dx-device-mobile .dx-list .dx-empty-message { text-align: left; } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon:before, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon { border-color: #265a87; } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon:before, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon { border: 1px solid #337ab7; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover { background-color: #f5f5f5; color: #333; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon { color: #333; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { background-color: #e6e6e6; color: #333; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-icon { color: #333; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) { background-color: #f5f5f5; color: #333; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: #337ab7; color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon { color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron { border-color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected { background-color: rgba(51, 122, 183, 0.7); color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active { background-color: #337ab7; color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon { color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content { background-color: #337ab7; color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon { color: #333; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-button .dx-icon, .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-button .dx-icon { color: #333; } .dx-device-mobile .dx-list-group-header { font-weight: bold; padding: 20px 15px 10px 15px; border-top: 1px solid #ddd; border-bottom: 2px solid #ddd; background: rgba(238, 238, 238, 0.05); color: #333; } .dx-list-group:first-of-type .dx-device-mobile .dx-list-group-header { border-top: none; } .dx-device-mobile .dx-list-group-header:before { border-top-color: #333; } .dx-list-group-collapsed .dx-device-mobile .dx-list-group-header:before { border-bottom-color: #333; } .dx-device-mobile .dx-list-item:first-of-type { border-top: none; } .dx-device-mobile .dx-list-item:last-of-type { border-bottom: none; } .dx-device-mobile .dx-list-item .dx-icon-toggle-delete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==); background-size: 100%; } .dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover { color: #959595; background: #fff; border-top: 1px solid rgba(51, 122, 183, 0.5); border-bottom: 1px solid rgba(51, 122, 183, 0.5); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); } .dx-device-mobile .dx-list-item, .dx-device-mobile .dx-list .dx-empty-message { border-top: 1px solid #ddd; color: #333; } .dx-list-item-separator-hidden .dx-device-mobile .dx-list-item, .dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message { border-top: none; border-bottom: none; } .dx-device-mobile .dx-list-item-content, .dx-device-mobile .dx-list .dx-empty-message { padding: 10px 15px; } .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content { padding: 7px 18px 8px; } .dx-device-mobile .dx-list-next-button .dx-button .dx-icon { color: #333; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon, .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon { margin-left: 9px; margin-right: 0; } .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right { margin-left: 9px; margin-right: 0; } .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right, .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right { margin-right: 9px; margin-left: 0; } .dx-device-mobile .dx-list-item-chevron-container { width: 21px; } .dx-device-mobile .dx-list-border-visible { border: 1px solid #ddd; } .dx-device-mobile .dx-list-border-visible .dx-list-select-all { border-bottom: 1px solid #ddd; } .dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container { width: 34px; } .dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 36px; } .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { border: none; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content { padding: 0; } .dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 7.5px 5px 15px; width: 19px; height: 19px; } .dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton { margin-top: -1px; margin-bottom: -3px; margin-left: 15px; } .dx-device-mobile .dx-list-select-all { padding: 9px 0 8px; } .dx-device-mobile .dx-list-select-all-checkbox { float: left; margin: -1px 0 -3px 15px; } .dx-device-mobile .dx-list-select-all-label { line-height: 17px; padding: 0 10px; margin-top: 1px; } .dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container { width: 41px; } .dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container { width: 38.4px; } .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle { font: 14px/1 DXIcons; width: 28.8px; height: 28.8px; background-position: 5px 5px; background-size: 18px 18px; padding: 5px; font-size: 18px; text-align: center; line-height: 18px; } .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before { content: "\f038"; } .dx-device-mobile .dx-list-slide-menu-button { bottom: 1px; } .dx-device-mobile .dx-list-slide-menu-button-delete { border: 1px solid transparent; color: #fff; background-color: #d9534f; } .dx-device-mobile .dx-list-slide-menu-button-menu { border: 1px solid transparent; color: #fff; background-color: #337ab7; } .dx-device-mobile .dx-list-switchable-delete-button, .dx-device-mobile .dx-list-static-delete-button { margin-right: 15px; padding: 0; } .dx-device-mobile .dx-list-switchable-delete-button .dx-button-content, .dx-device-mobile .dx-list-static-delete-button .dx-button-content { padding: 3px; } .dx-device-mobile .dx-list-context-menucontent { background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); } .dx-device-mobile .dx-state-disabled.dx-list-item, .dx-device-mobile .dx-state-disabled .dx-list-item { background-color: transparent; opacity: 0.6; } .dx-device-mobile .dx-rtl .dx-list .dx-empty-message, .dx-device-mobile .dx-rtl.dx-list .dx-empty-message { text-align: right; } .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 15px 5px 7.5px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton { margin-right: 15px; margin-left: 1px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox { float: right; margin-right: 15px; margin-left: 1px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button, .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button { margin-left: 15px; margin-right: 0; } .dx-dropdownlist-popup-wrapper { height: 100%; } .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content { border-top-width: 0; border-bottom-width: 1px; } .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped { border-top-width: 1px; border-bottom-width: 0; } .dx-dropdownlist-popup-wrapper .dx-popup-content { height: 100%; padding: 1px; } .dx-dropdownlist-popup-wrapper .dx-list { height: 100%; min-height: 39.0001px; } .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) { min-height: 33.0001px; } .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 7px 9px; } .dx-dropdownlist-popup-wrapper .dx-list-select-all { padding: 12px 0 8px; } .dx-dropdownlist-popup-wrapper .dx-list-item, .dx-dropdownlist-popup-wrapper .dx-empty-message { border-top: 0; } .dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type, .dx-dropdownlist-popup-wrapper .dx-empty-message:last-of-type { border-bottom: none; } .dx-textarea { height: auto; } .dx-textarea .dx-icon-clear { top: 0; margin-top: 0; } .dx-textarea.dx-invalid .dx-texteditor-container:after { top: 7px; margin-top: 0; } .dx-numberbox-spin-container { overflow: hidden; width: 34px; border-radius: 4px; } .dx-numberbox-spin-up-icon { font: 14px/1 DXIcons; color: #333; } .dx-numberbox-spin-up-icon:before { content: "\f002"; } .dx-numberbox-spin-down-icon { font: 14px/1 DXIcons; color: #333; } .dx-numberbox-spin-down-icon:before { content: "\f001"; } .dx-numberbox-spin-up-icon, .dx-numberbox-spin-down-icon { font-size: 18px; text-align: center; line-height: 18px; border-radius: 3px; } .dx-numberbox-spin-up-icon:before, .dx-numberbox-spin-down-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-numberbox-spin-button { padding: 1px; } .dx-editor-underlined .dx-numberbox-spin-button { background: transparent; } .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon, .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon { -webkit-box-shadow: 0 0 0 1px transparent inset; box-shadow: 0 0 0 1px transparent inset; background-color: #e6e6e6; } .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-down-icon, .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-up-icon { background-color: #b3b3b3; color: #333; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { width: 74px; border-left: none; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon, .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon { background-position: center; } .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container, .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { border-right: none; } .dx-rtl .dx-numberbox.dx-numberbox-spin .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin .dx-texteditor-input { padding-right: 9px; } .dx-datebox-wrapper .dx-popup-title { min-height: 10px; border-bottom: none; background: none; } .dx-datebox-wrapper .dx-item { border: none; } .dx-datebox-wrapper .dx-popup-bottom .dx-button { min-width: 85px; width: auto; } .dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content { margin: 0 34px; } .dx-datebox-wrapper-list .dx-overlay-content { border-top: none; } .dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content { padding: 10px; } .dx-datebox-calendar .dx-dropdowneditor-icon { font: 14px/1 DXIcons; width: 32px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; border-radius: 3px; } .dx-datebox-calendar .dx-dropdowneditor-icon:before { content: "\f026"; } .dx-datebox-calendar .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon { opacity: 1; } .dx-datebox-calendar.dx-rtl.dx-editor-underlined { padding-right: 0; } .dx-datebox-wrapper-calendar .dx-popup-content { padding: 0; } .dx-datebox-wrapper-calendar .dx-calendar { border: none; margin: 30px; } .dx-datebox-wrapper-calendar .dx-datebox-container-cell { margin-right: 30px; margin-bottom: 30px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar { margin-right: 15px; margin-bottom: 15px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { margin: 30px 30px 15px 15px; } .dx-datebox-adaptivity-mode.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { margin: 0 15px 15px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell { margin-top: -1px; margin-right: 30px; } @media (max-width: 320px) { .dx-datebox-wrapper-calendar .dx-calendar { margin: 18px; } } .dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button + .dx-toolbar-button .dx-button { margin-right: 5px; margin-left: 0; } .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar { margin-left: 15px; margin-right: 30px; } .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { margin-right: 15px; margin-left: 30px; } .dx-datebox-list .dx-dropdowneditor-icon { font: 14px/1 DXIcons; width: 32px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; border-radius: 3px; } .dx-datebox-list .dx-dropdowneditor-icon:before { content: "\f01d"; } .dx-datebox-list .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-datebox-wrapper-list .dx-popup-content { padding: 0; } .dx-datebox input[type="date"] { line-height: normal; } .dx-datebox.dx-auto-width .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input { padding-right: 26px; } .dx-datebox.dx-auto-width.dx-rtl .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-rtl .dx-texteditor-input { padding-right: 9px; padding-left: 26px; } .dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input { min-height: 33px; } .dx-dateview-rollers { width: auto; text-align: center; display: block; } .dx-dateviewroller-current .dx-dateview-item { -webkit-transition: font-size 0.2s ease-out; transition: font-size 0.2s ease-out; } .dx-dateviewroller { min-width: 4em; text-align: center; display: inline-block; } .dx-dateviewroller .dx-button { display: none; } .dx-dateviewroller .dx-scrollable-content:before, .dx-dateviewroller .dx-scrollable-content:after { content: ""; height: 71px; display: block; } .dx-dateviewroller .dx-scrollable-container { height: 182px; } .dx-dateviewroller.dx-dateviewroller-year { min-width: 4.85em; } .dx-dateviewroller.dx-state-active .dx-button { display: none; } .dx-dateviewroller-month { min-width: 12em; } .dx-dateviewroller-hours:after { content: ":"; font-size: 2.2em; position: absolute; right: -9%; font-weight: bold; top: 37%; color: #333; } .dx-dateviewroller-hours .dx-dateview-item-selected-frame { padding-left: 20%; } .dx-dateviewroller-minutes .dx-dateview-item-selected-frame { width: 80%; } .dx-dateview-item { height: 40px; line-height: 40px; text-align: center; font-size: 1.3em; color: #333; } .dx-dateview-item-selected { font-size: 2.2em; } .dx-rtl.dx-dateviewroller-hours:after { left: -9%; right: auto; } .dx-dateview-item-selected-frame { position: absolute; top: 71px; width: 100%; } .dx-dateview-item-selected-frame:before, .dx-dateview-item-selected-frame:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; content: ""; display: block; width: 100%; position: absolute; height: 71px; } .dx-dateview-item-selected-frame:before { top: -71px; border-bottom: 1px solid #ddd; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8))); background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%); } .dx-dateview-item-selected-frame:after { top: 40px; border-top: 1px solid #ddd; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8))); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%); } .dx-device-tablet .dx-dateview-rollers, .dx-device-phone .dx-dateview-rollers, .dx-dateview-compact .dx-dateview-rollers { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-device-tablet .dx-dateviewroller-month, .dx-device-phone .dx-dateviewroller-month, .dx-dateview-compact .dx-dateviewroller-month { min-width: 4em; } .dx-device-tablet .dx-dateview-item, .dx-device-phone .dx-dateview-item, .dx-dateview-compact .dx-dateview-item { font-size: 1.1em; } .dx-device-tablet .dx-dateview-item-selected, .dx-device-phone .dx-dateview-item-selected, .dx-dateview-compact .dx-dateview-item-selected { font-size: 1.4em; } .dx-toolbar { background-color: #fff; color: #333; padding: 0; overflow: visible; } .dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-toolbar .dx-toolbar-before:empty, .dx-toolbar .dx-toolbar-after:empty { padding: 0; } .dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 5px; } .dx-rtl.dx-toolbar .dx-toolbar-menu-container { padding: 0 5px 0 0; } .dx-toolbar .dx-toolbar-item { padding: 0 5px 0 0; } .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-toolbar .dx-toolbar-item { padding: 0 0 0 5px; } .dx-rtl.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-device-mobile .dx-toolbar { padding: 0; overflow: visible; } .dx-device-mobile .dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-device-mobile .dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-device-mobile .dx-toolbar .dx-toolbar-before:empty, .dx-device-mobile .dx-toolbar .dx-toolbar-after:empty { padding: 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 5px; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container { padding: 0 5px 0 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-item { padding: 0 5px 0 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item { padding: 0 0 0 5px; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-toolbar.dx-state-disabled { opacity: 1; } .dx-toolbar.dx-toolbar-compact .dx-button { min-width: auto; } .dx-toolbar-after .dx-toolbar-item { padding: 0 0 0 5px; } .dx-toolbar-after .dx-toolbar-item:last-child { padding: 0 0 0 5px; } .dx-toolbar-after .dx-toolbar-item:first-child { padding: 0; } .dx-rtl.dx-toolbar-after .dx-toolbar-item:first-child { padding-left: 5px; } .dx-device-mobile .dx-toolbar-after .dx-toolbar-item { padding: 0 0 0 5px; } .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:last-child { padding: 0 0 0 5px; } .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child { padding: 0; } .dx-rtl.dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child { padding-left: 5px; } .dx-toolbar-background { background-color: #fff; } .dx-toolbar-menu-section { border-bottom: 1px solid #ddd; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-item-auto-hide .dx-button-content { padding: 0; } .dx-toolbar-menu-section .dx-button-content { padding: 4px; } .dx-toolbar-menu-section .dx-toolbar-item-auto-hide { padding: 5px 10px; } .dx-toolbar-text-auto-hide .dx-button .dx-button-content { padding: 8px; } .dx-toolbar-text-auto-hide .dx-button .dx-icon { color: #333; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon, .dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon { margin-left: 0; margin-right: 0; } .dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right { margin-left: 0; margin-right: 0; } .dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right, .dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-toolbar .dx-tab { padding: 4px; } .dx-tile { color: #333; background-color: #fff; border: 1px solid rgba(221, 221, 221, 0.6); text-align: left; } .dx-tile.dx-state-focused, .dx-tile.dx-state-hover { background-color: #fff; border-color: rgba(51, 122, 183, 0.4); } .dx-tile.dx-state-active { background-color: rgba(96, 96, 96, 0.2); color: #333; border-color: transparent; } .dx-overlay-shader { background-color: rgba(255, 255, 255, 0.8); } .dx-overlay-wrapper { color: #333; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-overlay-wrapper input, .dx-overlay-wrapper textarea { font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-popup-wrapper .dx-state-focused.dx-overlay-content { border: 1px solid #ddd; } .dx-toast-content { color: #fff; font-size: 14px; font-weight: 600; line-height: 32px; padding: 10px; -webkit-box-shadow: 0 2px 3px 0 transparent; box-shadow: 0 2px 3px 0 transparent; border-radius: 6px; } .dx-toast-icon { width: 35px; height: 35px; } .dx-toast-info { background-color: #337ab7; } .dx-toast-info .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABoklEQVRIx63WPUvDQBjA8QMFsZNLlgpxtINjBsFVqINghm4dRAe/Rpdm6UcQHERwUYdAJ8HvkKHEQdrPEBQUrf7PoabtveSSSrit3PPjeve8RCCsyyMkIiYlAzJSYiJCPPt+248BfRKkdSX0CcoZnx7jAiJfY3r4LqbNsITI15B2EdNlVBGRSEZ0bUyXyQqIRDJZQIu/M1oRmZ2ovcz4zjt558NxR/6C6Vk2fHLPOXtsIhA0aHHGA1/Gvl7OBMYT/3BF05poTS5Be/5gxvQ15JWjgtyerWPelP19hMDTMvabQyciEJwoJ0rwBKF2lutSRCC4UWJCQaQx+5WYAyUmEsQas1WJ2VJiYkGqMTuVmG0lJhVkGnNaiblQYjKhZYHkmY1SpMGLEoN5Gskt605kjTstIjPvRiJ50tuSksePxv7UfKm8HAe0DGKXgZbB85eKHLWdKkjHUpjzvAmdHaUKIgnNmrIzLiTBs1W4ybiQvwq39RuV6TB1jpvA1f1yxo0sdT9XLy5DlF5cPBmmq0yG2uZUbVOzthle2xdFbd83//za+gXw/JH9LjmoAgAAAABJRU5ErkJggg==); } .dx-toast-message { line-height: 16px; } .dx-toast-warning { background-color: #f0ad4e; } .dx-toast-warning .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABJklEQVRIx62WvW2EQBBGpwlSArdgSrBESuKIQhySLJJbcAuXrXTZteCAAG3GlWBRwVsHB+Ykw8zeafVlaPSY/1lBdlXQ0OMJzMBMwNPTUOzb732scAzEXQ04KhtT0jEdIFZNdJQapuZsIFadqY8wLWMiJBIZafcwLdcHIJHIdQNt4YwPQm4e1feYMjkn/3NUbpjuSUgk0q2YSinx5xL0SSl/dcM45V8r5qLYOEQoDjs2FTNQCI0a+deC+VatGqFPwugD0gs+A8YLQTW4LJgf1SoIcxJG751ZIAMGy5sp1ZuQgHkxMMGqVJq81Tdp6q0unnhFeDMK3lgz9b6k+MOaKX3CUzDO3jd2UH/7JtP2y7aLM12GbHcq29XMdsOzvSiyvW+efG39AmPXSbHWZjgLAAAAAElFTkSuQmCC); } .dx-toast-error { background-color: #d9534f; } .dx-toast-error .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABeklEQVRIx62WMWrDQBBFx01I5zQinQ5hdINA3Kp3mUNEnSBIdwgEcgeBC18gVRojjDr7BklUxAE3b1NYihVrdmWbZbpl9FjN/zOzgqgREJNTUFEDNRUFOTGBnq8dRmQsMWosyYiGMSEpawuijTUpoQszZT6AaGPO1IaZsToRYjCsmGmYGZszIAbD5gA6/M7qTMj+RtMuJjy5Jv0ahQdMeiHEYEhbTKRK/KN+9K3IH+0xmZK+4Jb33mnChM/eaYYIgeLYBdcI4yNQgiBM+Oo5OxBi5S5l0ztdUNJoGrPr5cdCrtbgGOSCGHKhsCjQBbkhhkKorFK2oKsBiKESaocnys58sUMMtYDTXA8NZMSbIwv3bZJO/48VH3VuY6/NYwO4V+Tv1aYYgMTsVB8dKZUPQmyG/OcbzcUvijot6IYPzcVaT225UyQuCRjxrGyLwNbhW54Un5S8KrmZa96cGn/zxtP08zaLPW0Gb3vK29b0tsO9vSi8vW8ufG39AnvvGenmMu5AAAAAAElFTkSuQmCC); } .dx-toast-success { background-color: #5cb85c; } .dx-toast-success .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABlklEQVRIx62Wv0rDUBSHTxE6uHTKGhDEzS2jg4vUMeBmX8BR8AFiJQEfwck3cAh2cxBcXEup3VoHF3UxS1FBvuvQhPy5N0lTwplyknz33HN+95wriNEsXAJCZkRAxIyQABfL/L3J6eAzRhltjI9Tj7HxmJcgEpvjYVdh+oxqEImN6JdhBkzXhCgUUwYmzIBFA4hCsUhB6XamDSGriPpZjL12TvQc2SnG2xCiUHgJxqktcdbe+SmU31lh/AaQJQ4HfOR8PiJYpYrVDU4RhD1+c8q2BLdBLNdxXW8KflcI1obcs4UgnGlvAiE0/DDhW/O90EMQDnMbWlkozDTnMz2OC6AvdhGEHT4Ny86EqOB6i1fNgv44QhC2mRi3Gwlozqs4kSnoHEHocFdWQT0ahWKYA93GT5elyY9MucmDHukiCCeGuDO5CUteJaAOgrDPskIKYZVuhpkG/1qpqKBaxRcIQpeHGmG6dWfKM0hfnxZW/Ql/qj0k/ib9Rh83Tqvdr7Ve3NJkaG1OtTY1W5vhrd0oWrvfbHjb+gdn1DPEHv9HmQAAAABJRU5ErkJggg==); } .dx-popup-wrapper > .dx-overlay-content { border: 1px solid #ddd; background: #fff; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); border-radius: 6px; } .dx-popup-wrapper > .dx-popup-fullscreen { border-radius: 0; } .dx-popup-title { position: relative; padding: 6px 20px; min-height: 28px; border-bottom: 1px solid #ddd; background: transparent; color: #333; } .dx-popup-title.dx-toolbar { padding: 6px 20px; overflow: visible; -webkit-box-shadow: none; box-shadow: none; } .dx-popup-title.dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-popup-title.dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-popup-title.dx-toolbar .dx-toolbar-before:empty, .dx-popup-title.dx-toolbar .dx-toolbar-after:empty { padding: 0; } .dx-popup-title.dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 10px; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 10px 0 0; } .dx-popup-title.dx-toolbar .dx-toolbar-item { padding: 0 10px 0 0; } .dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item { padding: 0 0 0 10px; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-popup-title.dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-popup-title .dx-closebutton { display: block; border-radius: 4px; border-width: 1px; border-style: solid; background: transparent; border-color: transparent; width: 23px; height: 23px; margin: 0 -4px 0 4px; } .dx-popup-title .dx-closebutton .dx-button-content { padding: 0; } .dx-popup-title .dx-closebutton .dx-icon { -webkit-box-sizing: border-box; box-sizing: border-box; } .dx-state-disabled.dx-popup-title .dx-closebutton .dx-icon, .dx-state-disabled .dx-popup-title .dx-closebutton .dx-icon { opacity: 0.6; } .dx-state-disabled.dx-popup-title .dx-closebutton .dx-button-text, .dx-state-disabled .dx-popup-title .dx-closebutton .dx-button-text { opacity: 0.5; } .dx-rtl .dx-popup-title .dx-closebutton { margin: 0 4px 0 -4px; } .dx-popup-title .dx-closebutton .dx-icon { width: 21px; height: 21px; background-position: 3px 3px; background-size: 15px 15px; padding: 3px; font-size: 15px; text-align: center; line-height: 15px; } .dx-device-mobile .dx-popup-title .dx-closebutton { width: 37px; height: 37px; margin: 0 -11px 0 11px; } .dx-rtl .dx-device-mobile .dx-popup-title .dx-closebutton { margin: 0 11px 0 -11px; } .dx-device-mobile .dx-popup-title .dx-closebutton .dx-icon { width: 35px; height: 35px; background-position: 10px 10px; background-size: 15px 15px; padding: 10px; font-size: 15px; text-align: center; line-height: 15px; } .dx-popup-content { padding: 20px; } .dx-popup-content > .dx-button { margin: 0 10px; } .dx-popup-bottom { background: transparent; color: #333; } .dx-popup-bottom.dx-toolbar { padding: 20px; overflow: visible; } .dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty, .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty { padding: 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 10px; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 10px 0 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item { padding: 0 10px 0 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item { padding: 0 0 0 10px; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-device-mobile .dx-popup-bottom.dx-toolbar { padding: 20px; overflow: visible; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty, .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty { padding: 0; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 10px; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 10px 0 0; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item { padding: 0 10px 0 0; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item { padding: 0 0 0 10px; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-popup-bottom .dx-button { min-width: 100px; } .dx-popup-content.dx-dialog-content { min-width: 180px; padding: 20px; } .dx-dialog-message { padding: 0; } .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after { background: #fff; } .dx-popover-wrapper .dx-popup-title { margin: 0; } .dx-popover-wrapper .dx-popup-title.dx-toolbar { padding-left: 15px; } .dx-popover-wrapper .dx-popover-arrow:after, .dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after { background: #fff; } .dx-popover-arrow:after { border: 1px solid #ddd; } .dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar { padding-right: 15px; padding-left: 0; } .dx-progressbar-container { height: 6px; border: 1px solid #ddd; background-color: #dddddd; border-radius: 2px; } .dx-progressbar-range { position: relative; border: 1px solid #337ab7; background-color: #337ab7; margin-top: -1px; -webkit-box-sizing: content-box; box-sizing: content-box; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .dx-progressbar-animating-container { height: 6px; background-color: #dddddd; background-size: 90% 5px; border: 1px solid #ddd; border-radius: 2px; -webkit-animation: loader 2s linear infinite; animation: loader 2s linear infinite; background-repeat: no-repeat; background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#337ab7), color-stop(95%, transparent)); background-image: linear-gradient(-90deg, transparent 5%, #337ab7, transparent 95%); background-repeat: repeat; } .dx-state-disabled .dx-progressbar-range { background-color: rgba(51, 122, 183, 0.6); } .dx-state-disabled .dx-progressbar-animating-container { -webkit-animation: none; animation: none; background-position-x: 45%; } .dx-rtl .dx-progressbar .dx-progressbar-animating-container, .dx-rtl.dx-progressbar .dx-progressbar-animating-container { -webkit-animation: loader-rtl 2s linear infinite; animation: loader-rtl 2s linear infinite; background-repeat: no-repeat; background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#337ab7), color-stop(95%, transparent)); background-image: linear-gradient(-90deg, transparent 5%, #337ab7, transparent 95%); background-repeat: repeat; } @-webkit-keyframes loader { 0% { background-position-x: 0; } 100% { background-position-x: 900%; } } @keyframes loader { 0% { background-position-x: 0; } 100% { background-position-x: 900%; } } @-webkit-keyframes loader-rtl { 0% { background-position-x: 0; } 100% { background-position-x: -900%; } } @keyframes loader-rtl { 0% { background-position-x: 0; } 100% { background-position-x: -900%; } } .dx-tooltip-wrapper .dx-overlay-content { border: 1px solid #ddd; background-color: #fff; color: #333; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-radius: 4px; } .dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after { border: 1px solid #ddd; background: #fff; } .dx-slider .dx-tooltip-wrapper .dx-overlay-content { -webkit-box-shadow: none; box-shadow: none; } .dx-slider .dx-state-active.dx-slider-handle { border: 1px solid #fff; background: #204d73; } .dx-slider .dx-state-focused.dx-slider-handle:not(.dx-state-active) { border: 1px solid #fff; background: #285f8f; } .dx-slider .dx-state-hover.dx-slider-handle:not(.dx-state-active) { border: 1px solid #fff; background: #285f8f; } .dx-slider-wrapper { height: 28px; } .dx-slider-bar { margin: 14px 7px; height: 4px; background: #ddd; border-radius: 2px; } .dx-slider-range { border: 1px solid transparent; height: 2px; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-slider-range.dx-slider-range-visible { border: 1px solid #337ab7; background: #337ab7; border-radius: 2px; } .dx-slider-label-position-bottom .dx-slider-label { bottom: -17px; } .dx-slider-label-position-top .dx-slider-label { top: -14px; } .dx-slider-handle { margin-top: -14px; margin-right: -7px; width: 14px; height: 28px; border: 1px solid #fff; background-color: #337ab7; border-radius: 3px; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-state-disabled .dx-slider, .dx-state-disabled.dx-slider { opacity: 1; } .dx-state-disabled .dx-slider .dx-slider-bar, .dx-state-disabled.dx-slider .dx-slider-bar { opacity: 0.5; } .dx-invalid .dx-slider-handle { background-color: #d9534f; } .dx-invalid .dx-slider-range-visible { background-color: #d9534f; border-color: #d9534f; } .dx-invalid .dx-slider-bar { background-color: rgba(217, 83, 79, 0.4); } .dx-invalid .dx-state-hover.dx-slider-handle:not(.dx-state-active), .dx-invalid .dx-state-focused.dx-slider-handle:not(.dx-state-active) { background: #c9302c; } .dx-rtl .dx-slider-handle { margin-left: -7.5px; } .dx-rangeslider-start-handle { margin-left: -7px; } .dx-rtl .dx-rangeslider-start-handle { margin-right: -7px; } .dx-gallery .dx-gallery-nav-button-prev, .dx-gallery .dx-gallery-nav-button-next { position: absolute; top: 0; width: 34%; height: 100%; background: #fff; background: transparent; cursor: pointer; font-size: 32px; text-align: center; line-height: 32px; } .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after, .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after { background-color: rgba(51, 122, 183, 0.5); } .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after, .dx-gallery .dx-gallery-nav-button-next.dx-state-active:after { background-color: rgba(51, 122, 183, 0.7); } .dx-gallery .dx-gallery-nav-button-prev:before, .dx-gallery .dx-gallery-nav-button-next:before { position: absolute; display: block; width: 32px; top: 50%; margin-top: -16px; left: 50%; margin-left: -16px; } .dx-gallery .dx-gallery-nav-button-prev:after, .dx-gallery .dx-gallery-nav-button-next:after { content: ''; position: absolute; width: 32px; height: 100%; border-radius: 0px; } .dx-gallery .dx-gallery-nav-button-prev:before, .dx-gallery .dx-gallery-nav-button-next:before { position: absolute; z-index: 10; clear: both; font-size: 32px; color: #fff; } .dx-gallery .dx-gallery-nav-button-prev { font: 14px/1 DXIcons; } .dx-gallery .dx-gallery-nav-button-prev:before { content: "\f012"; } .dx-gallery .dx-gallery-nav-button-prev:after { left: 0; } .dx-gallery .dx-gallery-nav-button-prev:before { left: 0; right: auto; margin-left: 0; } .dx-gallery .dx-gallery-nav-button-next { font: 14px/1 DXIcons; } .dx-gallery .dx-gallery-nav-button-next:before { content: "\f010"; } .dx-gallery .dx-gallery-nav-button-next:after { right: 0; } .dx-gallery .dx-gallery-nav-button-next:before { right: 0; left: auto; } .dx-gallery-indicator { pointer-events: none; text-align: center; } .dx-gallery-indicator-item { border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #337ab7; pointer-events: auto; margin: 1px 6px; width: 8px; height: 8px; background: #fff; } .dx-gallery-indicator-item-active, .dx-gallery-indicator-item-selected { width: 12px; height: 12px; background: #337ab7; border: 2px solid rgba(255, 255, 255, 0.8); margin: -1px 6px; } .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected { background: #22527b; } .dx-lookup { height: 36px; border: 1px solid #ddd; background: #fff; } .dx-lookup.dx-editor-underlined { background: transparent; } .dx-lookup-field { padding: 7px 34px 8px 9px; font-size: 1em; } .dx-rtl .dx-lookup-field { padding: 7px 9px 8px 34px; } .dx-lookup-arrow { font: 14px/1 DXIcons; width: 34px; color: #333; font-size: 18px; text-align: center; line-height: 18px; } .dx-lookup-arrow:before { content: "\f04e"; } .dx-rtl .dx-lookup-arrow:before { content: "\f04f"; } .dx-lookup-arrow:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-state-readonly .dx-lookup-field:before { opacity: 0.5; } .dx-lookup-popup-wrapper .dx-list-item { border-top: none; } .dx-lookup-popup-wrapper .dx-list-item:last-of-type { border-bottom: none; } .dx-lookup-popup-wrapper .dx-list-item-content { padding-left: 20px; padding-right: 20px; } .dx-lookup-popup-wrapper .dx-popup-content { top: 0; padding: 0; } .dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content { top: 49px; } .dx-lookup-empty .dx-lookup-field { color: #999999; } .dx-invalid.dx-lookup .dx-lookup-field:after { right: 38px; pointer-events: none; font-weight: bold; background-color: #d9534f; color: #fff; content: '!'; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; border-radius: 50%; text-align: center; line-height: 18px; font-size: 13px; } .dx-rtl .dx-invalid.dx-lookup .dx-lookup-field:after, .dx-rtl.dx-invalid.dx-lookup .dx-lookup-field:after { right: auto; left: 38px; } .dx-lookup-popup-search .dx-list { height: calc(100% - 70px); } .dx-lookup-search-wrapper { padding: 20px; padding-bottom: 14px; } .dx-actionsheet-container .dx-actionsheet-item { margin: 0 0 10px 0; } .dx-actionsheet-container .dx-button { margin: 0; } .dx-button.dx-actionsheet-cancel { margin: 0; } .dx-loadindicator { background-color: transparent; } .dx-loadindicator-image { background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7); } .dx-loadindicator-icon { position: relative; top: 15%; left: 15%; width: 70%; height: 70%; } .dx-loadindicator-icon .dx-loadindicator-segment { position: absolute; width: 19%; height: 30%; left: 44.5%; top: 37%; opacity: 0; background: #606060; border-radius: 50%; border-top-left-radius: 10%; border-top-right-radius: 10%; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-animation: dx-generic-loadindicator-opacity 1s linear infinite; animation: dx-generic-loadindicator-opacity 1s linear infinite; } @-webkit-keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: 0.55; } } @keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: 0.55; } } .dx-loadindicator-icon .dx-loadindicator-segment0 { -webkit-transform: rotate(0deg) translate(0, -142%); transform: rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s; animation-delay: 0s; } .dx-loadindicator-icon .dx-loadindicator-segment1 { -webkit-transform: rotate(45deg) translate(0, -142%); transform: rotate(45deg) translate(0, -142%); -webkit-animation-delay: -0.875s; animation-delay: -0.875s; } .dx-loadindicator-icon .dx-loadindicator-segment2 { -webkit-transform: rotate(90deg) translate(0, -142%); transform: rotate(90deg) translate(0, -142%); -webkit-animation-delay: -0.75s; animation-delay: -0.75s; } .dx-loadindicator-icon .dx-loadindicator-segment3 { -webkit-transform: rotate(135deg) translate(0, -142%); transform: rotate(135deg) translate(0, -142%); -webkit-animation-delay: -0.625s; animation-delay: -0.625s; } .dx-loadindicator-icon .dx-loadindicator-segment4 { -webkit-transform: rotate(180deg) translate(0, -142%); transform: rotate(180deg) translate(0, -142%); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .dx-loadindicator-icon .dx-loadindicator-segment5 { -webkit-transform: rotate(225deg) translate(0, -142%); transform: rotate(225deg) translate(0, -142%); -webkit-animation-delay: -0.375s; animation-delay: -0.375s; } .dx-loadindicator-icon .dx-loadindicator-segment6 { -webkit-transform: rotate(270deg) translate(0, -142%); transform: rotate(270deg) translate(0, -142%); -webkit-animation-delay: -0.25s; animation-delay: -0.25s; } .dx-loadindicator-icon .dx-loadindicator-segment7 { -webkit-transform: rotate(315deg) translate(0, -142%); transform: rotate(315deg) translate(0, -142%); -webkit-animation-delay: -0.125s; animation-delay: -0.125s; } .dx-loadindicator-icon .dx-loadindicator-segment8, .dx-loadindicator-icon .dx-loadindicator-segment9, .dx-loadindicator-icon .dx-loadindicator-segment10, .dx-loadindicator-icon .dx-loadindicator-segment11, .dx-loadindicator-icon .dx-loadindicator-segment12, .dx-loadindicator-icon .dx-loadindicator-segment13, .dx-loadindicator-icon .dx-loadindicator-segment14, .dx-loadindicator-icon .dx-loadindicator-segment15 { display: none; } .dx-rtl .dx-loadindicator-icon { right: 15%; left: 0; } .dx-loadpanel-content { border: 1px solid #ddd; background: #fff; border-radius: 6px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); } .dx-autocomplete .dx-texteditor-input { font-size: 1em; } .dx-autocomplete.dx-invalid .dx-texteditor-container:after { right: 8px; } .dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-container:after, .dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-container:after { left: 8px; } .dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content { padding: 1px; } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list { border-radius: 8px; } .dx-dropdownmenu-popup-wrapper .dx-list-item { border-top: 0; } .dx-dropdownbutton-popup-wrapper { height: 100%; } .dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content { border-top-width: 0; border-bottom-width: 1px; } .dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped { border-top-width: 1px; border-bottom-width: 0; } .dx-dropdownbutton-popup-wrapper .dx-popup-content { height: 100%; padding: 1px; } .dx-dropdownbutton-popup-wrapper .dx-list { height: 100%; min-height: 39.0001px; } .dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) { min-height: 33.0001px; } .dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 7px 9px; } .dx-dropdownbutton-popup-wrapper .dx-list-select-all { padding: 12px 0 8px; } .dx-dropdownbutton-popup-wrapper .dx-list-item, .dx-dropdownbutton-popup-wrapper .dx-empty-message { border-top: 0; } .dx-dropdownbutton-popup-wrapper .dx-list-item:last-of-type, .dx-dropdownbutton-popup-wrapper .dx-empty-message:last-of-type { border-bottom: none; } .dx-selectbox-popup-wrapper .dx-overlay-content { -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dx-selectbox-popup-wrapper .dx-list { background-color: #fff; } .dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input { padding-left: 0; margin-left: 5px; } .dx-rtl .dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input, .dx-rtl.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input { padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0; } .dx-tagbox-single-line .dx-tag-container { padding-right: 0; } .dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input { height: auto; } .dx-tag-container.dx-texteditor-input-container { padding-bottom: 4px; } .dx-tag-container.dx-texteditor-input-container .dx-texteditor-input { padding-bottom: 4px; min-height: 30px; } .dx-tag-content { margin: 4px 0 0 4px; padding: 3px 25px 4px 6px; min-width: 40px; background-color: #dddddd; border-radius: 2px; color: #333; } .dx-tag-remove-button { width: 25px; height: 100%; } .dx-tag-remove-button:before, .dx-tag-remove-button:after { right: 9px; margin-top: -5px; width: 3px; height: 11px; background: #aaaaaa; } .dx-tag-remove-button:after { right: 5px; margin-top: -1px; width: 11px; height: 3px; } .dx-tag-remove-button:active:before, .dx-tag-remove-button:active:after { background: #dddddd; } .dx-tag.dx-state-focused .dx-tag-content { background-color: #cbcbcb; color: #333; } .dx-tag.dx-state-focused .dx-tag-remove-button:before, .dx-tag.dx-state-focused .dx-tag-remove-button:after { background-color: #aaaaaa; } .dx-tag.dx-state-focused .dx-tag-remove-button:active:before, .dx-tag.dx-state-focused .dx-tag-remove-button:active:after { background: #dddddd; } .dx-tagbox.dx-invalid .dx-texteditor-container:after { right: 8px; } .dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container:after, .dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container:after { left: 8px; } .dx-tagbox-popup-wrapper .dx-list-select-all { border-bottom: 1px solid #ddd; padding-bottom: 11px; margin-bottom: 3px; } .dx-rtl .dx-tag-content { padding-right: 6px; padding-left: 25px; } .dx-rtl .dx-tag-remove-button:before { right: auto; left: 9px; } .dx-rtl .dx-tag-remove-button:after { right: auto; left: 5px; } .dx-radiobutton-icon { width: 22px; height: 22px; } .dx-radiobutton-icon:before { display: block; width: 20px; height: 20px; border: 1px solid #ddd; background-color: #fff; content: ""; border-radius: 11px; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot { display: block; margin-top: -16px; margin-left: 6px; width: 10px; height: 10px; background: #337ab7; content: ""; border-radius: 5px; } .dx-radiobutton { line-height: 22px; } .dx-radiobutton.dx-state-readonly .dx-radiobutton-icon:before { border-color: #f4f4f4; background-color: #fff; } .dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before { border-color: rgba(51, 122, 183, 0.4); } .dx-radiobutton.dx-state-active .dx-radiobutton-icon:before { background-color: rgba(96, 96, 96, 0.2); } .dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before { border: 1px solid #337ab7; } .dx-radiobutton.dx-state-disabled { opacity: 0.5; } .dx-invalid .dx-radiobutton-icon:before { border-color: rgba(217, 83, 79, 0.4); } .dx-invalid .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before { border-color: #d9534f; } .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before { border-color: #d9534f; } .dx-state-disabled .dx-radiobutton.dx-state-disabled { opacity: 1; } .dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot, .dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot { margin-right: 6px; margin-left: 0; } .dx-radio-value-container { padding-left: 0; } .dx-radiogroup .dx-radiobutton, .dx-radiogroup .dx-radiobutton-icon { margin: 1px 0; } .dx-radiogroup.dx-state-readonly .dx-radiobutton-icon:before { border-color: #f4f4f4; background-color: #fff; } .dx-radiogroup-horizontal .dx-radiobutton { margin-right: 17px; } .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton, .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton { margin-right: 0; margin-left: 17px; } .dx-accordion { background-color: #fff; color: #333; } .dx-accordion-item { border: 1px solid transparent; border-top-color: #ddd; } .dx-accordion-item:last-child { border-bottom: 1px solid #ddd; } .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon { color: #333; } .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) > .dx-accordion-item-title { color: #333; background-color: rgba(96, 96, 96, 0.2); } .dx-accordion-item.dx-state-hover > .dx-accordion-item-title { background-color: #f5f5f5; } .dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) { border-bottom-color: #f5f5f5; } .dx-accordion-item-opened { border-color: #ddd; } .dx-accordion-item-opened.dx-state-hover > .dx-accordion-item-title { background-color: transparent; } .dx-accordion-item-opened > .dx-accordion-item-title { background-color: transparent; } .dx-accordion-item-opened > .dx-accordion-item-title:before { content: "\f014"; } .dx-accordion-item-opened + .dx-accordion-item { border-top-color: transparent; } .dx-accordion-item-opened + .dx-accordion-item.dx-state-hover:not(.dx-state-focused) { border-top-color: #f5f5f5; } .dx-accordion-item-title { color: #333; padding: 9px 12px; font-size: 18px; } .dx-accordion-item-title:before { font-weight: normal; color: #333; content: "\f016"; font-family: DXIcons; font-size: 18px; margin-left: 9px; margin-right: 0; line-height: 24px; } .dx-accordion-item-title .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; display: inline-block; color: #333; } .dx-rtl .dx-accordion-item-title .dx-icon, .dx-rtl.dx-accordion-item-title .dx-icon { margin-left: 9px; margin-right: 0; } .dx-accordion-item-title .dx-icon.dx-icon-right { margin-left: 9px; margin-right: 0; } .dx-rtl .dx-accordion-item-title .dx-icon.dx-icon-right, .dx-rtl.dx-accordion-item-title .dx-icon.dx-icon-right { margin-right: 9px; margin-left: 0; } .dx-state-disabled.dx-accordion-item { opacity: 0.5; } .dx-state-focused.dx-accordion-item { border-color: #337ab7; } .dx-accordion-item-body { padding: 8px 12px 22px; font-size: 14px; } .dx-rtl .dx-accordion-item-title:before { margin-left: 0; margin-right: 9px; } .dx-slideoutview-content { -webkit-box-sizing: content-box; box-sizing: content-box; margin-left: -1px; border-style: solid; border-width: 0 1px; } .dx-slideout-menu .dx-list-item .dx-icon { width: 26px; height: 26px; background-position: 0px 0px; background-size: 26px 26px; padding: 0px; font-size: 26px; text-align: center; line-height: 26px; margin-right: 13px; margin-left: 0; margin-top: -4px; margin-bottom: -4px; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon { margin-left: 13px; margin-right: 0; } .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right { margin-left: 13px; margin-right: 0; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right { margin-right: 13px; margin-left: 0; } .dx-slideoutview-menu-content, .dx-slideoutview-content { background-color: #fff; } .dx-slideoutview-content { border-color: rgba(221, 221, 221, 0.5); } .dx-slideoutview-content { -webkit-box-sizing: content-box; box-sizing: content-box; margin-left: -1px; border-style: solid; border-width: 0 1px; } .dx-slideout-menu .dx-list-item .dx-icon { width: 26px; height: 26px; background-position: 0px 0px; background-size: 26px 26px; padding: 0px; font-size: 26px; text-align: center; line-height: 26px; margin-right: 13px; margin-left: 0; margin-top: -4px; margin-bottom: -4px; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon { margin-left: 13px; margin-right: 0; } .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right { margin-left: 13px; margin-right: 0; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right { margin-right: 13px; margin-left: 0; } .dx-pager { padding-top: 9px; padding-bottom: 9px; } .dx-pager.dx-light-mode .dx-page-sizes { min-width: 42px; } .dx-pager.dx-light-mode .dx-page-index { min-width: 19px; } .dx-pager .dx-pages .dx-page { padding: 7px 9px 8px; } .dx-pager .dx-pages .dx-separator { padding-left: 8px; padding-right: 8px; } .dx-pager .dx-pages .dx-navigate-button { width: 9px; height: 17px; padding: 9px 13px; } .dx-pager .dx-pages .dx-prev-button { font: 14px/1 DXIcons; } .dx-pager .dx-pages .dx-prev-button:before { content: "\f012"; } .dx-pager .dx-pages .dx-next-button { font: 14px/1 DXIcons; } .dx-pager .dx-pages .dx-next-button:before { content: "\f010"; } .dx-pager .dx-pages .dx-prev-button, .dx-pager .dx-pages .dx-next-button { font-size: 21px; text-align: center; line-height: 21px; } .dx-pager .dx-pages .dx-prev-button:before, .dx-pager .dx-pages .dx-next-button:before { position: absolute; display: block; width: 21px; top: 50%; margin-top: -10.5px; left: 50%; margin-left: -10.5px; } .dx-pager .dx-page, .dx-pager .dx-page-size { border-radius: 3px; border-style: solid; border-width: 1px; border-color: transparent; } .dx-pager .dx-page-sizes .dx-page-size { padding-left: 10px; padding-right: 9px; padding-top: 7px; padding-bottom: 8px; } .dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection { color: #333; border-color: transparent; background-color: #d4d4d4; } .dx-colorview-container { width: 450px; } .dx-colorview-container label { line-height: 36px; } .dx-colorview-container label.dx-colorview-label-hex { margin: 10px 0 0 0; } .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-left: 43px; width: 115px; } .dx-colorview-container label .dx-texteditor { width: 69px; margin: 1px 1px 10px 0; } .dx-colorview-hue-scale-cell { margin-left: 19px; } .dx-colorview-palette { width: 288px; height: 299px; } .dx-colorview-alpha-channel-scale { width: 288px; } .dx-colorview-container-row.dx-colorview-alpha-channel-row { margin-top: 10px; } .dx-colorview-hue-scale { width: 18px; height: 299px; } .dx-colorview-alpha-channel-cell { width: 292px; } .dx-colorview-hue-scale-wrapper { height: 301px; } .dx-colorview-color-preview { width: 100%; height: 40px; } .dx-colorview-controls-container { width: 90px; margin-left: 27px; } .dx-colorview-container label { color: #333; } .dx-colorview-palette-cell, .dx-colorview-alpha-channel-border, .dx-colorview-hue-scale-wrapper, .dx-colorview-color-preview-container { padding: 1px; margin: 1px; margin-top: 0; background-color: #fff; -webkit-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd; } .dx-colorview-color-preview-container { margin-bottom: 34px; } .dx-rtl .dx-colorview-controls-container { margin-left: 0; margin-right: 27px; } .dx-rtl .dx-colorview-hue-scale-cell { margin-left: 0; margin-right: 19px; } .dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-left: 0; margin-right: 43px; } .dx-colorbox.dx-state-focused .dx-colorbox-input { padding-left: 40px; } .dx-colorbox .dx-placeholder { left: 32px; } .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=) no-repeat 0 0; } .dx-colorbox-color-result-preview { border-color: #ddd; } .dx-colorbox-overlay { padding: 0; } .dx-colorbox-overlay.dx-overlay-content { background-color: #fff; } .dx-colorbox-overlay .dx-popup-content { padding: 20px; } .dx-rtl.dx-colorbox.dx-state-focused .dx-colorbox-input, .dx-rtl .dx-colorbox.dx-state-focused .dx-colorbox-input { padding-right: 40px; } .dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child { padding-left: 10px; padding-right: 0; } .dx-datagrid .dx-menu-item-has-icon .dx-icon, .dx-datagrid-container .dx-menu-item-has-icon .dx-icon { color: #898989; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc, .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before, .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before { content: "\f053"; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc, .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before, .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before { content: "\f054"; } .dx-datagrid .dx-icon-filter-operation-equals, .dx-datagrid-container .dx-icon-filter-operation-equals { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-equals:before, .dx-datagrid-container .dx-icon-filter-operation-equals:before { content: "\f044"; } .dx-datagrid .dx-icon-filter-operation-default, .dx-datagrid-container .dx-icon-filter-operation-default { font: 14px/1 DXIcons; width: 12px; height: 12px; background-position: 0px 0px; background-size: 12px 12px; padding: 0px; font-size: 12px; text-align: center; line-height: 12px; } .dx-datagrid .dx-icon-filter-operation-default:before, .dx-datagrid-container .dx-icon-filter-operation-default:before { content: "\f027"; } .dx-datagrid .dx-icon-filter-operation-not-equals, .dx-datagrid-container .dx-icon-filter-operation-not-equals { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-not-equals:before, .dx-datagrid-container .dx-icon-filter-operation-not-equals:before { content: "\f045"; } .dx-datagrid .dx-icon-filter-operation-less, .dx-datagrid-container .dx-icon-filter-operation-less { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-less:before, .dx-datagrid-container .dx-icon-filter-operation-less:before { content: "\f046"; } .dx-datagrid .dx-icon-filter-operation-less-equal, .dx-datagrid-container .dx-icon-filter-operation-less-equal { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-less-equal:before, .dx-datagrid-container .dx-icon-filter-operation-less-equal:before { content: "\f048"; } .dx-datagrid .dx-icon-filter-operation-greater, .dx-datagrid-container .dx-icon-filter-operation-greater { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-greater:before, .dx-datagrid-container .dx-icon-filter-operation-greater:before { content: "\f047"; } .dx-datagrid .dx-icon-filter-operation-greater-equal, .dx-datagrid-container .dx-icon-filter-operation-greater-equal { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-greater-equal:before, .dx-datagrid-container .dx-icon-filter-operation-greater-equal:before { content: "\f049"; } .dx-datagrid .dx-icon-filter-operation-contains, .dx-datagrid-container .dx-icon-filter-operation-contains { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-contains:before, .dx-datagrid-container .dx-icon-filter-operation-contains:before { content: "\f063"; } .dx-datagrid .dx-icon-filter-operation-not-contains, .dx-datagrid-container .dx-icon-filter-operation-not-contains { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-not-contains:before, .dx-datagrid-container .dx-icon-filter-operation-not-contains:before { content: "\f066"; } .dx-datagrid .dx-icon-filter-operation-starts-with, .dx-datagrid-container .dx-icon-filter-operation-starts-with { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-starts-with:before, .dx-datagrid-container .dx-icon-filter-operation-starts-with:before { content: "\f064"; } .dx-datagrid .dx-icon-filter-operation-ends-with, .dx-datagrid-container .dx-icon-filter-operation-ends-with { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-ends-with:before, .dx-datagrid-container .dx-icon-filter-operation-ends-with:before { content: "\f065"; } .dx-datagrid .dx-icon-filter-operation-between, .dx-datagrid-container .dx-icon-filter-operation-between { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-between:before, .dx-datagrid-container .dx-icon-filter-operation-between:before { content: "\f06a"; } .dx-datagrid { line-height: inherit; } .dx-datagrid .dx-row-alt > td, .dx-datagrid .dx-row-alt > tr > td { background-color: #f5f5f5; } .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) { border-bottom-color: transparent; } .dx-datagrid .dx-link { color: #337ab7; } .dx-datagrid .dx-row-lines > td { border-bottom: 1px solid #ddd; } .dx-datagrid .dx-column-lines > td { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .dx-datagrid .dx-error-row .dx-closebutton { float: right; margin: 9px; font: 14px/1 DXIcons; width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid .dx-error-row .dx-closebutton:before { content: "\f00a"; } .dx-datagrid .dx-error-row .dx-error-message { padding: 7px; padding-right: 35px; } .dx-datagrid .dx-row > td { padding: 7px; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin: 0 3px; } .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before { background-position-y: 34px; } .dx-datagrid-edit-popup .dx-error-message { padding: 7px; } .dx-datagrid-headers .dx-texteditor-input, .dx-datagrid-rowsview .dx-texteditor-input { padding: 7px; min-height: 33px; } .dx-datagrid-headers .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input, .dx-datagrid-rowsview .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input, .dx-datagrid-headers .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input, .dx-datagrid-rowsview .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input { padding-right: 7px; } .dx-datagrid-headers .dx-lookup, .dx-datagrid-rowsview .dx-lookup { height: auto; } .dx-datagrid-headers .dx-lookup-field, .dx-datagrid-rowsview .dx-lookup-field { padding-left: 7px; padding-top: 7px; padding-bottom: 7px; } .dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input, .dx-datagrid-headers .dx-searchbox .dx-placeholder:before, .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before { padding-left: 34px; } .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-placeholder:before, .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before { padding-right: 34px; } .dx-editor-cell .dx-numberbox-spin-button { background-color: transparent; } .dx-editor-cell .dx-icon-clear { left: 0; } .dx-editor-cell .dx-texteditor { background: #fff; } .dx-editor-cell .dx-texteditor .dx-texteditor-input { background: #fff; } .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input { padding-right: 34px; } .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input { padding-right: 74px; } .dx-editor-cell .dx-dropdowneditor { background-color: #fff; } .dx-editor-cell.dx-focused .dx-dropdowneditor-icon { border-radius: 0; } .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before { padding-top: 7px; padding-bottom: 7px; } .dx-datagrid-checkbox-size { line-height: 1em; } .dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon { font-size: 12px; } .dx-datagrid-checkbox-size .dx-checkbox-icon { height: 16px; width: 16px; } .dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon { font-size: 6px; } .dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message, .dx-datagrid-column-chooser-list .dx-empty-message { color: #999999; padding: 0 20px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content { padding: 0 20px 20px 20px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-search { margin-bottom: 10px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-node { padding-left: 20px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content { padding: 0 20px 20px 20px; } .dx-datagrid-column-chooser .dx-overlay-content { background-color: #fff; border-radius: 6px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title { padding-top: 7px; padding-bottom: 9px; background-color: transparent; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { margin-bottom: 10px; background-color: #fff; color: #959595; font-weight: normal; border: 1px solid #ddd; padding: 7px; -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2); } .dx-datagrid-drag-header { -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); color: #959595; font-weight: normal; padding: 7px; border: 1px solid rgba(51, 122, 183, 0.5); background-color: #fff; } .dx-datagrid-columns-separator { background-color: rgba(51, 122, 183, 0.5); } .dx-datagrid-columns-separator-transparent { background-color: transparent; } .dx-datagrid-drop-highlight > td { background-color: #337ab7; color: #fff; } .dx-datagrid-focus-overlay { border: 2px solid #337ab7; } .dx-datagrid-table .dx-row .dx-command-select { width: 70px; min-width: 70px; } .dx-datagrid-table .dx-row .dx-command-edit { width: 85px; min-width: 85px; } .dx-datagrid-table .dx-row .dx-command-expand { width: 30px; min-width: 30px; } .dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space { padding-top: 7px; } .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) { background-color: #f5f5f5; color: #333; } .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space { border-right-color: #f5f5f5; } .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input { background-color: #f5f5f5; color: #333; } .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none { background-color: transparent; } .dx-datagrid-headers { color: #959595; font-weight: normal; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; border-bottom: 1px solid #ddd; } .dx-datagrid-headers .dx-datagrid-content { margin-bottom: -1px; } .dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table { border-bottom-width: 1px; } .dx-datagrid-headers .dx-datagrid-table .dx-row > td { border-bottom: 1px solid #ddd; } .dx-datagrid-filter-row .dx-menu .dx-overlay-content { color: #333; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused { background-color: transparent; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after { border: 2px solid #337ab7; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded { background-color: #fff; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after { border-color: transparent; } .dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-state-hover { background-color: transparent; } .dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover { background-color: #fff; } .dx-datagrid-filter-row .dx-highlight-outline::after { border-color: rgba(92, 184, 92, 0.5); } .dx-datagrid-filter-row .dx-menu-item-content .dx-icon { color: #898989; } .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content { padding: 7px 7px 7px 32px; } .dx-datagrid-filter-range-overlay .dx-overlay-content { border: 1px solid #ddd; overflow: inherit; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after { border-color: rgba(92, 184, 92, 0.5); left: 0; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input { background-color: #fff; padding: 7px; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after { border: 2px solid #337ab7; } .dx-filter-menu.dx-menu { background-color: transparent; height: 100%; } .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content { padding: 6px 5px 7px; } .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon { margin: 0 3px; } .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-highlight-outline { padding: 7px; } .dx-datagrid-header-panel { border-bottom: 1px solid #ddd; } .dx-datagrid-header-panel .dx-toolbar { margin-bottom: 10px; } .dx-datagrid-header-panel .dx-apply-button { background-color: #5cb85c; border-color: #4cae4c; color: #fff; } .dx-datagrid-header-panel .dx-apply-button .dx-icon { color: #fff; } .dx-datagrid-header-panel .dx-apply-button.dx-state-hover { background-color: #449d44; border-color: #4cae4c; } .dx-datagrid-header-panel .dx-apply-button.dx-state-focused { background-color: #3d8b3d; border-color: #4cae4c; } .dx-datagrid-header-panel .dx-apply-button.dx-state-active { background-color: #357935; border-color: #4cae4c; color: #fff; } .dx-icon-column-chooser { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-icon-column-chooser:before { content: "\f04d"; } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before { content: "\f00b"; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before { content: "\f04c"; } .dx-datagrid-save-button .dx-icon-edit-button-save { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-save-button .dx-icon-edit-button-save:before { content: "\f041"; } .dx-apply-button .dx-icon-apply-filter { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-apply-button .dx-icon-apply-filter:before { content: "\f050"; } .dx-datagrid-export-button .dx-icon-export-to { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-export-button .dx-icon-export-to:before { content: "\f05f"; } .dx-datagrid-export-button .dx-icon-export-excel-button { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-export-button .dx-icon-export-excel-button:before { content: "\f060"; } .dx-datagrid-adaptive-more { width: 21px; height: 21px; background-position: 0px 0px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview { border-top: 1px solid #ddd; } .dx-datagrid-rowsview .dx-row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td { border-top-width: 0; border-bottom: 1px solid #ddd; } .dx-datagrid-rowsview .dx-row.dx-edit-row > td { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .dx-datagrid-rowsview .dx-row.dx-datagrid-edit-form { white-space: normal; } .dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space, .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space, .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell { background-color: #fafafa; } .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after { border: 1px solid rgba(217, 83, 79, 0.4); } .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after { border: 1px solid #d9534f; } .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content { padding: 9px 17px 9px; } .dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after { border-color: rgba(92, 184, 92, 0.5); } .dx-datagrid-rowsview .dx-row-removed > td { background-color: rgba(92, 184, 92, 0.5); border-top: 1px solid rgba(92, 184, 92, 0.5); border-bottom: 1px solid rgba(92, 184, 92, 0.5); } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text { padding-top: 8px; padding-bottom: 8px; padding-left: 8px; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid { border: 1px solid rgba(217, 83, 79, 0.4); } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid.dx-adaptive-item-text { padding-top: 7px; padding-bottom: 7px; padding-left: 7px; } .dx-datagrid-rowsview .dx-item-modified { border-radius: 4px; border: 2px solid rgba(92, 184, 92, 0.5); } .dx-datagrid-rowsview .dx-item-modified.dx-adaptive-item-text { padding-top: 6px; padding-bottom: 6px; padding-left: 6px; } .dx-datagrid-rowsview .dx-row-focused:focus { outline: none; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link { background-color: #337ab7; color: #fff; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-texteditor-input, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-texteditor-input, .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-texteditor-input { border-radius: 0; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-closed, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-closed, .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-datagrid-group-closed { color: #fff; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus { background-color: #fff; color: #333; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td { border-bottom: 1px solid #337ab7; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td { border-top: 1px solid #337ab7; border-bottom: 1px solid #337ab7; } .dx-datagrid-rowsview .dx-row-focused.dx-group-row { background-color: #337ab7; color: #fff; } .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed { color: #fff; } .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-summary-item { color: #fff; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td { background-color: #e6e6e6; color: #333; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-datagrid-group-space { border-right-color: #e6e6e6; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none { border-left-color: #ddd; border-right-color: #ddd; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused { background-color: #fff; color: #333; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td { border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:first-child > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:first-child > td { border-top: 1px solid #e6e6e6; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:last-child > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:last-child > td { border-bottom: 1px solid #e6e6e6; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td { border-left-color: #ddd; border-right-color: #ddd; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td { border-bottom-color: #ddd; } .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content { padding-right: 0; } .dx-datagrid-search-text { color: #fff; background-color: #337ab7; } .dx-datagrid-nodata { color: #999999; font-size: 17px; } .dx-datagrid-bottom-load-panel { border-top: 1px solid #ddd; } .dx-datagrid-pager { border-top: 3px double #ddd; } .dx-datagrid-pager.dx-widget { color: #333; } .dx-datagrid-pager .dx-page, .dx-datagrid-pager .dx-page-size, .dx-datagrid-pager .dx-navigate-button { outline: none; } .dx-datagrid-pager.dx-state-focused .dx-page:focus, .dx-datagrid-pager.dx-state-focused .dx-page-size:focus, .dx-datagrid-pager.dx-state-focused .dx-navigate-button:focus { outline: 2px solid #337ab7; outline-offset: -2px; } .dx-datagrid-summary-item { color: rgba(51, 51, 51, 0.7); } .dx-datagrid-total-footer { border-top: 1px solid #ddd; } .dx-datagrid-revert-tooltip .dx-overlay-content { background-color: #fff; min-width: inherit; } .dx-datagrid-revert-tooltip .dx-revert-button { margin: 0 1px; margin-left: 1px; background-color: #d9534f; border-color: #d43f3a; color: #fff; } .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon { color: #fff; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover { background-color: #c9302c; border-color: #d43f3a; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused { background-color: #b52b27; border-color: #d43f3a; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active { background-color: #a02622; border-color: #d43f3a; color: #fff; } .dx-datagrid-revert-tooltip .dx-revert-button > .dx-button-content { padding: 7px; } .dx-toolbar-menu-section .dx-datagrid-checkbox-size { width: 100%; } .dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-container { padding: 14px; } .dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-text { padding-left: 34px; } .dx-rtl .dx-toolbar-menu-section .dx-checkbox-text { padding-right: 34px; padding-left: 27px; } .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space { border-left-color: #f5f5f5; border-right-color: transparent; } .dx-rtl .dx-datagrid-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon { margin: 0 3px; } .dx-rtl .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content { padding: 7px 32px 7px 7px; } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td { border-right-color: #ddd; } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-datagrid-group-space { border-left-color: #e6e6e6; } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none { border-left-color: #ddd; } .dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content { padding-left: 0; } .dx-datagrid-group-panel { font-size: 14px; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-datagrid-group-panel .dx-group-panel-message { color: #959595; font-weight: normal; padding: 7px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-group-panel .dx-group-panel-item { margin-right: 10px; color: #959595; font-weight: normal; border: 1px solid #ddd; padding: 7px; } .dx-datagrid-group-panel .dx-block-separator { margin-right: 10px; color: #959595; font-weight: normal; padding: 8px; background-color: #eeeeee; } .dx-datagrid-group-panel .dx-sort { color: #898989; } .dx-datagrid-rowsview .dx-row.dx-group-row:first-child { border-top: none; } .dx-datagrid-rowsview .dx-row.dx-group-row { font-weight: bold; } .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) { color: #959595; background-color: #f7f7f7; } .dx-datagrid-rowsview .dx-row.dx-group-row td { border-top-color: #ddd; border-bottom-color: #ddd; } .dx-datagrid-group-opened { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; color: #959595; } .dx-datagrid-group-opened:before { content: "\f001"; } .dx-datagrid-group-closed { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; color: #959595; } .dx-datagrid-group-closed:before { content: "\f04e"; } .dx-datagrid-group-opened, .dx-datagrid-group-closed { width: 100%; } .dx-row.dx-datagrid-group-footer.dx-column-lines { border-bottom: 1px solid #ddd; } .dx-row.dx-datagrid-group-footer > td { background-color: #fff; border-top: 1px solid #ddd; border-left-width: 0; border-right-width: 0; } .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item, .dx-rtl .dx-datagrid-group-panel .dx-block-separator { margin-left: 10px; } .dx-rtl .dx-datagrid-table-fixed .dx-row.dx-group-row td { background-color: #f7f7f7; } .dx-datagrid-filter-panel .dx-icon-filter, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter { color: #337ab7; } .dx-pivotgrid { background-color: #fff; } .dx-pivotgrid .dx-area-description-cell .dx-button-content { padding: 5px; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button-content, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button-content { padding: 5px; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button { margin-top: 10px; } .dx-pivotgrid .dx-expand-icon-container { font: 14px/1 DXIcons; } .dx-pivotgrid .dx-expand-icon-container:before { content: "\f04e"; } .dx-pivotgrid .dx-expand-icon-container:before { visibility: hidden; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; color: #959595; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before { content: "\f04e"; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; color: #959595; } .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before { content: "\f001"; } .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column { width: 19px; min-width: 19px; } .dx-pivotgridfieldchooser { background-color: #fff; } .dx-pivotgrid-fields-container .dx-position-indicator { background-color: gray; } .dx-treelist .dx-menu-item-has-icon .dx-icon, .dx-treelist-container .dx-menu-item-has-icon .dx-icon { color: #898989; } .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc, .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before, .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before { content: "\f053"; } .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc, .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before, .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before { content: "\f054"; } .dx-treelist .dx-icon-filter-operation-equals, .dx-treelist-container .dx-icon-filter-operation-equals { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-equals:before, .dx-treelist-container .dx-icon-filter-operation-equals:before { content: "\f044"; } .dx-treelist .dx-icon-filter-operation-default, .dx-treelist-container .dx-icon-filter-operation-default { font: 14px/1 DXIcons; width: 12px; height: 12px; background-position: 0px 0px; background-size: 12px 12px; padding: 0px; font-size: 12px; text-align: center; line-height: 12px; } .dx-treelist .dx-icon-filter-operation-default:before, .dx-treelist-container .dx-icon-filter-operation-default:before { content: "\f027"; } .dx-treelist .dx-icon-filter-operation-not-equals, .dx-treelist-container .dx-icon-filter-operation-not-equals { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-not-equals:before, .dx-treelist-container .dx-icon-filter-operation-not-equals:before { content: "\f045"; } .dx-treelist .dx-icon-filter-operation-less, .dx-treelist-container .dx-icon-filter-operation-less { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-less:before, .dx-treelist-container .dx-icon-filter-operation-less:before { content: "\f046"; } .dx-treelist .dx-icon-filter-operation-less-equal, .dx-treelist-container .dx-icon-filter-operation-less-equal { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-less-equal:before, .dx-treelist-container .dx-icon-filter-operation-less-equal:before { content: "\f048"; } .dx-treelist .dx-icon-filter-operation-greater, .dx-treelist-container .dx-icon-filter-operation-greater { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-greater:before, .dx-treelist-container .dx-icon-filter-operation-greater:before { content: "\f047"; } .dx-treelist .dx-icon-filter-operation-greater-equal, .dx-treelist-container .dx-icon-filter-operation-greater-equal { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-greater-equal:before, .dx-treelist-container .dx-icon-filter-operation-greater-equal:before { content: "\f049"; } .dx-treelist .dx-icon-filter-operation-contains, .dx-treelist-container .dx-icon-filter-operation-contains { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-contains:before, .dx-treelist-container .dx-icon-filter-operation-contains:before { content: "\f063"; } .dx-treelist .dx-icon-filter-operation-not-contains, .dx-treelist-container .dx-icon-filter-operation-not-contains { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-not-contains:before, .dx-treelist-container .dx-icon-filter-operation-not-contains:before { content: "\f066"; } .dx-treelist .dx-icon-filter-operation-starts-with, .dx-treelist-container .dx-icon-filter-operation-starts-with { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-starts-with:before, .dx-treelist-container .dx-icon-filter-operation-starts-with:before { content: "\f064"; } .dx-treelist .dx-icon-filter-operation-ends-with, .dx-treelist-container .dx-icon-filter-operation-ends-with { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-ends-with:before, .dx-treelist-container .dx-icon-filter-operation-ends-with:before { content: "\f065"; } .dx-treelist .dx-icon-filter-operation-between, .dx-treelist-container .dx-icon-filter-operation-between { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-between:before, .dx-treelist-container .dx-icon-filter-operation-between:before { content: "\f06a"; } .dx-treelist { line-height: inherit; } .dx-treelist .dx-row-alt > td, .dx-treelist .dx-row-alt > tr > td { background-color: #f5f5f5; } .dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) { border-bottom-color: transparent; } .dx-treelist .dx-link { color: #337ab7; } .dx-treelist .dx-row-lines > td { border-bottom: 1px solid #ddd; } .dx-treelist .dx-column-lines > td { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .dx-treelist .dx-error-row .dx-closebutton { float: right; margin: 9px; font: 14px/1 DXIcons; width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-treelist .dx-error-row .dx-closebutton:before { content: "\f00a"; } .dx-treelist .dx-error-row .dx-error-message { padding: 7px; padding-right: 35px; } .dx-treelist .dx-row > td { padding: 7px; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin: 0 3px; } .dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before { background-position-y: 34px; } .dx-treelist-edit-popup .dx-error-message { padding: 7px; } .dx-treelist-headers .dx-texteditor-input, .dx-treelist-rowsview .dx-texteditor-input { padding: 7px; min-height: 33px; } .dx-treelist-headers .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input, .dx-treelist-rowsview .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input, .dx-treelist-headers .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input, .dx-treelist-rowsview .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input { padding-right: 7px; } .dx-treelist-headers .dx-lookup, .dx-treelist-rowsview .dx-lookup { height: auto; } .dx-treelist-headers .dx-lookup-field, .dx-treelist-rowsview .dx-lookup-field { padding-left: 7px; padding-top: 7px; padding-bottom: 7px; } .dx-treelist-headers .dx-searchbox .dx-texteditor-input, .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input, .dx-treelist-headers .dx-searchbox .dx-placeholder:before, .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before { padding-left: 34px; } .dx-rtl .dx-treelist-headers .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-treelist-headers .dx-searchbox .dx-placeholder:before, .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-treelist-headers .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-treelist-headers .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-placeholder:before { padding-right: 34px; } .dx-editor-cell .dx-numberbox-spin-button { background-color: transparent; } .dx-editor-cell .dx-icon-clear { left: 0; } .dx-editor-cell .dx-texteditor { background: #fff; } .dx-editor-cell .dx-texteditor .dx-texteditor-input { background: #fff; } .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input { padding-right: 34px; } .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input { padding-right: 74px; } .dx-editor-cell .dx-dropdowneditor { background-color: #fff; } .dx-editor-cell.dx-focused .dx-dropdowneditor-icon { border-radius: 0; } .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before { padding-top: 7px; padding-bottom: 7px; } .dx-treelist-checkbox-size { line-height: 1em; } .dx-treelist-checkbox-size.dx-checkbox-checked .dx-checkbox-icon { font-size: 12px; } .dx-treelist-checkbox-size .dx-checkbox-icon { height: 16px; width: 16px; } .dx-treelist-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon { font-size: 6px; } .dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message, .dx-treelist-column-chooser-list .dx-empty-message { color: #999999; padding: 0 20px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content { padding: 0 20px 20px 20px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-search { margin-bottom: 10px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-node { padding-left: 20px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-popup-content { padding: 0 20px 20px 20px; } .dx-treelist-column-chooser .dx-overlay-content { background-color: #fff; border-radius: 6px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title { padding-top: 7px; padding-bottom: 9px; background-color: transparent; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { margin-bottom: 10px; background-color: #fff; color: #959595; font-weight: normal; border: 1px solid #ddd; padding: 7px; -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2); } .dx-treelist-drag-header { -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); color: #959595; font-weight: normal; padding: 7px; border: 1px solid rgba(51, 122, 183, 0.5); background-color: #fff; } .dx-treelist-columns-separator { background-color: rgba(51, 122, 183, 0.5); } .dx-treelist-columns-separator-transparent { background-color: transparent; } .dx-treelist-drop-highlight > td { background-color: #337ab7; color: #fff; } .dx-treelist-focus-overlay { border: 2px solid #337ab7; } .dx-treelist-table .dx-row .dx-command-select { width: 70px; min-width: 70px; } .dx-treelist-table .dx-row .dx-command-edit { width: 85px; min-width: 85px; } .dx-treelist-table .dx-row .dx-command-expand { width: 30px; min-width: 30px; } .dx-treelist-table .dx-row .dx-command-expand.dx-treelist-group-space { padding-top: 7px; } .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) { background-color: #f5f5f5; color: #333; } .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space { border-right-color: #f5f5f5; } .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input { background-color: #f5f5f5; color: #333; } .dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none { background-color: transparent; } .dx-treelist-headers { color: #959595; font-weight: normal; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; border-bottom: 1px solid #ddd; } .dx-treelist-headers .dx-treelist-content { margin-bottom: -1px; } .dx-treelist-borders .dx-treelist-headers .dx-treelist-table { border-bottom-width: 1px; } .dx-treelist-headers .dx-treelist-table .dx-row > td { border-bottom: 1px solid #ddd; } .dx-treelist-filter-row .dx-menu .dx-overlay-content { color: #333; } .dx-treelist-filter-row .dx-menu-item.dx-state-focused { background-color: transparent; } .dx-treelist-filter-row .dx-menu-item.dx-state-focused:after { border: 2px solid #337ab7; } .dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded { background-color: #fff; } .dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after { border-color: transparent; } .dx-treelist-filter-row .dx-menu-item-has-submenu.dx-state-hover { background-color: transparent; } .dx-treelist-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover { background-color: #fff; } .dx-treelist-filter-row .dx-highlight-outline::after { border-color: rgba(92, 184, 92, 0.5); } .dx-treelist-filter-row .dx-menu-item-content .dx-icon { color: #898989; } .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content { padding: 7px 7px 7px 32px; } .dx-treelist-filter-range-overlay .dx-overlay-content { border: 1px solid #ddd; overflow: inherit; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after { border-color: rgba(92, 184, 92, 0.5); left: 0; } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input { background-color: #fff; padding: 7px; } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after { border: 2px solid #337ab7; } .dx-filter-menu.dx-menu { background-color: transparent; height: 100%; } .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content { padding: 6px 5px 7px; } .dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon { margin: 0 3px; } .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-highlight-outline { padding: 7px; } .dx-treelist-header-panel { border-bottom: 1px solid #ddd; } .dx-treelist-header-panel .dx-toolbar { margin-bottom: 10px; } .dx-treelist-header-panel .dx-apply-button { background-color: #5cb85c; border-color: #4cae4c; color: #fff; } .dx-treelist-header-panel .dx-apply-button .dx-icon { color: #fff; } .dx-treelist-header-panel .dx-apply-button.dx-state-hover { background-color: #449d44; border-color: #4cae4c; } .dx-treelist-header-panel .dx-apply-button.dx-state-focused { background-color: #3d8b3d; border-color: #4cae4c; } .dx-treelist-header-panel .dx-apply-button.dx-state-active { background-color: #357935; border-color: #4cae4c; color: #fff; } .dx-icon-column-chooser { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-icon-column-chooser:before { content: "\f04d"; } .dx-treelist-addrow-button .dx-icon-edit-button-addrow { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist-addrow-button .dx-icon-edit-button-addrow:before { content: "\f00b"; } .dx-treelist-cancel-button .dx-icon-edit-button-cancel { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist-cancel-button .dx-icon-edit-button-cancel:before { content: "\f04c"; } .dx-treelist-save-button .dx-icon-edit-button-save { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist-save-button .dx-icon-edit-button-save:before { content: "\f041"; } .dx-apply-button .dx-icon-apply-filter { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-apply-button .dx-icon-apply-filter:before { content: "\f050"; } .dx-treelist-export-button .dx-icon-export-to { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist-export-button .dx-icon-export-to:before { content: "\f05f"; } .dx-treelist-export-button .dx-icon-export-excel-button { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist-export-button .dx-icon-export-excel-button:before { content: "\f060"; } .dx-treelist-adaptive-more { width: 21px; height: 21px; background-position: 0px 0px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-treelist-borders .dx-treelist-rowsview, .dx-treelist-headers + .dx-treelist-rowsview { border-top: 1px solid #ddd; } .dx-treelist-rowsview .dx-row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td { border-top-width: 0; border-bottom: 1px solid #ddd; } .dx-treelist-rowsview .dx-row.dx-edit-row > td { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .dx-treelist-rowsview .dx-row.dx-treelist-edit-form { white-space: normal; } .dx-treelist-rowsview .dx-master-detail-row > .dx-treelist-group-space, .dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space, .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell { background-color: #fafafa; } .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid .dx-highlight-outline::after { border: 1px solid rgba(217, 83, 79, 0.4); } .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-focused > .dx-highlight-outline::after { border: 1px solid #d9534f; } .dx-treelist-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content { padding: 9px 17px 9px; } .dx-treelist-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after { border-color: rgba(92, 184, 92, 0.5); } .dx-treelist-rowsview .dx-row-removed > td { background-color: rgba(92, 184, 92, 0.5); border-top: 1px solid rgba(92, 184, 92, 0.5); border-bottom: 1px solid rgba(92, 184, 92, 0.5); } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text { padding-top: 8px; padding-bottom: 8px; padding-left: 8px; } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid { border: 1px solid rgba(217, 83, 79, 0.4); } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid.dx-adaptive-item-text { padding-top: 7px; padding-bottom: 7px; padding-left: 7px; } .dx-treelist-rowsview .dx-item-modified { border-radius: 4px; border: 2px solid rgba(92, 184, 92, 0.5); } .dx-treelist-rowsview .dx-item-modified.dx-adaptive-item-text { padding-top: 6px; padding-bottom: 6px; padding-left: 6px; } .dx-treelist-rowsview .dx-row-focused:focus { outline: none; } .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused), .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link { background-color: #337ab7; color: #fff; } .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-texteditor-input, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-texteditor-input, .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-texteditor-input { border-radius: 0; } .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-opened, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-opened, .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-treelist-group-opened, .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-closed, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-closed, .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-treelist-group-closed { color: #fff; } .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus { background-color: #fff; color: #333; } .dx-treelist-rowsview .dx-row-focused.dx-data-row > td, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr:last-child > td { border-bottom: 1px solid #337ab7; } .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td, .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td { border-top: 1px solid #337ab7; border-bottom: 1px solid #337ab7; } .dx-treelist-rowsview .dx-row-focused.dx-group-row { background-color: #337ab7; color: #fff; } .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-opened, .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-closed { color: #fff; } .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-datagrid-summary-item { color: #fff; } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td { background-color: #e6e6e6; color: #333; } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-treelist-group-space, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-treelist-group-space, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-treelist-group-space, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-treelist-group-space { border-right-color: #e6e6e6; } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none { border-left-color: #ddd; border-right-color: #ddd; } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused { background-color: #fff; color: #333; } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td { border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:first-child > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:first-child > td { border-top: 1px solid #e6e6e6; } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:last-child > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:last-child > td { border-bottom: 1px solid #e6e6e6; } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td { border-left-color: #ddd; border-right-color: #ddd; } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td { border-bottom-color: #ddd; } .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content { padding-right: 0; } .dx-treelist-search-text { color: #fff; background-color: #337ab7; } .dx-treelist-nodata { color: #999999; font-size: 17px; } .dx-treelist-bottom-load-panel { border-top: 1px solid #ddd; } .dx-treelist-pager { border-top: 3px double #ddd; } .dx-treelist-pager.dx-widget { color: #333; } .dx-treelist-pager .dx-page, .dx-treelist-pager .dx-page-size, .dx-treelist-pager .dx-navigate-button { outline: none; } .dx-treelist-pager.dx-state-focused .dx-page:focus, .dx-treelist-pager.dx-state-focused .dx-page-size:focus, .dx-treelist-pager.dx-state-focused .dx-navigate-button:focus { outline: 2px solid #337ab7; outline-offset: -2px; } .dx-treelist-summary-item { color: rgba(51, 51, 51, 0.7); } .dx-treelist-total-footer { border-top: 1px solid #ddd; } .dx-treelist-revert-tooltip .dx-overlay-content { background-color: #fff; min-width: inherit; } .dx-treelist-revert-tooltip .dx-revert-button { margin: 0 1px; margin-left: 1px; background-color: #d9534f; border-color: #d43f3a; color: #fff; } .dx-treelist-revert-tooltip .dx-revert-button .dx-icon { color: #fff; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover { background-color: #c9302c; border-color: #d43f3a; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused { background-color: #b52b27; border-color: #d43f3a; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-active { background-color: #a02622; border-color: #d43f3a; color: #fff; } .dx-treelist-revert-tooltip .dx-revert-button > .dx-button-content { padding: 7px; } .dx-toolbar-menu-section .dx-treelist-checkbox-size { width: 100%; } .dx-toolbar-menu-section .dx-treelist-checkbox-size .dx-checkbox-container { padding: 14px; } .dx-toolbar-menu-section .dx-treelist-checkbox-size .dx-checkbox-text { padding-left: 34px; } .dx-rtl .dx-toolbar-menu-section .dx-checkbox-text { padding-right: 34px; padding-left: 27px; } .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space { border-left-color: #f5f5f5; border-right-color: transparent; } .dx-rtl .dx-treelist-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon { margin: 0 3px; } .dx-rtl .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content { padding: 7px 32px 7px 7px; } .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td { border-right-color: #ddd; } .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-treelist-group-space, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-treelist-group-space, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-treelist-group-space { border-left-color: #e6e6e6; } .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none { border-left-color: #ddd; } .dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content { padding-left: 0; } .dx-treelist-rowsview .dx-treelist-empty-space { position: relative; display: inline-block; width: 14px; font: 14px/1 DXIcons; } .dx-treelist-rowsview .dx-treelist-empty-space:before { content: "\f04e"; } .dx-treelist-rowsview .dx-treelist-empty-space:before { visibility: hidden; } .dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space { color: #959595; } .dx-treelist-rowsview .dx-treelist-expanded span { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; cursor: pointer; } .dx-treelist-rowsview .dx-treelist-expanded span:before { content: "\f001"; } .dx-treelist-rowsview .dx-treelist-expanded span:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-treelist-rowsview .dx-treelist-expanded span:before { left: 0; margin-left: -5px; margin-top: -8px; } .dx-treelist-rowsview .dx-treelist-collapsed span { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; cursor: pointer; } .dx-treelist-rowsview .dx-treelist-collapsed span:before { content: "\f04e"; } .dx-treelist-rowsview .dx-treelist-collapsed span:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-treelist-rowsview .dx-treelist-collapsed span:before { left: 0; margin-left: -6px; margin-top: -8px; } .dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space { color: #959595; } .dx-treelist-rowsview .dx-treelist-cell-expandable { white-space: nowrap; } .dx-treelist-rowsview .dx-treelist-cell-expandable .dx-treelist-text-content { white-space: normal; } .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content { white-space: nowrap; } .dx-treelist-checkbox-size { line-height: 0; } .dx-treelist-cell-expandable .dx-checkbox, .dx-treelist-select-all .dx-checkbox { position: absolute; } .dx-treelist-icon-container.dx-editor-inline-block { position: relative; padding-right: 23px; } .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox { top: 50%; margin-top: -8px; } .dx-treelist-select-all { position: relative; } .dx-treelist-select-all .dx-checkbox { left: 21px; margin-top: 1px; } .dx-treelist-headers .dx-header-row > .dx-treelist-select-all { padding-left: 44px; } .dx-rtl .dx-treelist-rowsview .dx-treelist-expanded, .dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container { float: right; } .dx-rtl .dx-treelist-select-all .dx-checkbox { left: calc(100% - 37px); } .dx-rtl .dx-treelist-headers .dx-header-row > .dx-treelist-select-all { padding-right: 44px; padding-left: 7px; } .dx-rtl .dx-treelist-icon-container.dx-editor-inline-block { padding-left: 23px; padding-right: 0; } .dx-treelist-filter-panel .dx-icon-filter, .dx-treelist-filter-panel .dx-treelist-filter-panel-text, .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter { color: #337ab7; } .dx-menu-item { color: #333; } .dx-menu-item.dx-state-hover { color: #333; background-color: #f5f5f5; } .dx-menu-item.dx-state-focused { background-color: #337ab7; color: #fff; } .dx-menu-item.dx-menu-item-has-text .dx-icon { margin-right: -18px; } .dx-menu-item-selected { background-color: #e6e6e6; color: #333; } .dx-menu-item-selected.dx-state-focused { background-color: rgba(51, 122, 183, 0.7); color: #fff; } .dx-menu-item-expanded { color: #333; background-color: #f5f5f5; } .dx-menu-item.dx-state-focused, .dx-menu-item.dx-state-active, .dx-menu-item-expanded { outline: none; } .dx-menu-base { color: #333; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-menu-base input, .dx-menu-base textarea { font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-menu-base.dx-state-focused { outline: none; } .dx-menu-base .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-menu-base .dx-menu-item-content { padding: 3px 5px 7px; } .dx-menu-base .dx-menu-item-content .dx-menu-item-text { padding: 0 25px 5px 23px; } .dx-menu-base .dx-menu-item-content .dx-menu-item-popout { min-width: 7px; min-height: 7px; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-text { padding: 0 23px 5px 25px; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon { margin-left: auto; margin-right: auto; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container { margin-left: 0; margin-right: auto; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-menu-base.dx-rtl .dx-menu-item-has-text .dx-icon { margin-left: -18px; } .dx-context-menu-container-border { background-color: transparent; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .dx-context-menu-content-delimiter { background-color: #fff; } .dx-menu { color: #333; } .dx-menu .dx-menu-item-expanded { background-color: #fff; } .dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon { margin: 0 19px 0 3px; } .dx-menu .dx-menu-item-has-text .dx-menu-item-text { padding: 0 5px 5px 5px; } .dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon { margin: 0 3px; } .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text { padding: 0 19px 5px 5px; } .dx-menu .dx-menu-horizontal .dx-menu-item-popout { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; } .dx-menu .dx-menu-horizontal .dx-menu-item-popout:before { content: "\f001"; } .dx-menu .dx-menu-horizontal .dx-menu-item-popout:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-menu .dx-menu-vertical .dx-menu-item-popout { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; } .dx-menu .dx-menu-vertical .dx-menu-item-popout:before { content: "\f04e"; } .dx-menu .dx-menu-vertical .dx-menu-item-popout:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-menu.dx-rtl .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon { margin: 0 3px 0 19px; } .dx-menu.dx-rtl .dx-menu-item-has-text .dx-menu-item-text { padding: 0 5px 5px 0; } .dx-menu.dx-rtl .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text { padding: 0 5px 5px 19px; } .dx-menu-adaptive-mode { background-color: #fff; } .dx-menu-adaptive-mode .dx-treeview { border: 1px solid #ddd; border-radius: 4px; } .dx-menu-adaptive-mode .dx-treeview, .dx-menu-adaptive-mode .dx-treeview.dx-state-focused { -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); } .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility { font-size: 18px; } .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-node .dx-treeview-toggle-item-visibility { color: inherit; } .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility { color: #fff; } .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node { border-bottom: 1px solid #ddd; } .dx-context-menu { color: #333; } .dx-context-menu .dx-submenu { background-color: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); } .dx-context-menu .dx-menu-item-popout { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; } .dx-context-menu .dx-menu-item-popout:before { content: "\f04e"; } .dx-context-menu .dx-menu-item-popout:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-context-menu .dx-menu-separator { background-color: #ddd; } .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text { padding-left: 5px; } .dx-rtl .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text, .dx-rtl.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text { padding-right: 5px; padding-left: 25px; } .dx-context-menu.dx-rtl .dx-menu-item-content { padding: 5px 3px 5px 5px; } .dx-context-menu.dx-rtl .dx-menu-item-content .dx-menu-item-text { padding: 0 23px 5px 25px; } .dx-calendar { width: 282px; min-width: 282px; height: 268.6px; min-height: 268.6px; background-color: #fff; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; border: 1px solid transparent; } .dx-calendar.dx-calendar-with-footer { height: 323.6px; min-height: 293.6px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-body { bottom: 55px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer { text-align: center; height: 45px; width: 100%; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button { background: none; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button.dx-state-active { background-color: #d4d4d4; } .dx-calendar-navigator { line-height: 1.6; height: 36px; display: table; border-collapse: collapse; } .dx-calendar-navigator .dx-button { height: 100%; border-radius: 0; display: table-cell; border-color: #ddd; } .dx-calendar-navigator .dx-button .dx-icon { font-size: 16px; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link { border-collapse: collapse; visibility: visible; opacity: 1; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content { opacity: 0.5; } .dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link) { z-index: 1; } .dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) { z-index: 1; border-color: #ddd; } .dx-calendar-navigator .dx-calendar-caption-button { font-size: 16px; font-weight: bold; line-height: 1.2; text-transform: uppercase; right: 32px; left: 32px; } .dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active { background-color: #d4d4d4; } .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content { padding: 2px 15px 4px; color: #337ab7; } .dx-calendar-navigator-previous-month { width: 32px; background: none; } .dx-calendar-navigator-previous-month.dx-button { margin: 0 2px; } .dx-calendar-navigator-previous-month .dx-button-content { padding: 0; } .dx-calendar-navigator-previous-month.dx-state-hover { z-index: 1; } .dx-calendar-navigator-previous-month, .dx-calendar-navigator-next-view { width: 32px; background: none; } .dx-calendar-navigator-previous-month.dx-button, .dx-calendar-navigator-next-view.dx-button { margin: 0 1px; } .dx-calendar-navigator-previous-month .dx-button-content, .dx-calendar-navigator-next-view .dx-button-content { padding: 0; } .dx-calendar-navigator-previous-view, .dx-calendar-navigator-previous-month { left: 0; } .dx-calendar-navigator-previous-view.dx-button, .dx-calendar-navigator-previous-month.dx-button { border-radius: 4px 0 0 4px; } .dx-calendar-navigator-previous-view.dx-button .dx-icon, .dx-calendar-navigator-previous-month.dx-button .dx-icon { color: #337ab7; } .dx-calendar-navigator-next-view, .dx-calendar-navigator-next-month { right: 0; } .dx-calendar-navigator-next-view.dx-button, .dx-calendar-navigator-next-month.dx-button { border-radius: 0 4px 4px 0; } .dx-calendar-navigator-next-view.dx-button .dx-icon, .dx-calendar-navigator-next-month.dx-button .dx-icon { color: #337ab7; } .dx-calendar-body { top: 52px; } .dx-calendar-body thead { font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 1.2; } .dx-calendar-body thead tr { height: 25px; padding-bottom: 10px; } .dx-calendar-body thead tr th { -webkit-box-shadow: inset 0 -1px 0 #ddd; box-shadow: inset 0 -1px 0 #ddd; color: #999999; } .dx-calendar-body table { border-spacing: 0; } .dx-calendar-body table th { color: #999999; text-align: center; font-size: 12px; padding: 1px 0 6px 0; } .dx-calendar-cell { text-align: center; padding: 1px 8px 2px; color: #333; font-size: 15px; border: 1px double transparent; width: 39px; border-radius: 4px; } .dx-calendar-cell.dx-calendar-today { font-weight: bold; } .dx-calendar-cell.dx-state-hover { -webkit-box-shadow: inset 0 -1px 0 1000px #f5f5f5; box-shadow: inset 0 -1px 0 1000px #f5f5f5; color: #333; } .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date), .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date) { color: #b0b0b0; } .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-hover, .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-hover, .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-active, .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-active { color: #b0b0b0; } .dx-calendar-cell.dx-calendar-empty-cell { cursor: default; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=) center center no-repeat; } .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover:not(.dx-calendar-selected-date) { -webkit-box-shadow: none; box-shadow: none; } .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) { -webkit-box-shadow: inset 0 -1px 0 1000px rgba(96, 96, 96, 0.2); box-shadow: inset 0 -1px 0 1000px rgba(96, 96, 96, 0.2); } .dx-calendar-cell.dx-calendar-contoured-date { -webkit-box-shadow: inset 0 0 0 1px #bebebe; box-shadow: inset 0 0 0 1px #bebebe; } .dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today { color: #fff; -webkit-box-shadow: inset 0 0 0 1000px #337ab7; box-shadow: inset 0 0 0 1000px #337ab7; font-weight: normal; } .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date { -webkit-box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #337ab7; box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #337ab7; } .dx-invalid.dx-calendar { border-color: rgba(217, 83, 79, 0.4); } .dx-invalid.dx-calendar.dx-state-focused { border-color: #d9534f; } .dx-popup-wrapper .dx-calendar .dx-calendar-caption-button { margin: 0; } .dx-treeview-node-loadindicator { top: 8px; left: -1px; width: 14px; height: 14px; } .dx-treeview.dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item { padding-left: 0; padding-right: 26px; } .dx-treeview.dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container { padding-left: 1px; padding-right: 7px; } .dx-treeview.dx-rtl .dx-treeview-node { padding-right: 15px; } .dx-treeview.dx-rtl .dx-treeview-item .dx-icon { margin-left: 5px; } .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item { padding-right: 36px; } .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox { right: 19px; } .dx-treeview.dx-rtl .dx-treeview-select-all-item { padding-left: 0; padding-right: 19px; } .dx-treeview.dx-rtl .dx-treeview-select-all-item .dx-checkbox-text { padding-left: 0; padding-right: 31px; } .dx-treeview.dx-rtl .dx-treeview-toggle-item-visibility { right: -4px; } .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox { overflow: visible; } .dx-treeview-search { margin-bottom: 5px; } .dx-treeview-with-search > .dx-scrollable { height: calc(100% - 41px); } .dx-treeview-border-visible { border: 1px solid #ddd; } .dx-treeview-border-visible .dx-treeview-select-all-item { padding-left: 26px; } .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container { padding: 1px 1px 1px 7px; } .dx-treeview-select-all-item { margin: 0 0 7px 0; border-bottom: 1px solid #ddd; padding: 9px 0 11px 20px; } .dx-treeview-select-all-item .dx-checkbox-text { padding-left: 31px; } .dx-treeview-node { padding-left: 15px; } .dx-state-selected > .dx-treeview-item { color: #333; } .dx-treeview-item-with-checkbox .dx-treeview-item { color: #333; padding-left: 36px; } .dx-treeview-item-with-checkbox .dx-checkbox { top: 5px; left: 19px; } .dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon { border: 1px solid #337ab7; } .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item { color: #333; background-color: #e6e6e6; } .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item { background-color: #337ab7; color: #fff; } .dx-treeview-item { padding: 5px 6px; min-height: 32px; } .dx-treeview-item .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treeview-item.dx-state-hover { background-color: #f5f5f5; color: #333; } .dx-treeview-toggle-item-visibility { font: 14px/1 DXIcons; font-size: 22px; text-align: center; line-height: 22px; color: #333; width: 21px; height: 32px; top: 0; left: -4px; } .dx-treeview-toggle-item-visibility:before { content: "\f04e"; } .dx-treeview-toggle-item-visibility:before { position: absolute; display: block; width: 22px; top: 50%; margin-top: -11px; left: 50%; margin-left: -11px; } .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened { font: 14px/1 DXIcons; font-size: 22px; text-align: center; line-height: 22px; } .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before { content: "\f001"; } .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before { position: absolute; display: block; width: 22px; top: 50%; margin-top: -11px; left: 50%; margin-left: -11px; } .dx-field { color: #333; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-field input, .dx-field textarea { font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; } .dx-field-label { color: #333; cursor: default; } .dx-field-value.dx-attention { color: #d9534f; padding-left: 28px; } .dx-field-value.dx-attention:before { pointer-events: none; font-weight: bold; background-color: #d9534f; color: #fff; content: '!'; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; border-radius: 50%; text-align: center; line-height: 18px; font-size: 13px; } .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .dx-field-value-static { width: 60%; } .dx-field-label { padding: 8px 15px 9px 0; } .dx-field { min-height: 36px; padding: 0; } .dx-field-value.dx-widget, .dx-field-value:not(.dx-widget) > .dx-widget { margin: 0; } .dx-field-value:not(.dx-widget) > .dx-button, .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-field-value:not(.dx-widget) > .dx-switch { float: right; } .dx-field-value.dx-checkbox, .dx-field-value:not(.dx-widget) > .dx-checkbox { margin: 7px 0; } .dx-field-value.dx-switch, .dx-field-value:not(.dx-widget) > .dx-switch { margin: 6px 0; } .dx-field-value.dx-slider, .dx-field-value:not(.dx-widget) > .dx-slider { margin: 4px 0; } .dx-field-value.dx-radiogroup, .dx-field-value:not(.dx-widget) > .dx-radiogroup { margin: 5px 0; } .dx-field-value.dx-attention { padding: 8px 10px 9px; position: relative; padding-left: 28px; } .dx-field-value.dx-attention:before { left: 0; } .dx-field-value-static { padding: 8px 10px 9px; } .dx-fieldset { margin: 30px 20px; padding: 0; } .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch, .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch { float: left; } .dx-fieldset-header { margin: 0 0 20px 0; font-weight: 500; font-size: 18px; } .dx-field { margin: 0 0 10px 0; } .dx-field:last-of-type { margin: 0; } .dx-device-mobile .dx-fieldset { margin: 20px 15px; padding: 0; } .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch, .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch { float: left; } .dx-device-mobile .dx-fieldset-header { margin: 0 0 20px 0; font-weight: 500; font-size: 18px; } .dx-device-mobile .dx-field { margin: 0 0 10px 0; } .dx-device-mobile .dx-field:last-of-type { margin: 0; } .dx-tabpanel .dx-tabs { display: block; border-bottom: none; background-color: #f7f7f7; } .dx-empty-collection.dx-tabpanel .dx-tabs { border-top: none; } .dx-tabpanel .dx-tab { width: 140px; } .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) { background: none; } .dx-tabpanel .dx-tab-selected:before { content: ""; pointer-events: none; position: absolute; top: 100%; bottom: -1px; left: 0; right: 0; z-index: 2; height: 0; border-bottom: 1.5px solid #fff; bottom: -1.4px; } .dx-tabpanel .dx-tabs-wrapper { display: block; } .dx-tabpanel.dx-state-focused .dx-multiview-wrapper { border: 1px solid #337ab7; } .dx-tabpanel.dx-state-focused .dx-tab-selected:after { border-top: 1px solid #337ab7; border-right: 1px solid #337ab7; border-left: 1px solid #337ab7; } .dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab:not(.dx-tab-selected):before { content: ""; pointer-events: none; position: absolute; top: 100%; bottom: -1px; left: 0; right: 0; z-index: 2; height: 0; border-bottom: 1.5px solid #337ab7; bottom: -1.4px; } .dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab-selected:after { border-bottom: 1.5px solid #f7f7f7; } .dx-tabpanel .dx-multiview-wrapper { border: 1px solid #ddd; } .dx-fileuploader-wrapper { padding: 7px; } .dx-fileuploader-content > .dx-fileuploader-upload-button { margin-left: 3px; margin-right: 3px; } .dx-fileuploader-input-wrapper { padding: 7px 0 7px; border: 3px dashed transparent; } .dx-fileuploader.dx-state-disabled .dx-fileuploader-input-label { position: relative; } .dx-fileuploader-dragover .dx-fileuploader-input-wrapper { border: none; padding: 0; } .dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button { display: none; } .dx-fileuploader-dragover .dx-fileuploader-input-label { text-align: center; } .dx-fileuploader-dragover .dx-fileuploader-input-container { display: block; border: 3px dashed #ddd; width: 100%; } .dx-fileuploader-dragover .dx-fileuploader-input { display: block; width: 100%; padding: 14px 3px; margin-bottom: 1px; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-fileuploader-dragover .dx-fileuploader-input-label { padding: 14px 9px; } .dx-fileuploader-file-status-message, .dx-fileuploader-file-size { color: #999999; } .dx-fileuploader-input { padding: 7px 0; } .dx-fileuploader-input-label { padding: 8px 9px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-fileuploader-files-container { padding: 12px 3px 0; } .dx-fileuploader-empty .dx-fileuploader-files-container { padding: 0; } .dx-invalid .dx-fileuploader-files-container { padding-top: 50px; } .dx-fileuploader-files-container .dx-fileuploader-button .dx-button-content { padding: 0; } .dx-fileuploader-file { padding-top: 5px; line-height: 13px; } .dx-fileuploader-file-name { padding-bottom: 3.5px; color: #333; } .dx-fileuploader-file-size { padding-bottom: 3.5px; } .dx-fileuploader-invalid .dx-fileuploader-file-status-message { color: #d9534f; } .dx-invalid-message > .dx-overlay-content { border-radius: 4px; } .dx-editor-underlined .dx-invalid-message > .dx-overlay-content { border-radius: 0; } .dx-timeview { height: auto; width: auto; } .dx-timeview-clock { min-height: 199px; min-width: 199px; background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22191px%22%20height%3D%22191px%22%20viewBox%3D%220%200%20191%20191%22%20enable-background%3D%22new%200%200%20191%20191%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M95.5%2C0C42.8%2C0%2C0%2C42.8%2C0%2C95.5S42.8%2C191%2C95.5%2C191S191%2C148.2%2C191%2C95.5S148.2%2C0%2C95.5%2C0z%20M95.5%2C187.6%0A%09c-50.848%2C0-92.1-41.25-92.1-92.1c0-50.848%2C41.252-92.1%2C92.1-92.1c50.85%2C0%2C92.1%2C41.252%2C92.1%2C92.1%0A%09C187.6%2C146.35%2C146.35%2C187.6%2C95.5%2C187.6z%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M92.9%2C10v8.6H91v-6.5c-0.1%2C0.1-0.2%2C0.2-0.4%2C0.3c-0.2%2C0.1-0.3%2C0.2-0.4%2C0.2c-0.1%2C0-0.3%2C0.1-0.5%2C0.2%0A%09%09c-0.2%2C0.1-0.3%2C0.1-0.5%2C0.1v-1.6c0.5-0.1%2C0.9-0.3%2C1.4-0.5c0.5-0.2%2C0.8-0.5%2C1.2-0.7h1.1V10z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M97.1%2C17.1h3.602v1.5h-5.6V18c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.6%2C0.5-0.9c0.2-0.3%2C0.5-0.5%2C0.7-0.7%0A%09%09c0.2-0.2%2C0.5-0.4%2C0.7-0.6c0.199-0.2%2C0.5-0.3%2C0.6-0.5c0.102-0.2%2C0.301-0.3%2C0.5-0.5c0.2-0.2%2C0.2-0.3%2C0.301-0.5%0A%09%09c0.101-0.2%2C0.101-0.3%2C0.101-0.5c0-0.4-0.101-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.801-0.3c-0.699%2C0-1.399%2C0.3-2.101%2C0.9v-1.6%0A%09%09c0.7-0.5%2C1.5-0.7%2C2.5-0.7c0.399%2C0%2C0.8%2C0.1%2C1.101%2C0.2c0.301%2C0.1%2C0.601%2C0.3%2C0.899%2C0.5c0.3%2C0.2%2C0.399%2C0.5%2C0.5%2C0.8%0A%09%09c0.101%2C0.3%2C0.2%2C0.6%2C0.2%2C1s-0.102%2C0.7-0.2%2C1c-0.099%2C0.3-0.3%2C0.6-0.5%2C0.8c-0.2%2C0.2-0.399%2C0.5-0.7%2C0.7c-0.3%2C0.2-0.5%2C0.4-0.8%2C0.6%0A%09%09c-0.2%2C0.1-0.399%2C0.3-0.5%2C0.4s-0.3%2C0.3-0.5%2C0.4s-0.2%2C0.3-0.3%2C0.4C97.1%2C17%2C97.1%2C17%2C97.1%2C17.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M15%2C95.4c0%2C0.7-0.1%2C1.4-0.2%2C2c-0.1%2C0.6-0.4%2C1.1-0.7%2C1.5C13.8%2C99.3%2C13.4%2C99.6%2C12.9%2C99.8s-1%2C0.3-1.5%2C0.3%0A%09%09c-0.7%2C0-1.3-0.1-1.8-0.3v-1.5c0.4%2C0.3%2C1%2C0.4%2C1.6%2C0.4c0.6%2C0%2C1.1-0.2%2C1.5-0.7c0.4-0.5%2C0.5-1.1%2C0.5-1.9l0%2C0%0A%09%09C12.8%2C96.7%2C12.3%2C96.9%2C11.5%2C96.9c-0.3%2C0-0.7-0.102-1-0.2c-0.3-0.101-0.5-0.3-0.8-0.5c-0.3-0.2-0.4-0.5-0.5-0.8%0A%09%09c-0.1-0.3-0.2-0.7-0.2-1c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.7%2C0.6-0.9c0.3-0.2%2C0.6-0.5%2C0.9-0.6c0.3-0.1%2C0.8-0.2%2C1.2-0.2%0A%09%09c0.5%2C0%2C0.9%2C0.1%2C1.2%2C0.3c0.3%2C0.2%2C0.7%2C0.4%2C0.9%2C0.8s0.5%2C0.7%2C0.6%2C1.2S15%2C94.8%2C15%2C95.4z%20M13.1%2C94.4c0-0.2%2C0-0.4-0.1-0.6%0A%09%09c-0.1-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5-0.1c-0.2%2C0-0.3%2C0-0.4%2C0.1s-0.3%2C0.2-0.3%2C0.3%0A%09%09c0%2C0.1-0.2%2C0.3-0.2%2C0.4c0%2C0.1-0.1%2C0.4-0.1%2C0.6c0%2C0.2%2C0%2C0.4%2C0.1%2C0.6c0.1%2C0.2%2C0.1%2C0.3%2C0.2%2C0.4c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.3%0A%09%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1c0.2%2C0%2C0.3%2C0%2C0.4-0.1s0.2-0.2%2C0.3-0.3c0.1-0.1%2C0.2-0.2%2C0.2-0.4C13%2C94.7%2C13.1%2C94.6%2C13.1%2C94.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M176%2C99.7V98.1c0.6%2C0.4%2C1.2%2C0.602%2C2%2C0.602c0.5%2C0%2C0.8-0.102%2C1.1-0.301c0.301-0.199%2C0.4-0.5%2C0.4-0.801%0A%09%09c0-0.398-0.2-0.699-0.5-0.898c-0.3-0.2-0.8-0.301-1.3-0.301h-0.802V95h0.701c1.101%2C0%2C1.601-0.4%2C1.601-1.1c0-0.7-0.4-1-1.302-1%0A%09%09c-0.6%2C0-1.1%2C0.2-1.6%2C0.5v-1.5c0.6-0.3%2C1.301-0.4%2C2.1-0.4c0.9%2C0%2C1.5%2C0.2%2C2%2C0.6s0.701%2C0.9%2C0.701%2C1.5c0%2C1.1-0.601%2C1.8-1.701%2C2.1l0%2C0%0A%09%09c0.602%2C0.1%2C1.102%2C0.3%2C1.4%2C0.6s0.5%2C0.8%2C0.5%2C1.3c0%2C0.801-0.3%2C1.4-0.9%2C1.9c-0.6%2C0.5-1.398%2C0.7-2.398%2C0.7%0A%09%09C177.2%2C100.1%2C176.5%2C100%2C176%2C99.7z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M98.5%2C179.102c0%2C0.398-0.1%2C0.799-0.2%2C1.199C98.2%2C180.7%2C98%2C181%2C97.7%2C181.2s-0.601%2C0.5-0.9%2C0.601%0A%09%09c-0.3%2C0.1-0.7%2C0.199-1.2%2C0.199c-0.5%2C0-0.9-0.1-1.3-0.3c-0.4-0.2-0.7-0.399-0.9-0.8c-0.2-0.4-0.5-0.7-0.6-1.2%0A%09%09c-0.1-0.5-0.2-1-0.2-1.601c0-0.699%2C0.1-1.399%2C0.3-2c0.2-0.601%2C0.4-1.101%2C0.8-1.5c0.4-0.399%2C0.7-0.699%2C1.2-1c0.5-0.3%2C1-0.3%2C1.6-0.3%0A%09%09c0.6%2C0%2C1.2%2C0.101%2C1.5%2C0.199v1.5c-0.4-0.199-0.9-0.399-1.4-0.399c-0.3%2C0-0.6%2C0.101-0.8%2C0.2c-0.2%2C0.101-0.5%2C0.3-0.7%2C0.5%0A%09%09c-0.2%2C0.199-0.3%2C0.5-0.4%2C0.8c-0.1%2C0.301-0.2%2C0.7-0.2%2C1.101l0%2C0c0.4-0.601%2C1-0.8%2C1.8-0.8c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.199%0A%09%09c0.2%2C0.101%2C0.5%2C0.301%2C0.7%2C0.5c0.199%2C0.2%2C0.398%2C0.5%2C0.5%2C0.801C98.5%2C178.2%2C98.5%2C178.7%2C98.5%2C179.102z%20M96.7%2C179.2%0A%09%09c0-0.899-0.4-1.399-1.1-1.399c-0.2%2C0-0.3%2C0-0.5%2C0.1c-0.2%2C0.101-0.3%2C0.201-0.4%2C0.301c-0.1%2C0.101-0.2%2C0.199-0.2%2C0.4%0A%09%09c0%2C0.199-0.1%2C0.299-0.1%2C0.5c0%2C0.199%2C0%2C0.398%2C0.1%2C0.6s0.1%2C0.3%2C0.2%2C0.5c0.1%2C0.199%2C0.2%2C0.199%2C0.4%2C0.3c0.2%2C0.101%2C0.3%2C0.101%2C0.5%2C0.101%0A%09%09c0.2%2C0%2C0.3%2C0%2C0.5-0.101c0.2-0.101%2C0.301-0.199%2C0.301-0.3c0-0.1%2C0.199-0.301%2C0.199-0.399C96.6%2C179.7%2C96.7%2C179.4%2C96.7%2C179.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill%3D%22%23636363%22%20cx%3D%2295%22%20cy%3D%2295%22%20r%3D%227%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat 50% 50%; background-size: 191px; } .dx-timeview-hourarrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%225px%22%20height%3D%2257px%22%20viewBox%3D%220%200%205%2057%22%20enable-background%3D%22new%200%200%205%2057%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M5%2C54c0%2C1.7-1.1%2C3-2.5%2C3S0%2C55.7%2C0%2C54V3c0-1.6%2C1.1-3%2C2.5-3S5%2C1.4%2C5%2C3V54z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-size: 5px 57px; } .dx-timeview-minutearrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%225px%22%20height%3D%2279px%22%20viewBox%3D%220%200%205%2079%22%20enable-background%3D%22new%200%200%205%2079%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M5%2C76c0%2C1.7-1.1%2C3-2.5%2C3S0%2C77.7%2C0%2C76V3c0-1.6%2C1.1-3%2C2.5-3S5%2C1.4%2C5%2C3V76z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-size: 5px 79px; } .dx-timeview-format12 { width: 70px; margin-left: 5px; margin-right: auto; } .dx-timeview-format12.dx-rtl, .dx-rtl .dx-timeview-format12 { margin-left: auto; margin-right: 5px; } .dx-timeview-time-separator { margin: 0 5px; } .dx-timeview-field { min-height: 50px; } .dx-timeview-field .dx-numberbox { width: 70px; } .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly { width: 110px; } .dx-scheduler-pseudo-cell:before { content: ""; width: 100px; display: table-cell; } .dx-scheduler-small .dx-scheduler-pseudo-cell:before { width: 50px; } .dx-scheduler-fixed-appointments { z-index: 100; position: absolute; left: 100px; } .dx-scheduler-small .dx-scheduler-fixed-appointments { left: 50px; } .dx-scheduler-header { position: relative; z-index: 1; width: 100%; } .dx-scheduler-navigator { float: left; padding-left: 10px; white-space: nowrap; min-width: 180px; max-width: 40%; } .dx-device-mobile .dx-scheduler-navigator { padding-left: 5px; } .dx-scheduler-navigator-caption { width: 180px; min-width: 108px; max-width: 80%; } .dx-device-mobile .dx-scheduler-navigator-caption { width: 140px; } .dx-calendar.dx-scheduler-navigator-calendar { width: 100%; height: 100%; } .dx-scheduler-view-switcher.dx-tabs.dx-tabs-expanded .dx-tab-selected:before { position: absolute; bottom: -2px; width: 100%; height: 2px; content: ''; right: 0; } .dx-scheduler-view-switcher.dx-tabs { max-width: 52%; min-width: 72px; width: auto; float: right; height: 100%; border: none; } .dx-scheduler-small .dx-scheduler-view-switcher.dx-tabs { display: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tabs-scrollable .dx-tabs-wrapper { border-bottom: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tab { width: 100px; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after { border-bottom: none; } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-button { position: absolute; right: 10px; } .dx-scheduler-view-switcher-label { position: absolute; } .dx-scheduler-view-switcher-reduced { table-layout: auto; } .dx-scheduler-view-switcher-reduced.dx-tabs .dx-tab { width: auto; height: 56px; } .dx-scheduler-view-switcher-reduced .dx-tabs-wrapper { height: 56px; } .dx-scheduler-appointment-content-allday { display: none; } .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell { color: #337ab7; } .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before { position: absolute; top: 37px; right: 0; width: 100%; height: 2px; content: ''; background-color: #63a0d4; } .dx-scheduler-date-time-shader-all-day { margin-left: 100px; width: 100%; background-color: rgba(51, 51, 51, 0.04); position: absolute; pointer-events: none; } .dx-scheduler-date-time-indicator { background-color: #63a0d4; position: absolute; pointer-events: none; -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); } .dx-scheduler-date-time-indicator:before { font-size: 30px; color: #63a0d4; position: absolute; z-index: 1000; margin-top: -14px; margin-left: -12px; text-shadow: rgba(255, 255, 255, 0.1) 1px 0 0; } .dx-scheduler-date-time-shader { pointer-events: none; } .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator { margin-left: 100px; height: 1px; font: 14px/1 DXIcons; } .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator:before { content: "\f04e"; } .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator, .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator, .dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator { margin-left: 50px; } .dx-scheduler-work-space-week .dx-scheduler-date-time-shader, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader, .dx-scheduler-work-space-day .dx-scheduler-date-time-shader { margin-left: 100px; } .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom:before { width: inherit; height: inherit; content: ""; left: inherit; position: absolute; margin-left: 100px; background-color: rgba(51, 51, 51, 0.04); } .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day { margin-left: 0; } .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before { margin-left: 0; } .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator { margin-left: 0; font: 14px/1 DXIcons; } .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before { content: "\f04f"; } .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before { margin-right: -12px; } .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-bottom:before { margin-left: 0; } .dx-scheduler-timeline-week .dx-scheduler-header-panel, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel, .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel, .dx-scheduler-timeline-month .dx-scheduler-header-panel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-scheduler-timeline-week .dx-scheduler-header-panel thead, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead, .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel thead, .dx-scheduler-timeline-month .dx-scheduler-header-panel thead { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; width: 100%; } .dx-scheduler-timeline-week .dx-scheduler-header-row, .dx-scheduler-timeline-work-week .dx-scheduler-header-row, .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row, .dx-scheduler-timeline-month .dx-scheduler-header-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse nowrap; -ms-flex-flow: row-reverse nowrap; flex-flow: row-reverse nowrap; } .dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .dx-scheduler-timeline-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-month .dx-scheduler-header-row .dx-scheduler-header-panel-cell { border-right: none; } .dx-scheduler-timeline .dx-scheduler-date-time-indicator { width: 1px; top: 0; font: 14px/1 DXIcons; } .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before { content: "\f001"; } .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before { margin-left: -14px; margin-top: -12px; } .dx-scheduler-timeline .dx-scheduler-date-time-shader { height: 100%; position: absolute; } .dx-scheduler-timeline .dx-scheduler-date-time-shader:before { width: inherit; height: 100%; content: ""; left: 0; position: absolute; background-color: rgba(51, 51, 51, 0.04); } .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell { border-bottom: 2px solid #63a0d4; -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before { content: none; } .dx-scheduler-work-space { border: 1px solid rgba(221, 221, 221, 0.6); background-color: #fff; position: relative; display: inline-block; overflow: hidden; height: 100%; width: 100%; border-top: none; float: left; } .dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell { border-right: none; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title { border-top: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell { border-left: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td { border-left: 1px solid rgba(221, 221, 221, 0.6); border-top: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 125px; margin-bottom: -125px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 155px; margin-bottom: -155px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 185px; margin-bottom: -185px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 215px; margin-bottom: -215px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel { border-bottom: 2px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel { border-bottom: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-date-table-scrollable .dx-scrollable-content { overflow: hidden; position: relative; } .dx-scheduler-date-table-cell { border-top: 1px solid rgba(221, 221, 221, 0.6); height: 50px; } .dx-scheduler-date-table-cell > div, .dx-scheduler-all-day-table-cell > div { pointer-events: none; } .dx-scheduler-date-table-cell, .dx-scheduler-header-panel-cell, .dx-scheduler-time-panel-cell, .dx-scheduler-group-header { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; cursor: default; } .dx-scheduler-date-table-current-date { font-weight: bold; } .dx-scheduler-date-table-other-month { opacity: 0.5; } .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell { border-top: 1px solid #c4c4c4; } .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell { border-top: none; } .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after, .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after { background-color: #c4c4c4; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 30px; margin-bottom: -30px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 60px; margin-bottom: -60px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 25px; margin-bottom: -25px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 55px; margin-bottom: -55px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 85px; margin-bottom: -85px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 115px; margin-bottom: -115px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-cell { border-left: none; border-right: none; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel { margin-top: 1px; } .dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell { border-top: none; } .dx-scheduler-all-day-table-cell { border-left: 1px solid rgba(221, 221, 221, 0.6); border-top: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell { border-top: none; border-left: none; } .dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title { border-top: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content, .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content { padding: 0 7px; } .dx-scheduler-scrollable-fixed-content { height: 100%; } .dx-scheduler-work-space-month .dx-scheduler-all-day-title { display: none; } .dx-scheduler-work-space-month .dx-scheduler-header-panel { width: 100%; margin-left: 0; } .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-header-panel { margin-left: 0; } .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row:before, .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before { display: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table { width: 100%; height: 100%; margin-left: 0; } .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row:before { display: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell { border-right: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child { border-left: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { height: auto; vertical-align: top; text-align: right; font-size: 16px; color: #959595; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div { padding-right: 6px; } .dx-scheduler-work-space-month .dx-scheduler-appointment-content { padding: 0 7px; } .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 0 25px 0 7px; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 0 7px 0 25px; } .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon { top: 0; } .dx-scheduler-work-space-month .dx-scheduler-fixed-appointments { left: 0; } .dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-cell { height: 75px; } .dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month { color: #337ab7; background-color: rgba(51, 122, 183, 0.15); font-weight: bold; } .dx-scheduler-work-space-month .dx-scheduler-all-day-panel, .dx-scheduler-timeline .dx-scheduler-all-day-panel, .dx-scheduler-work-space-month .dx-scheduler-all-day-title, .dx-scheduler-timeline .dx-scheduler-all-day-title { display: none; } .dx-scheduler-work-space-month .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-timeline .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon { right: 20px; } .dx-scheduler-timeline .dx-scheduler-fixed-appointments { left: 0; } .dx-scheduler-timeline .dx-scheduler-header-row:before, .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row:before { content: none; } .dx-scheduler-timeline .dx-scheduler-date-table { border-spacing: 0; border-collapse: separate; margin-left: 0; } .dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline .dx-scheduler-date-table-cell { width: 200px; } .dx-scheduler-timeline .dx-scheduler-date-table-cell { border-right: none; } .dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table { display: none; } .dx-scheduler-timeline .dx-scheduler-date-table { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .dx-scheduler-timeline .dx-scheduler-date-table tbody { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 100%; min-height: 100px; } .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; height: inherit; } .dx-scheduler-timeline .dx-scheduler-group-table { border-spacing: 0; border-collapse: separate; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .dx-scheduler-timeline .dx-scheduler-group-table tbody { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 100%; } .dx-scheduler-timeline .dx-scheduler-group-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .dx-scheduler-timeline .dx-scheduler-group-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 10px 0 5px; height: auto; width: 100%; } .dx-scheduler-timeline .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div, .dx-scheduler-timeline .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div { margin-top: 200%; } .dx-scheduler-timeline .dx-scheduler-group-header-content { overflow: visible; margin: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .dx-scheduler-timeline .dx-scheduler-group-header-content div { white-space: normal; line-height: normal; } .dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:last-child, .dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:last-child { font-weight: normal; text-align: left; } .dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:only-child, .dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:only-child { position: relative; left: 80px; width: 80px; } .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header { width: 200px; } .dx-scheduler-timeline .dx-scheduler-date-table, .dx-scheduler-timeline .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content, .dx-scheduler-timeline .dx-scheduler-group-table { height: 100%; min-height: 100px; } .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table { height: auto; } .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell { border-top-color: transparent; } .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel { border-bottom: 1px solid #c4c4c4; } .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before { border-bottom: 1px solid #c4c4c4; } .dx-scheduler-timeline .dx-scheduler-date-table-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable { display: none; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable { display: block; float: left; padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before { content: ""; height: 50px; position: absolute; display: block; margin-top: -50px; left: 0; border-right: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header { border: none; border-top: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table { border-right: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child { border-left: none; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child { border-right: none; border-left: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before { display: none; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-row:first-child .dx-scheduler-group-header { border-top: none; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0; padding: 0; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable:before { width: 100px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable { margin-left: 100px; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable { margin-right: 100px; margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments { left: 100px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable:before { width: 160px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable { margin-left: 160px; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable { margin-right: 160px; margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments { left: 160px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable:before { width: 180px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable { margin-left: 180px; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable { margin-right: 180px; margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments { left: 180px; } .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-group-header { border-right: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-last-group-cell { border-right: 1px solid #c4c4c4; } .dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon { top: 0; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 121px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 151px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 181px; } .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before { height: 91px; margin-top: -91px; } .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) { border-left: none; } .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-left: none; } .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell, .dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell { border-right: none; } .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell, .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell { border-left: none; } .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) { border-right: 1px solid #c4c4c4; } .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) { border-left: 1px solid #c4c4c4; } .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-right: 1px solid #c4c4c4; } .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-right: 1px solid rgba(221, 221, 221, 0.6); border-left: 1px solid #c4c4c4; } .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n), .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n), .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) { border-right: 1px solid rgba(221, 221, 221, 0.6); } .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) { border-left: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-header-panel { border-spacing: 0; table-layout: fixed; margin-top: 10px; width: 100%; font-size: 20px; } .dx-scheduler-all-day-title-hidden { display: none; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day) .dx-scheduler-all-day-title-hidden { display: block; background-color: transparent; color: transparent; border-left: none; border-right: none; border-bottom: none; height: 0; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 41px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 71px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 101px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 11px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 10px; margin-bottom: -10px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 40px; margin-bottom: -40px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 70px; margin-bottom: -70px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 100px; margin-bottom: -100px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable { margin-left: 100px; } .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable { margin-left: 0; } .dx-scheduler-small .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable { margin-left: 50px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel { width: auto; margin-left: 0; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-group-row:before, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-header-row:before { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel { margin-left: 0; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-row:before { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title { z-index: 100; border-right: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { content: ""; position: absolute; left: 0; width: 100px; border-right: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { width: 50px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { float: none; margin-left: 0; } .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:before { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable { float: left; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 100px; } .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 50px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel { border-right: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 31px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 61px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 1px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-panel { width: 100%; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 100px; padding: 0; } .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 50px; } .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 100px 0 0; } .dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 50px 0 0; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 156px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 186px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 216px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable { height: 126px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 106px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 136px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 166px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 76px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 116px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 146px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 176px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 86px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 66px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 96px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 126px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 36px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable, .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable.dx-scrollable { margin: 0; padding: 0; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-scrollable { margin-left: 0; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child { border-left: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-scrollable-appointments { top: 0; } .dx-scheduler-header-panel-cell { position: relative; border-left: 1px solid rgba(221, 221, 221, 0.6); border-right: 1px solid rgba(221, 221, 221, 0.6); color: #333; padding: 0; vertical-align: middle; height: 40px; text-align: center; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-group-row:before, .dx-scheduler-header-row:before, .dx-scheduler-all-day-table-row:before { content: ""; width: 100px; display: table-cell; } .dx-scheduler-small .dx-scheduler-group-row:before, .dx-scheduler-small .dx-scheduler-header-row:before, .dx-scheduler-small .dx-scheduler-all-day-table-row:before { width: 50px; } .dx-scheduler-all-day-panel { width: 100%; } .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell { border-bottom: 2px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-all-day-title { color: #333; width: 100px; height: 75px; position: absolute; line-height: 75px; text-align: center; border-bottom: 2px solid rgba(221, 221, 221, 0.6); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-scheduler-small .dx-scheduler-all-day-title { width: 50px; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title { height: 25px; line-height: 25px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-title { height: 50px; line-height: 50px; } .dx-scheduler-all-day-table { border-spacing: 0; table-layout: fixed; width: 100%; } .dx-scheduler-all-day-table { height: 75px; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table { height: 25px; } .dx-scheduler-group-header { height: 30px; text-align: center; } .dx-scheduler-time-panel { float: left; width: 100px; border-collapse: collapse; font-size: 20px; } .dx-scheduler-small .dx-scheduler-time-panel { width: 50px; font-size: 14px; } .dx-scheduler-time-panel-cell { color: #333; position: relative; width: 100%; text-align: right; vertical-align: top; height: 50px; padding-right: 20px; border-bottom: 1px solid transparent; } .dx-scheduler-time-panel-cell > div { margin-top: -13px; } .dx-scheduler-small .dx-scheduler-time-panel-cell { padding-left: 0; padding-right: 10px; } .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell > div { margin-top: 0; } .dx-scheduler-time-panel-cell:after { position: absolute; bottom: -1px; width: 10%; height: 1px; content: ''; right: 0; background-color: rgba(221, 221, 221, 0.6); } .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell { color: #337ab7; } .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before { position: absolute; top: 0; right: 0; width: 2px; height: inherit; content: ''; background-color: #63a0d4; } .dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell:after { display: none; } .dx-scheduler-date-table { width: 100%; border-spacing: 0; table-layout: fixed; float: left; margin-left: -100px; } .dx-scheduler-small .dx-scheduler-date-table { margin-left: -50px; } .dx-scheduler-date-table .dx-scheduler-date-table-row:before { content: ""; width: 100px; display: table-cell; } .dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-date-table-row:before { width: 50px; } .dx-scheduler-date-table-cell { border-left: 1px solid rgba(221, 221, 221, 0.6); border-right: 1px solid rgba(221, 221, 221, 0.6); height: 50px; } .dx-scheduler-all-day-table-cell.dx-state-active, .dx-scheduler-date-table-cell.dx-state-active { background-color: #c4c4c4; } .dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover { background-color: #959595; } .dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused { background-color: #dbe9f5; } .dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-focused { background-color: #dbe9f5; opacity: 1; } .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell, .dx-scheduler-date-table-cell.dx-scheduler-focused-cell { -webkit-box-shadow: inset 0 0 0 1px #337ab7; box-shadow: inset 0 0 0 1px #337ab7; } .dx-scheduler-date-table-droppable-cell { background-color: #f2f2f2; } .dx-scheduler-scrollable-appointments { position: absolute; top: 0; } .dx-scheduler-appointment { border-bottom: 1px solid transparent; background-clip: padding-box; position: absolute; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; background-color: #337ab7; color: #fff; -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3); left: 0; min-width: 4px; min-height: 4px; } .dx-scheduler-appointment.dx-state-active, .dx-scheduler-appointment.dx-resizable-resizing { -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-appointment.dx-state-focused { -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-appointment.dx-state-focused:before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .dx-scheduler-appointment.dx-state-focused:before { background-color: rgba(0, 0, 0, 0.3); opacity: 0.98; } .dx-scheduler-appointment.dx-state-hover { -webkit-box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-appointment.dx-state-hover.dx-resizable { -webkit-box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top { height: 5px; } .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left { width: 5px; } .dx-scheduler-appointment.dx-draggable-dragging { -webkit-box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, 0.2), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3); box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, 0.2), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-appointment.dx-draggable-dragging { z-index: 1000; opacity: 0.7; } .dx-scheduler-appointment .dx-resizable-handle-left { left: -1px; } .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon { position: absolute; top: 3px; right: 5px; font: 14px/1 DXIcons; } .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before { content: "\f00e"; } .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon { right: auto; left: 3px; font: 14px/1 DXIcons; } .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before { content: "\f011"; } .dx-scheduler-appointment.dx-scheduler-appointment-empty .dx-scheduler-appointment-reduced-icon, .dx-scheduler-appointment.dx-scheduler-appointment-tail .dx-scheduler-appointment-reduced-icon { display: none; } .dx-scheduler-appointment.dx-state-disabled { cursor: default; opacity: 0.6; } .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content { padding-right: 40px; } .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced-icon, .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced-icon, .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced-icon { top: 9px; } .dx-scheduler-work-space-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-work-space-work-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-work-space-day .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon { top: calc(35% - 3px); right: 20px; } .dx-scheduler-timeline .dx-scheduler-appointment, .dx-scheduler-work-space-month .dx-scheduler-appointment, .dx-scheduler-all-day-appointment { -webkit-box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment, .dx-rtl .dx-scheduler-all-day-appointment { -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active, .dx-scheduler-all-day-appointment.dx-state-active, .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-all-day-appointment.dx-resizable-resizing { -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused, .dx-scheduler-all-day-appointment.dx-state-focused { -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before, .dx-scheduler-all-day-appointment.dx-state-focused:before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before, .dx-scheduler-all-day-appointment.dx-state-focused:before { background-color: rgba(0, 0, 0, 0.3); opacity: 0.98; } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-all-day-appointment.dx-state-hover { -webkit-box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable { -webkit-box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3), inset -2px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3), inset -2px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover, .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover { -webkit-box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable { -webkit-box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging, .dx-scheduler-all-day-appointment.dx-draggable-dragging { -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3), 7px 7px 15px 0 rgba(50, 50, 50, 0.2); box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3), 7px 7px 15px 0 rgba(50, 50, 50, 0.2); } .dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon { position: absolute; top: 15%; } .dx-scheduler-appointment.dx-scheduler-appointment-body, .dx-scheduler-appointment.dx-scheduler-appointment-tail { -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-group-header-content div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-recurrence-icon { position: absolute; background-repeat: no-repeat; top: 3px; right: 5px; display: none; } .dx-scheduler-appointment-recurrence-icon.dx-icon-repeat { font-size: 18px; } .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-recurrence-icon { display: block; } .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 5px 25px 5px 7px; } .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 5px 7px 5px 25px; } .dx-scheduler-appointment-content { padding: 5px 7px; cursor: pointer; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.99; } .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content { font-size: 12px; } .dx-scheduler-appointment-content > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details, .dx-scheduler-appointment-empty .dx-scheduler-appointment-title, .dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon { display: none; } .dx-scheduler-appointment-content-details { font-size: 11px; white-space: pre; overflow: hidden; } .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content-details, .dx-scheduler-work-space-month .dx-scheduler-appointment-content-details { display: none; } .dx-scheduler-appointment-content-date { opacity: 0.7; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch, .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox { margin: 0; } .dx-scheduler-appointment-popup .dx-field-item-label-location-left { padding-right: 20px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item { padding-top: 13px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align.dx-flex-layout { -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label { float: none; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value .dx-recurrence-numberbox-repeat-count, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label .dx-recurrence-numberbox-repeat-count { float: left; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child { padding-top: 7px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label { position: absolute; left: -90px; padding-right: 10px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type { position: relative; left: -88px; top: 13px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value { display: inline-block; } .dx-scheduler-appointment-popup .dx-field { min-height: 0; } .dx-scheduler-appointment-popup .dx-field-label { width: auto; } .dx-scheduler-appointment-popup .dx-field-value { padding-left: 0; padding-right: 0; } .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox { float: left; } .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl { float: right; } .dx-scheduler-appointment-collector { background-color: #337ab7; color: #fff; } .dx-scheduler-appointment-collector.dx-button, .dx-scheduler-appointment-collector.dx-button.dx-state-hover, .dx-scheduler-appointment-collector.dx-button.dx-state-active, .dx-scheduler-appointment-collector.dx-button.dx-state-focused { background-color: #337ab7; color: #fff; border: none; -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-appointment-collector.dx-button .dx-button-content, .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-button-content, .dx-scheduler-appointment-collector.dx-button.dx-state-active .dx-button-content, .dx-scheduler-appointment-collector.dx-button.dx-state-focused .dx-button-content { line-height: inherit; } .dx-scheduler-appointment-collector.dx-button.dx-state-hover:before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); opacity: 0.98; } .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-scheduler-appointment-collector-content { color: #fff; opacity: 0.99; } .dx-scheduler-appointment-collector-compact .dx-scheduler-appointment-collector-content span:last-child { padding-left: 0; } .dx-scheduler-agenda .dx-scheduler-date-table-scrollable { margin-top: 10px; } .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 30px; margin-bottom: -30px; } .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 60px; margin-bottom: -60px; } .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 25px; margin-bottom: -25px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 55px; margin-bottom: -55px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 85px; margin-bottom: -85px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 115px; margin-bottom: -115px; } .dx-scheduler-agenda .dx-scheduler-scrollable-appointments { padding-left: 100px; width: 100%; height: 0; } .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments { padding-left: 50px; } .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments.dx-rtl { padding-left: 0; padding-right: 50px; } .dx-scheduler-agenda .dx-scheduler-appointment { position: relative; -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-agenda .dx-scheduler-time-panel { margin-top: 0; } .dx-scheduler-agenda .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell { padding-top: 0; padding-bottom: 0; } .dx-scheduler-agenda .dx-scheduler-time-panel-cell { vertical-align: top; } .dx-scheduler-agenda .dx-scheduler-time-panel-cell:after { display: none; } .dx-scheduler-agenda .dx-scheduler-group-table { border-spacing: 0; margin-top: 0; height: 100%; float: left; } .dx-scheduler-agenda .dx-scheduler-time-panel-cell, .dx-scheduler-agenda .dx-scheduler-date-table-cell { border: none; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table { float: right; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before { display: none; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:first-child .dx-scheduler-group-header-content:before { border-bottom: none; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-cell:after { display: none; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-last-row.dx-scheduler-date-table-row { border-bottom: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table { margin-right: -80px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table { margin-left: -40px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table { margin-left: -80px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table { margin-left: -40px; } .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-left: 180px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-left: 90px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 180px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-right: 90px; } .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table { margin-right: -160px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table { margin-left: -80px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table { margin-left: -160px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table { margin-left: -80px; } .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-left: 260px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-left: 130px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 260px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-right: 130px; } .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table { margin-right: -240px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table { margin-left: -120px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table { margin-left: -240px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table { margin-left: -120px; } .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-left: 340px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-left: 170px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 340px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-right: 170px; } .dx-scheduler-agenda .dx-scheduler-group-header { vertical-align: top; width: 80px; border-top: none; border-left: none; border-right: none; font-size: 18px; font-weight: normal; padding: 0; } .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header { width: 40px; font-size: 14px; } .dx-scheduler-agenda .dx-scheduler-group-header[rowspan='2'], .dx-scheduler-agenda .dx-scheduler-group-header[rowspan='3'] { font-weight: bold; } .dx-scheduler-agenda .dx-scheduler-group-header-content { width: 80px; overflow: hidden; } .dx-scheduler-agenda .dx-scheduler-group-header-content:before { content: ""; display: block; height: 1px; width: 100%; border-bottom: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header-content { width: 38px; } .dx-scheduler-agenda .dx-scheduler-group-header-content div { white-space: normal; } .dx-scheduler-agenda .dx-scheduler-appointment-content { font-size: 16px; } .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date, .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday { opacity: 1; font-weight: bold; font-size: 13px; margin-top: 4px; } .dx-scheduler-agenda .dx-scheduler-appointment-content-allday { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 5px; } .dx-rtl .dx-scheduler-agenda .dx-scheduler-appointment-content-allday { padding-right: 0; padding-left: 5px; } .dx-scheduler-agenda-nodata { text-align: center; font-size: 20px; opacity: 0.5; position: absolute; top: 45%; left: 0; right: 0; } .dx-timezone-editor { overflow: hidden; } .dx-timezone-editor .dx-timezone-display-name { float: left; width: 75%; } .dx-timezone-editor .dx-timezone-iana-id { float: right; width: 23%; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 90px; margin-bottom: 90px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 130px; margin-bottom: 130px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 170px; margin-bottom: 170px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 130px; margin-bottom: 130px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 170px; margin-bottom: 170px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 210px; margin-bottom: 210px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable { display: none; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-date-table-scrollable { margin-left: 0 !important; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content { height: 40px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-panel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-row, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline:not(.dx-scheduler-work-space-group-by-date) .dx-scheduler-header-row .dx-scheduler-header-panel-cell { border-right: none; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table { width: 100px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table { margin-left: -200px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before { width: 200px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table { margin-right: -200px; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before { width: 200px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments { left: 200px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments { right: 200px; left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 201px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments { left: 201px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 201px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable { margin-left: 0; margin-right: 201px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table { margin-right: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 201px 0 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments { left: 0; right: 201px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { width: 100px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: 100px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 100px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments { left: 100px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments { right: 100px; left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-row:before { width: 100px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table { width: 150px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table { margin-left: -250px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before { width: 250px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table { margin-right: -250px; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before { width: 250px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments { left: 250px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments { right: 250px; left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 251px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments { left: 251px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 251px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable { margin-left: 0; margin-right: 251px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table { margin-right: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 251px 0 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments { left: 0; right: 251px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { width: 150px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: 150px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 150px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments { left: 150px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments { right: 150px; left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-row:before { width: 150px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table { width: 200px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table { margin-left: -300px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before { width: 300px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table { margin-right: -300px; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before { width: 300px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments { left: 300px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments { right: 300px; left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 301px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments { left: 301px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 301px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable { margin-left: 0; margin-right: 301px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table { margin-right: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 301px 0 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments { left: 0; right: 301px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { width: 200px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: 200px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 200px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments { left: 200px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments { right: 200px; left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-row:before { width: 200px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table { float: left; height: 100%; min-height: 100px; border-right: 1px solid rgba(221, 221, 221, 0.6); border-top: 1px solid rgba(221, 221, 221, 0.6); border-spacing: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table tbody { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row:before { display: none; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; height: auto; text-align: center; border-bottom: 2px solid rgba(221, 221, 221, 0.6); padding: 0; overflow: hidden; width: 100%; border-right: none; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'], .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] { border-bottom: none; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div, .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div { margin-top: 200%; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header-content { padding-top: 16px; overflow: visible; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header-content div { white-space: normal; line-height: normal; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child { font-weight: normal; text-align: left; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:only-child, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:only-child { position: relative; left: 75px; width: 75px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-title, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title { top: 0; position: relative; height: 50px !important; line-height: 50px !important; border-bottom: none; border-right: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell { border-top: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel { display: table-cell; position: relative; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before { content: ""; width: 100px; display: table-cell; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before { width: 50px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-row { height: 50px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell { border-top: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell > div { margin-top: 0; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-last-group-cell { border-bottom: none; -webkit-box-shadow: inset 0 -1px 0 rgba(221, 221, 221, 0.6); box-shadow: inset 0 -1px 0 rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell { border-bottom: 2px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { display: block; float: left; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before { display: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-fixed-appointments { left: 101px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-group-header { -webkit-box-shadow: 0 -2px 0 rgba(221, 221, 221, 0.6); box-shadow: 0 -2px 0 rgba(221, 221, 221, 0.6); border-bottom: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell { height: 75px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel { border-bottom: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row:before { display: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { border-top: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-date-table-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-day .dx-scheduler-date-table-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-rtl .dx-scheduler-work-space-vertical-group-table { border-right: none; border-left: 1px solid rgba(221, 221, 221, 0.6); } .dx-rtl .dx-scheduler-date-time-shader-all-day { margin-left: 0; margin-right: 100px; } .dx-rtl .dx-scheduler-navigator { float: right; padding-left: 0; padding-right: 10px; } .dx-device-mobile .dx-rtl .dx-scheduler-navigator { padding-right: 5px; } .dx-rtl .dx-scheduler-view-switcher.dx-tabs { float: left; } .dx-rtl .dx-scheduler-view-switcher.dx-dropdownmenu { left: 10px; right: auto; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; } .dx-rtl .dx-scheduler-header-panel { left: 0; right: inherit; } .dx-rtl .dx-scheduler-all-day-panel table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-group-table, .dx-rtl .dx-scheduler-time-panel { float: right; } .dx-rtl .dx-scheduler-time-panel-cell { text-align: left; padding-left: 20px; padding-right: 0; } .dx-rtl .dx-scheduler-time-panel-cell:after { right: auto; left: 0; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { border-right: 1px solid rgba(221, 221, 221, 0.6); } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child { border-right: none; } .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table { float: right; margin-left: 0; margin-right: -100px; } .dx-scheduler-small .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table { margin-right: -50px; } .dx-rtl .dx-scheduler-appointment-recurrence-icon { left: 20px; right: auto; } .dx-rtl .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon { left: 20px; right: auto; } .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell { border-right: 1px solid rgba(221, 221, 221, 0.6); border-left: none; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title { border-left: 1px solid rgba(221, 221, 221, 0.6); border-right: none; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { right: 0; border-left: 1px solid rgba(221, 221, 221, 0.6); border-right: none; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-right: 0; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable { float: right; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-right: 100px; margin-left: auto; } .dx-scheduler-small .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-right: 50px; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel { border-left: 1px solid rgba(221, 221, 221, 0.6); border-right: none; } .dx-rtl.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-right: 0; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child, .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child { border-right: none; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable { float: right; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before { right: 0; border-left: 1px solid rgba(221, 221, 221, 0.6); border-right: none; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table { border-left: 1px solid rgba(221, 221, 221, 0.6); border-right: none; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table { margin-right: 0; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-fixed-appointments { left: 0; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header { padding: 0 5px 0 10px; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child { text-align: right; } .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable { margin-left: 0; } .dx-scheduler-small .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable { margin-right: 50px; } .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments { padding-right: 100px; padding-left: 0; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments { padding-right: 50px; } .dx-rtl .dx-scheduler-agenda .dx-scheduler-group-table { float: right; } .dx-rtl .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table { float: left; } .dx-rtl .dx-timezone-editor .dx-timezone-display-name { float: right; } .dx-rtl .dx-timezone-editor .dx-timezone-iana-id { float: left; } .dx-scheduler-time-panel-cell { height: 50px; } .dx-scheduler-date-table-cell { height: 50px; } .dx-scheduler-all-day-title { height: 75px; line-height: 75px; font-size: 14px; font-weight: bold; top: 56px; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title { height: 25px; line-height: 25px; } :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title { top: 96px; } :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before { top: -41px; height: 40px; } :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title { top: 126px; } :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before { top: -71px; height: 70px; } :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title { top: 156px; } :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before { top: -101px; height: 100px; } .dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title { top: 106px; } .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title { top: 136px; } .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before, .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before { top: -81px; height: 80px; } .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title { top: 166px; } .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before, .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before { top: -111px; height: 110px; } .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title { top: 196px; } .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before, .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before { top: -141px; height: 140px; } .dx-scheduler-all-day-table { height: 75px; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table { height: 25px; } .dx-scheduler-header-panel { margin-top: 10px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-panel { margin-top: 11px; } .dx-scheduler-header-panel-cell { height: 40px; } .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before { top: 37px; height: 2px; } .dx-scheduler-timeline .dx-scheduler-date-table-cell { height: 75px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 125px; margin-bottom: -125px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 155px; margin-bottom: -155px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 185px; margin-bottom: -185px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 215px; margin-bottom: -215px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 10px; margin-bottom: -10px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 40px; margin-bottom: -40px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 70px; margin-bottom: -70px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 100px; margin-bottom: -100px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 85px; margin-bottom: -85px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 115px; margin-bottom: -115px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 145px; margin-bottom: -145px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 175px; margin-bottom: -175px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 35px; margin-bottom: -35px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 65px; margin-bottom: -65px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 95px; margin-bottom: -95px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 125px; margin-bottom: -125px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title { top: 57px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 125px; margin-bottom: -125px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 155px; margin-bottom: -155px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 185px; margin-bottom: -185px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 215px; margin-bottom: -215px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel { margin-top: 10px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title { top: 136px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before { top: -81px; height: 80px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title { top: 166px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before { top: -111px; height: 110px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title { top: 196px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before { top: -141px; height: 140px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-all-day-title { top: 106px; } .dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) { border-bottom: none; } .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space-month .dx-scheduler-appointment-content { font-size: 13px; } .dx-scheduler-work-space-month .dx-scheduler-date-table-first-of-month { border-left: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; } .dx-scheduler-header { background-color: #f5f5f5; border: 1px solid rgba(221, 221, 221, 0.6); height: 56px; } .dx-scheduler-navigator { padding: 10px; } .dx-scheduler-navigator .dx-button { margin-top: -1px; height: 36px; } .dx-scheduler-navigator .dx-button-has-icon .dx-button-content { padding: 6px; } .dx-scheduler-navigator-caption { border-radius: 0; border-right-width: 0; border-left-width: 0; } .dx-scheduler-navigator-caption.dx-state-focused, .dx-scheduler-navigator-caption.dx-state-hover, .dx-scheduler-navigator-caption.dx-state-active { border-right-width: 1px; border-left-width: 1px; } .dx-scheduler-navigator-previous { border-radius: 4px 0 0 4px; } .dx-rtl .dx-scheduler-navigator-previous { border-radius: 0 4px 4px 0; } .dx-scheduler-navigator-next { border-radius: 0 4px 4px 0; } .dx-rtl .dx-scheduler-navigator-next { border-radius: 4px 0 0 4px; } .dx-scheduler-view-switcher.dx-tabs { font-size: 14px; } .dx-scheduler-view-switcher.dx-tabs .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) { background: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected { background-color: #fff; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before { background-color: #fff; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after { border-left: 1px solid rgba(221, 221, 221, 0.6); border-right: 1px solid rgba(221, 221, 221, 0.6); border-top: 1px solid #337ab7; border-bottom: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after { height: 56px; } .dx-scheduler-view-switcher.dx-dropdownmenu { margin-top: 9px; } .dx-scheduler-view-switcher-label { margin-top: 16px; right: 60px; } .dx-rtl .dx-scheduler-view-switcher-label { left: 60px; right: auto; } .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) { border-bottom: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) .dx-scheduler-group-header { font-size: 14px; color: #333; } .dx-scheduler-header-panel .dx-scheduler-group-header { font-size: 18px; } .dx-scheduler-header-panel .dx-scheduler-group-header, .dx-scheduler-work-space-vertical-group-table .dx-scheduler-group-header { font-weight: bold; color: #333; padding: 0; } .dx-scheduler-all-day-panel { background-color: #fff; } .dx-scheduler-work-space { padding-top: 56px; margin-top: -56px; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title { border-top: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell { border-left: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-date-table-cell { border: none; } .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th { border-left: none; border-right: none; } .dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child { border-top: none; } .dx-scheduler-date-table-cell { border-left: 1px solid rgba(221, 221, 221, 0.6); border-right: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-all-day-table-cell.dx-state-active, .dx-scheduler-date-table-cell.dx-state-active { background-color: rgba(221, 221, 221, 0.7); } .dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover { background-color: #f5f5f5; color: #959595; } .dx-scheduler-appointment-popup .dx-popup-title { background-color: #fff; } .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton, .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton.dx-rtl { margin: 0; } .dx-scheduler-appointment-popup .dx-popup-bottom { border-top: 1px solid #ddd; } .dx-scheduler-appointment-popup .dx-toolbar-after { margin-right: 4px; } .dx-rtl .dx-scheduler-appointment-popup .dx-toolbar-after { margin-left: 4px; margin-right: 0; } .dx-scheduler-appointment-popup .dx-form-validation-summary { padding: 10px 20px; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { font-size: 16px; } .dx-scheduler-header-panel, .dx-scheduler-time-panel { font-size: 16px; } .dx-scheduler-work-space-grouped .dx-scheduler-group-row th, .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell { border-right: 1px solid #aaaaaa; } .dx-scheduler-work-space-grouped .dx-scheduler-group-row th:last-child, .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell:last-child { border-right: none; } .dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th, .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell { border-left: 1px solid #aaaaaa; border-right: 1px solid rgba(221, 221, 221, 0.6); } .dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th:last-child, .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell:last-child { border-left: none; } .dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-group-row th, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row th, .dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th, .dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-last-group-cell, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-last-group-cell, .dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-last-group-cell { border-right: 1px solid rgba(221, 221, 221, 0.6); border-left: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row th { border-right: 1px solid rgba(221, 221, 221, 0.6); border-left: 1px solid rgba(221, 221, 221, 0.6); } .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell { border-right: 1px solid #aaaaaa; } .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell:last-child { border-right: none; } .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell { border-left: 1px solid #aaaaaa; border-right: 1px solid rgba(221, 221, 221, 0.6); } .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell:last-child, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell:last-child, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell:last-child { border-left: none; } .dx-scheduler-appointment-collector { height: 20px; } .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child { line-height: 13.33333333px; height: 20px; } .dx-scheduler-appointment-collector.dx-state-hover:before { border-radius: 20px; } .dx-scheduler-appointment-collector.dx-button.dx-button-default { border-radius: 20px; } .dx-scheduler-appointment { border-left: 3px solid transparent; border-right: 2px solid transparent; } .dx-scheduler-appointment.dx-state-focused { color: #fff; } .dx-scheduler-appointment.dx-scheduler-appointment-empty { border-left: 1px solid transparent; border-right: 1px solid transparent; } .dx-scheduler-appointment-content { padding: 5px 7px; } .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content { padding-right: 40px; } .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 5px 25px 5px 7px; } .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 5px 7px 5px 25px; } .dx-scheduler-dropdown-appointment-date { color: #959595; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 41px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 71px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 101px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 11px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 10px; margin-bottom: -10px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 40px; margin-bottom: -40px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 70px; margin-bottom: -70px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 100px; margin-bottom: -100px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 121px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 151px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 181px; } .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before { height: 91px; margin-top: -91px; } .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title { background-color: #fff; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { background-color: #fff; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 31px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 61px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 1px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 156px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 186px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 216px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable { height: 126px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 106px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 136px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 166px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 76px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 116px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 146px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 176px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-scrollable { height: 86px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 66px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 96px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 126px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 36px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 106px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 136px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 166px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable { height: 76px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 56px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 86px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 116px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 26px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-agenda .dx-scheduler-appointment-content { font-size: 16px; } .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date { font-size: 13px; } .dx-scheduler-agenda .dx-scheduler-group-header { font-size: 18px; width: 80px; } .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 30px; margin-bottom: -30px; } .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 60px; margin-bottom: -60px; } .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 30px; margin-bottom: -30px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 60px; margin-bottom: -60px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 30px; margin-bottom: -30px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 60px; margin-bottom: -60px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-agenda .dx-scheduler-group-header-content { width: 80px; } .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table { margin-right: -80px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table { margin-left: -40px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table { margin-left: -80px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table { margin-left: -40px; } .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-left: 180px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-left: 90px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 180px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-right: 90px; } .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table { margin-right: -160px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table { margin-left: -80px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table { margin-left: -160px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table { margin-left: -80px; } .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-left: 260px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-left: 130px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 260px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-right: 130px; } .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table { margin-right: -240px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table { margin-left: -120px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table { margin-left: -240px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table { margin-left: -120px; } .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-left: 340px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-left: 170px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 340px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-right: 170px; } .dx-scheduler-agenda-nodata { font-size: 16px; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-popup-content .dx-list-item { border-top-width: 1px; } .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content { background: #fff; } .dx-form-group-with-caption > .dx-form-group-content { border-top: 1px solid #ddd; } .dx-form-group-caption { font-size: 20px; } .dx-form-group-with-caption .dx-form-group-content { padding-bottom: 20px; } .dx-field-item-label-text { color: #333; } .dx-field-item-help-text { color: #333; } .dx-field-item-required-mark { color: #ea4444; } .dx-field-item-optional-mark { color: #afafaf; } .dx-filterbuilder .dx-filterbuilder-action-icon { margin-bottom: 9px; } .dx-filterbuilder .dx-filterbuilder-text, .dx-filterbuilder .dx-filterbuilder-item-value-text { border-radius: 5px; } .dx-filterbuilder .dx-filterbuilder-range-separator { color: #333; } .dx-filterbuilder-overlay .dx-treeview-item { padding: 5px 15px; } .dx-filterbuilder-overlay .dx-rtl .dx-treeview-item { padding-left: 15px; } .dx-scheduler-recurrence-rule-item.dx-label-v-align .dx-recurrence-editor-container { padding-top: 17px; } .dx-recurrence-editor-container { position: relative; margin-bottom: 21px; } .dx-recurrence-repeat-end-container { margin: 0; } .dx-recurrence-radiogroup-repeat-type-label, .dx-recurrence-repeat-end-label { line-height: 36px; } .dx-recurrence-repeat-end-wrapper .dx-field-value.dx-recurrence-datebox-until-date { margin-left: 23px; } .dx-recurrence-repeat-end-wrapper .dx-field-value.dx-recurrence-numberbox-repeat-count { margin-left: 11px; } .dx-drawer-shader { background-color: rgba(0, 0, 0, 0.5); } .dx-card { border: 1px solid #ddd; border-radius: 4px; background-color: #fff; } .dx-htmleditor { border-color: #ddd; } .dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child { border-bottom: 1px solid #ddd; } .dx-htmleditor.dx-invalid { border-color: rgba(217, 83, 79, 0.4); } .dx-htmleditor.dx-invalid.dx-state-focused { border-color: #d9534f; } .dx-htmleditor-content.ql-blank::before { color: #999999; } .dx-htmleditor-content pre { color: rgba(51, 51, 51, 0.8); } .dx-htmleditor-content blockquote { color: rgba(51, 51, 51, 0.8); border-left-color: #ddd; } .dx-rtl .dx-htmleditor-content blockquote { border-right-color: #ddd; } .dx-htmleditor-content .dx-variable > span { background: rgba(51, 122, 183, 0.15); } .dx-htmleditor-toolbar { background-color: transparent; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) { background-color: #e6e6e6; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success { background-color: #449d44; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default { background-color: #285f8f; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger { background-color: #c9302c; } .dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled { background-color: transparent; } .dx-htmleditor-toolbar-format.dx-color-format .dx-button-content, .dx-htmleditor-toolbar-format.dx-background-format .dx-button-content { padding-bottom: 5px; } .dx-htmleditor-toolbar-separator { border-left-color: #ddd; } .dx-htmleditor-toolbar-menu-separator { border-top-color: #ddd; } .dx-resize-frame { border-color: #337ab7; } .dx-resize-frame .dx-resizable-handle-corner-top-right, .dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-resize-frame .dx-resizable-handle-corner-bottom-left { background-color: #337ab7; } .dx-resize-frame .dx-resizable-handle-top::after, .dx-resize-frame .dx-resizable-handle-left::after, .dx-resize-frame .dx-resizable-handle-right::after, .dx-resize-frame .dx-resizable-handle-bottom::after { background-color: #337ab7; } .dx-mention { background-color: #dddddd; color: #333; } .dx-suggestion-list-wrapper { height: 100%; } .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content { border-top-width: 0; border-bottom-width: 1px; } .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped { border-top-width: 1px; border-bottom-width: 0; } .dx-suggestion-list-wrapper .dx-popup-content { height: 100%; padding: 1px; } .dx-suggestion-list-wrapper .dx-list { height: 100%; min-height: 39.0001px; } .dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) { min-height: 33.0001px; } .dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 7px 9px; } .dx-suggestion-list-wrapper .dx-list-select-all { padding: 12px 0 8px; } .dx-suggestion-list-wrapper .dx-list-item, .dx-suggestion-list-wrapper .dx-empty-message { border-top: 0; } .dx-suggestion-list-wrapper .dx-list-item:last-of-type, .dx-suggestion-list-wrapper .dx-empty-message:last-of-type { border-bottom: none; } .dx-fa-button.dx-fa-button-main .dx-overlay-content { max-width: 48px; max-height: 48px; background-color: #337ab7; color: #fff; } .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover { background-color: #285f8f; color: #fff; } .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active { background-color: #22527b; color: #fff; } .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon, .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon-close { padding: 15px; } .dx-fa-button .dx-fa-button-icon, .dx-fa-button .dx-fa-button-icon-close { padding: 6px; width: 18px; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-fa-button .dx-fa-button-icon .dx-icon, .dx-fa-button .dx-fa-button-icon-close .dx-icon { font-size: 18px; } .dx-fa-button .dx-fa-button-icon img, .dx-fa-button .dx-fa-button-icon-close img { width: 100%; height: 100%; } .dx-fa-button .dx-overlay-content { max-width: 30px; max-height: 30px; background-color: #fff; color: #333; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dx-fa-button .dx-overlay-content.dx-state-hover { background-color: #e6e6e6; color: #333; } .dx-fa-button .dx-overlay-content.dx-state-active { background-color: #d9d9d9; color: #333; } .dx-filemanager { border-color: #ddd; } .dx-filemanager .dx-filemanager-toolbar { background: #fff; } .dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar, .dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar .dx-toolbar { background: #f7f7f7; } .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item { height: 36px; background: #ddd; } .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-viewmode-item .dx-texteditor { width: 150px; } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled { background: transparent; } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-hover, .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-active, .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-focused { background: rgba(51, 51, 51, 0.1); } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor { border-color: transparent; } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor .dx-dropdowneditor-icon { background: transparent; } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon, .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon { background: transparent; border-color: transparent; } .dx-filemanager .dx-filemanager-container { border-top-color: #ddd; } .dx-filemanager .dx-filemanager-dirs-panel { border-right-color: #ddd; } .dx-filemanager .dx-filemanager-breadcrumbs { border-bottom-color: #ddd; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item.dx-state-focused { background: #ddd; color: #333; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content { background: #ddd; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover, .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover { background: transparent; } .dx-filemanager .dx-filemanager-thumbnails.dx-filemanager-inactive-area .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item.dx-filemanager-item-selected { color: #333; background: #fff; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-selected { color: #fff; background: #337ab7; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-focused { border-color: #333; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-item-custom-thumbnail { color: #ddd; } .dx-filemanager .dx-filemanager-files-view { background: #fff; } .dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-filemanager-details-item-thumbnail { font-size: 18px; } .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-content > i { margin-bottom: 0; } .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item { background: #fff; } .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item.dx-state-hover { background: #ebebeb; } .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item * { color: #333; } .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item { background: #ebebeb; } .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item * { color: #333; } .dx-filemanager-file-actions-button .dx-button { min-width: 32px; height: 21px; } .dx-filemanager-file-actions-button .dx-button .dx-button-content { padding-top: 10px; padding-bottom: 10px; } .dx-diagram { border-color: #ddd; } .dx-diagram .dx-diagram-toolbar-wrapper:first-child { border-bottom: 1px solid #ddd; } .dx-diagram .dx-diagram-left-panel, .dx-diagram .dx-diagram-right-panel { background: #fff; } .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item, .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item { border-left: none; border-right: none; } .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group, .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group { padding-top: 24px; } .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item:first-of-type, .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item:first-of-type { border-top: none; } .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item, .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item { border-color: #ddd; } .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type), .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type) { border-bottom-color: transparent; } .dx-diagram .dx-diagram-left-panel { border-right-color: #ddd; } .dx-diagram .dx-diagram-right-panel { border-left-color: #ddd; } .dx-diagram.dx-diagram-fullscreen { background-color: #fff; } .dx-diagram-toolbar { background-color: transparent; } .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) { background-color: #e6e6e6; } .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success { background-color: #449d44; } .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default { background-color: #285f8f; } .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger { background-color: #c9302c; } .dx-diagram-toolbar .dx-dropdowneditor.dx-editor-filled { background-color: transparent; } .dx-diagram-toolbar .dx-diagram-toolbar-separator { border-left-color: #ddd; } .dx-diagram-toolbar .dx-diagram-toolbar-menu-separator { border-top-color: #ddd; } .dx-diagram-toolbar .dx-diagram-select-sm .dx-texteditor { width: 90px; } .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon { margin-left: 8px; margin-right: 7px; } .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon { font-size: 18px; color: #333; } .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon { border-bottom-width: 3px; border-bottom-style: solid; } .dx-diagram-i-connector-begin-none { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M1%2C15l9-9l1%2C1l-9%2C9L1%2C15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M12%2C10V5H0v12h12v-5h20v-2H12z%20M10%2C15H2V7h8V15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 26.28px; height: 18px; } .dx-diagram-i-connector-begin-arrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M12%2C12v4L0%2C11l12-5v4h20v2H12z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 26.28px; height: 18px; } .dx-diagram-i-connector-end-none { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M21%2C15l9-9l1%2C1l-9%2C9L21%2C15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M0%2C10l0%2C2h20v5h12V5H20v5H0z%20M22%2C7h8v8h-8V7z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 26.28px; height: 18px; } .dx-diagram-i-connector-end-arrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M0%2C12l0-2h20V6l12%2C5l-12%2C5v-4H0z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 26.28px; height: 18px; } .dx-diagram-i-connector-orthogonal { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M24%2C22v-8h3V5H8v3H0V0h8v3h19h2v2v9h3v8H24z%20M6%2C2H2v4h4V2z%20M30%2C16h-4v4h4V16z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 26.28px; height: 18px; } .dx-diagram-i-connector-straight { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M24%2C14v2.2L8%2C2.8V0H0v8h8V5.8l16%2C13.3V22h8v-8H24z%20M6%2C6H2V2h4V6z%20M30%2C20h-4v-4h4V20z%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 26.28px; height: 18px; } .dx-diagram-i-button-fill { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22_x32_%22%20d%3D%22M7.6%2C1L6.7%2C1.9l1.9%2C1.9L3%2C9.4L9.5%2C16L16%2C9.4L7.6%2C1z%20M5%2C9l4.5-4.5L14%2C9H5z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A%0A"); width: 18px; height: 21px; } .dx-diagram-i-button-fullscreen { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20points%3D%220%2C6%202%2C6%202%2C2%206%2C2%206%2C0%200%2C0%22%20fill%3D%22%23333%22%2F%3E%0A%3Cpolygon%20points%3D%222%2C12%200%2C12%200%2C18%206%2C18%206%2C16%202%2C16%22%20fill%3D%22%23333%22%2F%3E%0A%3Cpolygon%20points%3D%2212%2C0%2012%2C2%2016%2C2%2016%2C6%2018%2C6%2018%2C0%22%20fill%3D%22%23333%22%2F%3E%0A%3Cpolygon%20points%3D%2216%2C16%2012%2C16%2012%2C18%2018%2C18%2018%2C12%2016%2C12%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } /* You can add global styles to this file, and also import other style files */ /*html, body { background: url("assets/img/bg.jpg"); }*/ /** **************************** * Generic Styles **************************** */ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia { display: block; } .ag-hidden { display: none !important; } .ag-invisible { visibility: hidden !important; } .ag-drag-handle { cursor: move; cursor: -webkit-grab; cursor: grab; } .ag-column-drop-wrapper { display: flex; } .ag-column-drop-horizontal-half-width { display: inline-block; width: 50% !important; } .ag-unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-selectable { -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; } .ag-tab { position: relative; } .ag-tab-guard { position: absolute; width: 0; height: 0; display: block; } .ag-select-agg-func-popup { position: absolute; } .ag-input-wrapper, .ag-picker-field-wrapper { display: flex; flex: 1 1 auto; align-items: center; line-height: normal; position: relative; } .ag-shake-left-to-right { -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ag-shake-left-to-right; animation-name: ag-shake-left-to-right; } @-webkit-keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } @keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } .ag-root-wrapper { cursor: default; position: relative; display: flex; flex-direction: column; overflow: hidden; } .ag-root-wrapper.ag-layout-normal { height: 100%; } .ag-watermark { position: absolute; bottom: 10px; right: 25px; opacity: 0.5; transition: opacity 1s ease-out 3s; } .ag-watermark:before { content: ''; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDk0cHgiIGhlaWdodD0iMjM5cHgiIHZpZXdCb3g9IjAgMCA0OTQgMjM5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0Ny4xICg0NTQyMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+TG9nbzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0wLjYxMjg0OTkzMSwxMDggTDAuNjEyODQ5OTMxLDY3LjQ1OTYzNzQgTDAuNjEyODQ5OTMxLDY3LjQ1OTYzNzQgQzAuNjEyODQ5OTMxLDYyLjEwMDY1MzYgMy40NzE4MzM3OCw1Ny4xNDg3NDgzIDguMTEyODQ5OTMsNTQuNDY5MjU2NCBMOTguMzA2NDI1LDIuMzk1OTcxNTcgTDk4LjMwNjQyNSwyLjM5NTk3MTU3IEMxMDIuOTQ3NDQxLC0wLjI4MzUyMDM1OCAxMDguNjY1NDA5LC0wLjI4MzUyMDM1OCAxMTMuMzA2NDI1LDIuMzk1OTcxNTcgTDExMy4zMDY0MjUsMi4zOTU5NzE1NyBMMjAzLjUsNTQuNDY5MjU2NCBMMjAzLjUsNTQuNDY5MjU2NCBDMjA4LjE0MTAxNiw1Ny4xNDg3NDgzIDIxMSw2Mi4xMDA2NTM2IDIxMSw2Ny40NTk2Mzc0IEwyMTEsMTM4IEwxODEsMTM4IEwxODAuOTk3MDQxLDkzLjk5OTk5OTggTDE4MC45OTYwMzIsOTMuOTk5OTk5OSBDMTgwLjk5NTQ3NSw4NS43MTYxMjI2IDE3NC4yNzk5MDksNzkuMDAxMDA4NyAxNjUuOTk2MDMyLDc5LjAwMTAwODcgTDEyMiw3OC45OTk5OTk5IEMxMTMuNzE1NzI5LDc4Ljk5OTk5OTkgMTA3LDg1LjcxNTcyODYgMTA3LDkzLjk5OTk5OTkgTDEwNywxMzYuMDE1NjIzIEwxMDcsMTM2LjAxNTYyMyBDMTA3LDE0NC4yOTk4OTUgMTEzLjcxNTcyOSwxNTEuMDE1NjIzIDEyMiwxNTEuMDE1NjIzIEwxNjgsMTUxLjAxNTYyMyBMMTY4LDE2MyBDMTY4LDE2NC42NTY4NTQgMTY2LjY1Njg1NCwxNjYgMTY1LDE2NiBMMTIwLDE2NiBMMTIwLDE3OSBMMTY1Ljk5NjAzMiwxNzkgTDE2NS45OTYwMzIsMTc4Ljk5Nzg3NyBDMTc0LjI3OTQ3NCwxNzguOTk3ODc3IDE4MC45OTQ4NiwxNzIuMjgzNDQyIDE4MC45OTYwMzIsMTY0IEwxODEsMTUwLjk2MDU1NCBMMjExLDE1MC45NjA1NTQgTDIxMSwxNzEuNjA2MjA3IEwyMTEsMTcxLjYwNjIwNyBDMjExLDE3Ni45NjUxOTEgMjA4LjE0MTAxNiwxODEuOTE3MDk2IDIwMy41LDE4NC41OTY1ODggTDExMy4zMDY0MjUsMjM2LjY2OTg3MyBMMTEzLjMwNjQyNSwyMzYuNjY5ODczIEMxMDguNjY1NDA5LDIzOS4zNDkzNjUgMTAyLjk0NzQ0MSwyMzkuMzQ5MzY1IDk4LjMwNjQyNSwyMzYuNjY5ODczIEw4LjExMjg0OTkzLDE4NC41OTY1ODggTDguMTEyODQ5OTMsMTg0LjU5NjU4OCBDMy40NzE4MzM3OCwxODEuOTE3MDk2IDAuNjEyODQ5OTMxLDE3Ni45NjUxOTEgMC42MTI4NDk5MzEsMTcxLjYwNjIwNyBMMC42MTI4NDk5MzEsMTIxIEwyNywxMjEgTDI3LDEzNiBDMjcsMTQ0LjI4NDI3MSAzMy43MTU3Mjg3LDE1MSA0MiwxNTEgTDQyLDE1MSBMMTAwLDE1MSBMMTAwLDk0IEMxMDAsODUuNzE1NzI4OCA5My4yODQyNzEyLDc5IDg1LDc5IEwyNyw3OSBMMjcsOTIgTDg0LDkyIEM4NS42NTY4NTQyLDkyIDg3LDkzLjM0MzE0NTggODcsOTUgTDg3LDk1IEw4NywxMDggTDAuNjEyODQ5OTMxLDEwOCBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkxvZ28iPgogICAgICAgICAgICA8cGF0aCBkPSJNNDc3LDU1IEw0OTQsNTUgTDQ5NCwxNTEgTDQzNSwxNTEgQzQyNi43MTU3MjksMTUxIDQyMCwxNDQuMjg0MjcxIDQyMCwxMzYgTDQyMCw5NiBDNDIwLDg3LjcxNTcyODggNDI2LjcxNTcyOSw4MSA0MzUsODEgTDQzNSw4MSBMNDc3LDgxIEw0NzcsNTUgWiBNNDQwLDk4IEM0MzguMzQzMTQ2LDk4IDQzNyw5OS4zNDMxNDU4IDQzNywxMDEgTDQzNywxMzEgQzQzNywxMzIuNjU2ODU0IDQzOC4zNDMxNDYsMTM0IDQ0MCwxMzQgTDQ3NywxMzQgTDQ3Nyw5OCBMNDQwLDk4IFoiIGlkPSJkIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgIDxnIGlkPSJpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOTYuMDAwMDAwLCA1NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTYiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCAyNiAxNyAyNiAxNyA5NiAwIDk2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aC03IiBmaWxsPSIjRTExRjIyIiBwb2ludHM9IjAgMS4xMzY4NjgzOGUtMTMgMTcgMS4xMzY4NjgzOGUtMTMgMTcgMTcgMCAxNyI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMzEsMTUxIEwzNDgsMTUxIEwzNDgsMTAxIEwzNDgsMTAxIEMzNDgsOTkuMzQzMTQ1OCAzNDkuMzQzMTQ2LDk4IDM1MSw5OCBMMzg5LDk4IEwzODksODEgTDM0Niw4MSBMMzQ2LDgxIEMzMzcuNzE1NzI5LDgxIDMzMSw4Ny43MTU3Mjg4IDMzMSw5NiBMMzMxLDE1MSBaIiBpZD0iciIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMzI0LDg2IEwzMjQsNzYgTDMyNCw3NiBDMzI0LDY3LjcxNTcyODggMzE3LjI4NDI3MSw2MSAzMDksNjEgTDI0OSw2MSBMMjQ5LDYxIEMyNDAuNzE1NzI5LDYxIDIzNCw2Ny43MTU3Mjg4IDIzNCw3NiBMMjM0LDEzNiBMMjM0LDEzNiBDMjM0LDE0NC4yODQyNzEgMjQwLjcxNTcyOSwxNTEgMjQ5LDE1MSBMMzA5LDE1MSBMMzA5LDE1MSBDMzE3LjI4NDI3MSwxNTEgMzI0LDE0NC4yODQyNzEgMzI0LDEzNiBMMzI0LDEwMCBMMjg3LDEwMCBMMjg3LDExNyBMMzA3LDExNyBMMzA3LDEzMSBMMzA3LDEzMSBDMzA3LDEzMi42NTY4NTQgMzA1LjY1Njg1NCwxMzQgMzA0LDEzNCBMMjU0LDEzNCBMMjU0LDEzNCBDMjUyLjM0MzE0NiwxMzQgMjUxLDEzMi42NTY4NTQgMjUxLDEzMSBMMjUxLDgxIEwyNTEsODEgQzI1MSw3OS4zNDMxNDU4IDI1Mi4zNDMxNDYsNzggMjU0LDc4IEwzMDQsNzggTDMwNCw3OCBDMzA1LjY1Njg1NCw3OCAzMDcsNzkuMzQzMTQ1OCAzMDcsODEgTDMwNyw4NiBMMzI0LDg2IFoiIGlkPSJHIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgIDxnIGlkPSJhZyI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29tYmluZWQtU2hhcGUiPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRTExRjIyIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJnIiBmaWxsPSIjRTExRjIyIiB4PSIxMjAiIHk9IjkyIiB3aWR0aD0iNDgiIGhlaWdodD0iNDYiIHJ4PSIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDAsMTIxIEw4NywxMjEgTDg3LDEzOCBMNDMsMTM4IEw0MywxMzggQzQxLjM0MzE0NTgsMTM4IDQwLDEzNi42NTY4NTQgNDAsMTM1IEw0MCwxMjEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRTExRjIyIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); -webkit-filter: invert(50%); filter: invert(50%); background-repeat: no-repeat; background-size: 110px 60px; display: block; height: 60px; width: 110px; } .ag-watermark-text { opacity: 0.5; font-weight: bold; font-family: Impact, sans-serif; font-size: 19px; } .ag-root-wrapper-body { display: flex; flex-direction: row; } .ag-root-wrapper-body.ag-layout-normal { flex: 1 1 auto; height: 0; min-height: 0; } .ag-root { position: relative; display: flex; flex-direction: column; } .ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height { overflow: hidden; flex: 1 1 auto; width: 0; } .ag-root.ag-layout-normal { height: 100%; } /** **************************** * Viewports **************************** */ .ag-header-viewport, .ag-floating-top-viewport, .ag-body-viewport, .ag-center-cols-viewport, .ag-floating-bottom-viewport, .ag-body-horizontal-scroll-viewport, .ag-virtual-list-viewport { position: relative; height: 100%; min-width: 0px; overflow: hidden; flex: 1 1 auto; } .ag-body-viewport.ag-layout-print { flex: none; } @media print { .ag-layout-normal { display: none; } .ag-root-wrapper, .ag-root-wrapper-body, .ag-root, .ag-body-viewport, .ag-center-cols-container, .ag-center-cols-viewport, .ag-center-cols-clipper, .ag-body-horizontal-scroll-viewport, .ag-virtual-list-viewport { height: auto !important; overflow: hidden !important; display: block !important; } .ag-row { page-break-inside: avoid; } } .ag-body-viewport { display: flex; } .ag-body-viewport.ag-layout-normal { overflow-y: auto; -webkit-overflow-scrolling: touch; } .ag-center-cols-viewport { width: 100%; overflow-x: auto; } .ag-body-horizontal-scroll-viewport { overflow-x: scroll; } .ag-virtual-list-viewport { overflow: auto; width: 100%; } /** **************************** * Containers **************************** */ .ag-header-container, .ag-floating-top-container, .ag-body-container, .ag-pinned-right-cols-container, .ag-center-cols-container, .ag-pinned-left-cols-container, .ag-floating-bottom-container, .ag-body-horizontal-scroll-container, .ag-full-width-container, .ag-floating-bottom-full-width-container, .ag-virtual-list-container { position: relative; } .ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container { height: 100%; white-space: nowrap; } .ag-center-cols-clipper { min-height: 100%; } .ag-center-cols-container { display: block; } .ag-layout-print .ag-center-cols-clipper { min-width: 100%; } .ag-layout-auto-height .ag-center-cols-clipper, .ag-layout-auto-height .ag-center-cols-container { min-height: 50px; } .ag-pinned-right-cols-container { display: block; } .ag-body-horizontal-scroll-container { height: 100%; } .ag-full-width-container, .ag-floating-top-full-width-container, .ag-floating-bottom-full-width-container { position: absolute; top: 0px; left: 0px; pointer-events: none; } .ag-full-width-container { width: 100%; } .ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container { display: inline-block; overflow: hidden; height: 100%; width: 100%; } .ag-virtual-list-container { overflow: hidden; } /** **************************** * Scrollers **************************** */ .ag-center-cols-clipper { flex: 1; min-width: 0; overflow: hidden; } .ag-body-horizontal-scroll { min-height: 0; min-width: 0; width: 100%; display: flex; position: relative; } .ag-layout-print .ag-body-horizontal-scroll { display: none; } .ag-force-vertical-scroll { overflow-y: scroll !important; } .ag-force-vertical-scroll.ag-layout-print { overflow-y: visible !important; } .ag-horizontal-left-spacer, .ag-horizontal-right-spacer { height: 100%; min-width: 0; overflow-x: scroll; } .ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner { overflow-x: hidden; } /** **************************** * Headers **************************** */ .ag-header, .ag-pinned-left-header, .ag-pinned-right-header { display: inline-block; overflow: hidden; position: relative; } .ag-header-cell-sortable { cursor: pointer; } .ag-header { display: flex; width: 100%; white-space: nowrap; } .ag-pinned-left-header { height: 100%; } .ag-pinned-right-header { height: 100%; } .ag-header-row { position: absolute; overflow: hidden; } .ag-header-cell { display: inline-flex; align-items: center; position: absolute; height: 100%; } .ag-header-group-cell-label, .ag-header-cell-label { display: flex; flex: 1 1 auto; overflow: hidden; align-items: center; text-overflow: ellipsis; align-self: stretch; } .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-right-aligned-header .ag-header-cell-label { flex-direction: row-reverse; } .ag-header-group-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-header-cell-resize { position: absolute; z-index: 2; height: 100%; width: 8px; top: 0; cursor: ew-resize; } .ag-ltr .ag-header-cell-resize { right: -4px; } .ag-rtl .ag-header-cell-resize { left: -4px; } .ag-pinned-left-header .ag-header-cell-resize { right: -4px; } .ag-pinned-right-header .ag-header-cell-resize { left: -4px; } .ag-header-select-all { display: flex; } /** **************************** * Columns **************************** */ .ag-column-moving .ag-cell { transition: left 0.2s; } .ag-column-moving .ag-header-cell { transition: left 0.2s; } .ag-column-moving .ag-header-group-cell { transition: left 0.2s, width 0.2s; } /** **************************** * Column Panel **************************** */ .ag-column-panel { display: flex; flex-direction: column; overflow: hidden; flex: 1 1 auto; } .ag-column-select { display: flex; flex-direction: column; overflow: hidden; flex-grow: 3; flex-shrink: 1; flex-basis: 0; } .ag-column-select-header { position: relative; display: flex; flex: none; } .ag-column-select-header-icon { position: relative; } .ag-column-select-header-filter-wrapper { flex: 1 1 auto; } .ag-column-select-header-filter { width: 100%; } .ag-column-select-list { flex: 1 1 auto; overflow: auto; } .ag-column-drop { display: inline-flex; align-items: center; overflow: auto; width: 100%; } .ag-column-drop-list { display: flex; align-items: center; } .ag-column-drop-cell { display: flex; align-items: center; } .ag-column-drop-cell-text { overflow: hidden; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; } .ag-column-drop-vertical { display: flex; flex-direction: column; overflow: hidden; flex: 1 1 0; align-items: stretch; } .ag-column-drop-vertical-title-bar { display: flex; align-items: center; } .ag-column-drop-vertical-list { align-items: stretch; flex-grow: 1; flex-direction: column; overflow-x: auto; } .ag-column-drop-vertical-list > * { flex: none; } .ag-column-drop-empty .ag-column-drop-vertical-list { overflow: hidden; } .ag-column-drop-vertical-empty-message { display: block; } .ag-column-drop.ag-column-drop-horizontal { white-space: nowrap; overflow: hidden; } .ag-column-drop-cell-button { cursor: pointer; } .ag-filter-toolpanel { flex: 1 1 0px; min-width: 0; } .ag-filter-toolpanel-header { position: relative; } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { display: flex; align-items: center; } .ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * { display: flex; align-items: center; } .ag-filter-apply-panel { display: flex; justify-content: flex-end; overflow: hidden; } /** **************************** * Rows **************************** */ .ag-row-animation .ag-row { transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s; } .ag-row-no-animation .ag-row { transition: background-color 0.1s; } .ag-row { white-space: nowrap; width: 100%; } .ag-row-loading { display: flex; align-items: center; } .ag-row-position-absolute { position: absolute; } .ag-row-position-relative { position: relative; } .ag-full-width-row { overflow: hidden; pointer-events: all; } .ag-row-inline-editing { z-index: 1; } .ag-row-dragging { z-index: 2; } .ag-stub-cell { display: flex; align-items: center; } /** **************************** * Cells **************************** */ .ag-cell { display: inline-block; position: absolute; white-space: nowrap; } .ag-cell-value, .ag-group-value { overflow: hidden; text-overflow: ellipsis; } .ag-cell-wrapper { display: flex; align-items: center; height: 100%; } .ag-cell-wrapper.ag-row-group { align-items: flex-start; } .ag-full-width-row .ag-cell-wrapper.ag-row-group { align-items: center; } .ag-cell-auto-height { height: 100%; } .ag-cell-inline-editing { z-index: 1; } .ag-cell-inline-editing .ag-cell-edit-wrapper, .ag-cell-inline-editing .ag-cell-editor, .ag-cell-inline-editing .ag-cell-editor .ag-wrapper, .ag-cell-inline-editing .ag-cell-editor input { height: 100%; width: 100%; line-height: normal; } .ag-cell .ag-icon { display: inline-block; vertical-align: middle; } /** **************************** * Filters **************************** */ .ag-set-filter-item { display: flex; align-items: center; height: 100%; } .ag-set-filter-item-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-set-filter-item-checkbox { display: flex; pointer-events: none; } .ag-filter-body-wrapper { display: flex; flex-direction: column; } .ag-filter-filter { flex: 1 1 auto; overflow: hidden; } .ag-filter-condition { display: flex; } /** **************************** * Floating Filter **************************** */ .ag-floating-filter-body { position: relative; display: flex; flex: 1 1 auto; height: 100%; } .ag-floating-filter-full-body { display: flex; flex: 1 1 auto; height: 100%; width: 100%; align-items: center; overflow: hidden; } .ag-floating-filter-full-body > div { flex: 1 1 auto; } .ag-floating-filter { display: inline-block; position: absolute; } .ag-floating-filter-input { align-items: center; display: flex; width: 100%; } .ag-floating-filter-input > * { flex: 1 1 auto; } .ag-floating-filter-button { display: flex; flex: none; } /** **************************** * Drag & Drop **************************** */ .ag-dnd-ghost { position: absolute; display: inline-flex; align-items: center; cursor: move; white-space: nowrap; } /** **************************** * Overlay **************************** */ .ag-overlay { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } .ag-overlay-panel { display: flex; height: 100%; width: 100%; } .ag-overlay-wrapper { display: flex; flex: none; width: 100%; height: 100%; align-items: center; justify-content: center; text-align: center; } .ag-overlay-loading-wrapper { pointer-events: all; } /** **************************** * Popup **************************** */ .ag-popup-child { z-index: 5; } .ag-popup-editor { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1; } .ag-large-text-input { display: block; } /** **************************** * Virtual Lists **************************** */ .ag-virtual-list-item { position: absolute; width: 100%; } /** **************************** * Floating Top and Bottom **************************** */ .ag-floating-top { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-floating-bottom { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } /** **************************** * Dialog **************************** */ .ag-dialog, .ag-panel { display: flex; flex-direction: column; position: relative; overflow: hidden; } .ag-panel-title-bar { display: flex; flex: none; align-items: center; cursor: default; } .ag-panel-title-bar-title { flex: 1 1 auto; } .ag-panel-title-bar-buttons { display: flex; } .ag-panel-title-bar-button { cursor: pointer; } .ag-panel-content-wrapper { display: flex; flex: 1 1 auto; position: relative; overflow: hidden; } .ag-dialog { position: absolute; } .ag-resizer { position: absolute; pointer-events: none; z-index: 1; } .ag-resizer.ag-resizer-topLeft { top: 0; left: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-top { top: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-topRight { top: 0; right: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-right { top: 5px; right: 0; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-resizer.ag-resizer-bottomRight { bottom: 0; right: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-bottom { bottom: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-bottomLeft { bottom: 0; left: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-left { left: 0; top: 5px; bottom: 5px; width: 5px; cursor: ew-resize; } /** **************************** * Tooltip **************************** */ .ag-tooltip { position: absolute; pointer-events: none; z-index: 99999; } /** **************************** * Animations **************************** */ .ag-value-slide-out { margin-right: 5px; opacity: 1; transition: opacity 3s, margin-right 3s; transition-timing-function: linear; } .ag-value-slide-out-end { margin-right: 10px; opacity: 0; } .ag-opacity-zero { opacity: 0 !important; } /** **************************** * Menu **************************** */ .ag-menu { max-height: 100%; overflow-y: auto; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-menu-column-select-wrapper { height: 265px; overflow: auto; } .ag-menu-list { display: table; } .ag-menu-option, .ag-menu-separator { display: table-row; } .ag-menu-separator-cell, .ag-menu-option-part { display: table-cell; vertical-align: middle; } .ag-menu-option-text { white-space: nowrap; } .ag-menu-column-select-wrapper .ag-column-select { height: 100%; } /** **************************** * Rich Select **************************** */ .ag-rich-select { cursor: default; outline: none; } .ag-rich-select-value { display: flex; align-items: center; } .ag-rich-select-value-icon { flex: 1 1 auto; order: 1; } .ag-ltr .ag-rich-select-value-icon { text-align: right; } .ag-rtl .ag-rich-select-value-icon { text-align: left; } .ag-rich-select-list { position: relative; } .ag-rich-select-virtual-list-item { display: flex; } .ag-rich-select-row { display: flex; flex: 1 1 auto; align-items: center; white-space: nowrap; } /** **************************** * Pagination **************************** */ .ag-paging-panel { align-items: center; display: flex; justify-content: flex-end; } .ag-paging-page-summary-panel { display: flex; align-items: center; } .ag-paging-button-wrapper { position: relative; overflow: hidden; } .ag-paging-button { position: absolute; } .ag-disabled .ag-paging-page-summary-panel { pointer-events: none; } /** **************************** * Tool Panel **************************** */ .ag-tool-panel-wrapper { display: flex; overflow-y: auto; overflow-x: hidden; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 200px; } .ag-column-select-column, .ag-column-select-column-group { position: relative; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; text-overflow: ellipsis; white-space: nowrap; } .ag-column-select-column > *, .ag-column-select-column-group > * { flex: none; } .ag-column-select-checkbox { display: flex; } .ag-tool-panel-horizontal-resize { cursor: ew-resize; height: 100%; position: absolute; top: 0; width: 5px; z-index: 1; } .ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize { right: -3px; } .ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize { left: -3px; } .ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize { left: -3px; } .ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize { right: -3px; } .ag-details-row { width: 100%; } .ag-details-row-fixed-height { height: 100%; } .ag-details-grid { width: 100%; } .ag-details-grid-fixed-height { height: 100%; } .ag-header-group-cell { display: flex; align-items: center; height: 100%; position: absolute; } .ag-cell-label-container { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; width: 100%; height: 100%; } .ag-right-aligned-header .ag-cell-label-container { flex-direction: row; } /** **************************** * Side Bar **************************** */ .ag-side-bar { display: flex; flex-direction: row-reverse; } .ag-side-bar-left { order: -1; flex-direction: row; } .ag-side-button-button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: nowrap; white-space: nowrap; outline: none; cursor: pointer; } .ag-side-button-label { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; } /** **************************** * Status Bar **************************** */ .ag-status-bar { display: flex; justify-content: space-between; overflow: hidden; } .ag-status-panel { display: inline-flex; } .ag-status-name-value { white-space: nowrap; } .ag-status-bar-left { display: inline-flex; } .ag-status-bar-center { display: inline-flex; } .ag-status-bar-right { display: inline-flex; } /** **************************** * Widgets **************************** */ .ag-icon { display: block; speak: none; } .ag-group { position: relative; width: 100%; } .ag-group-title-bar { display: flex; align-items: center; } .ag-group-title { display: block; flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ag-group-title-bar .ag-group-title { cursor: default; } .ag-group-toolbar { display: flex; align-items: center; } .ag-group-container { display: flex; } .ag-disabled .ag-group-container { pointer-events: none; } .ag-group-container-horizontal { flex-direction: row; flex-wrap: wrap; } .ag-group-container-vertical { flex-direction: column; } .ag-charts-font-size-color { display: flex; align-self: stretch; justify-content: space-between; } .ag-column-group-icons { display: block; } .ag-column-group-icons > * { cursor: pointer; } .ag-group-item-alignment-stretch .ag-group-item { align-items: stretch; } .ag-group-item-alignment-start .ag-group-item { align-items: flex-start; } .ag-group-item-alignment-end .ag-group-item { align-items: flex-end; } .ag-toggle-button-icon { transition: right 0.3s; position: absolute; top: -1px; } .ag-input-field, .ag-select { display: flex; flex-direction: row; align-items: center; } .ag-input-field-input { flex: 1 1 auto; width: 100%; min-width: 0; } .ag-floating-filter-input .ag-input-field-input[type='date'] { width: 1px; } .ag-range-field { display: flex; align-items: center; } .ag-angle-select { display: flex; align-items: center; } .ag-angle-select-wrapper { display: flex; } .ag-angle-select-parent-circle { display: block; position: relative; } .ag-angle-select-child-circle { position: absolute; } .ag-slider-wrapper { display: flex; } .ag-slider-wrapper .ag-input-field { flex: 1 1 auto; } .ag-picker-field-display { flex: 1 1 auto; } .ag-picker-field { display: flex; align-items: center; } .ag-picker-field-icon { display: flex; border: 0; padding: 0; margin: 0; cursor: pointer; } .ag-picker-field-wrapper { overflow: hidden; } .ag-label-align-right .ag-label { order: 1; } .ag-label-align-right > * { flex: none; } .ag-label-align-top { flex-direction: column; align-items: flex-start; } .ag-label-align-top > * { align-self: stretch; } .ag-color-panel { width: 100%; display: flex; flex-direction: column; text-align: center; } .ag-spectrum-color { flex: 1 1 auto; position: relative; overflow: hidden; cursor: default; } .ag-spectrum-fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-spectrum-val { cursor: pointer; } .ag-spectrum-dragger { position: absolute; pointer-events: none; cursor: pointer; } .ag-spectrum-hue { cursor: default; background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } .ag-spectrum-alpha { cursor: default; } .ag-spectrum-hue-background { width: 100%; height: 100%; } .ag-spectrum-alpha-background { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), black); width: 100%; height: 100%; } .ag-spectrum-tool { cursor: pointer; } .ag-spectrum-slider { position: absolute; pointer-events: none; } .ag-recent-colors { display: flex; } .ag-recent-color { cursor: pointer; } .ag-ltr .ag-column-select-indent-1 { padding-left: 20px; } .ag-rtl .ag-column-select-indent-1 { padding-right: 20px; } .ag-ltr .ag-row-group-indent-1 { padding-left: 20px; } .ag-rtl .ag-row-group-indent-1 { padding-right: 20px; } .ag-ltr .ag-column-select-indent-2 { padding-left: 40px; } .ag-rtl .ag-column-select-indent-2 { padding-right: 40px; } .ag-ltr .ag-row-group-indent-2 { padding-left: 40px; } .ag-rtl .ag-row-group-indent-2 { padding-right: 40px; } .ag-ltr .ag-column-select-indent-3 { padding-left: 60px; } .ag-rtl .ag-column-select-indent-3 { padding-right: 60px; } .ag-ltr .ag-row-group-indent-3 { padding-left: 60px; } .ag-rtl .ag-row-group-indent-3 { padding-right: 60px; } .ag-ltr .ag-column-select-indent-4 { padding-left: 80px; } .ag-rtl .ag-column-select-indent-4 { padding-right: 80px; } .ag-ltr .ag-row-group-indent-4 { padding-left: 80px; } .ag-rtl .ag-row-group-indent-4 { padding-right: 80px; } .ag-ltr .ag-column-select-indent-5 { padding-left: 100px; } .ag-rtl .ag-column-select-indent-5 { padding-right: 100px; } .ag-ltr .ag-row-group-indent-5 { padding-left: 100px; } .ag-rtl .ag-row-group-indent-5 { padding-right: 100px; } .ag-ltr .ag-column-select-indent-6 { padding-left: 120px; } .ag-rtl .ag-column-select-indent-6 { padding-right: 120px; } .ag-ltr .ag-row-group-indent-6 { padding-left: 120px; } .ag-rtl .ag-row-group-indent-6 { padding-right: 120px; } .ag-ltr .ag-column-select-indent-7 { padding-left: 140px; } .ag-rtl .ag-column-select-indent-7 { padding-right: 140px; } .ag-ltr .ag-row-group-indent-7 { padding-left: 140px; } .ag-rtl .ag-row-group-indent-7 { padding-right: 140px; } .ag-ltr .ag-column-select-indent-8 { padding-left: 160px; } .ag-rtl .ag-column-select-indent-8 { padding-right: 160px; } .ag-ltr .ag-row-group-indent-8 { padding-left: 160px; } .ag-rtl .ag-row-group-indent-8 { padding-right: 160px; } .ag-ltr .ag-column-select-indent-9 { padding-left: 180px; } .ag-rtl .ag-column-select-indent-9 { padding-right: 180px; } .ag-ltr .ag-row-group-indent-9 { padding-left: 180px; } .ag-rtl .ag-row-group-indent-9 { padding-right: 180px; } .ag-ltr { direction: ltr; } .ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll { flex-direction: row; } .ag-rtl { direction: rtl; } .ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll { flex-direction: row-reverse; } .ag-rtl .ag-icon-contracted, .ag-rtl .ag-icon-tree-closed { display: block; transform: rotate(180deg); } .ag-body .ag-body-viewport { -webkit-overflow-scrolling: touch; } .ag-chart { position: relative; display: flex; overflow: hidden; width: 100%; height: 100%; } .ag-chart-components-wrapper { position: relative; display: flex; flex: 1 1 auto; overflow: hidden; } .ag-chart-title-edit { position: absolute; display: none; top: 0; left: 0; text-align: center; } .ag-chart-title-edit.currently-editing { display: inline-block; } .ag-chart-canvas-wrapper { position: relative; flex: 1 1 auto; overflow: hidden; } .ag-charts-canvas { display: block; } .ag-chart-menu { position: absolute; top: 10px; width: 24px; overflow: hidden; display: flex; flex-direction: column; } .ag-ltr .ag-chart-menu { right: 20px; } .ag-rtl .ag-chart-menu { left: 20px; } .ag-chart-docked-container { position: relative; width: 0; min-width: 0; transition: min-width 0.4s; } .ag-chart-menu-hidden ~ .ag-chart-docked-container { max-width: 0; overflow: hidden; } .ag-chart-tabbed-menu { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .ag-chart-tabbed-menu-header { flex: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .ag-chart-tabbed-menu-body { display: flex; flex: 1 1 auto; align-items: stretch; overflow: hidden; } .ag-chart-tab { width: 100%; overflow: hidden; overflow-y: auto; } .ag-chart-settings { overflow-x: hidden; } .ag-chart-settings-wrapper { position: relative; flex-direction: column; width: 100%; height: 100%; display: flex; overflow: hidden; } .ag-chart-settings-nav-bar { width: 100%; display: flex; height: 30px; align-items: center; } .ag-chart-settings-card-selector { display: flex; align-items: center; justify-content: space-around; flex: 1 1 auto; height: 100%; padding: 0 10px; } .ag-chart-settings-card-item { cursor: pointer; width: 10px; height: 10px; background-color: #000; position: relative; } .ag-chart-settings-card-item.ag-not-selected { opacity: 0.2; } .ag-chart-settings-card-item:before { content: " "; display: block; position: absolute; background-color: transparent; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; } .ag-chart-settings-prev, .ag-chart-settings-next { position: relative; flex: none; } .ag-chart-settings-prev-button, .ag-chart-settings-next-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ag-chart-settings-mini-charts-container { position: relative; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; } .ag-chart-settings-mini-wrapper { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; min-height: 100%; overflow: hidden; } .ag-chart-settings-mini-wrapper.ag-animating { transition: left 0.3s; transition-timing-function: ease-in-out; } .ag-chart-mini-thumbnail { cursor: pointer; } .ag-chart-mini-thumbnail-canvas { display: block; } .ag-chart-data-wrapper, .ag-chart-format-wrapper { display: flex; flex-direction: column; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-chart-data-section, .ag-chart-format-section { display: flex; margin: 0; } .ag-charts-font-panel-controls { justify-content: space-between; } .ag-chart-empty-text { display: flex; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; } .ag-chart .ag-chart-menu { opacity: 0; pointer-events: none; } .ag-chart-menu-hidden:hover .ag-chart-menu { opacity: 1; pointer-events: all; } .ag-chart-settings-nav-bar { padding: 0 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-date-time-list-page-title-bar { display: flex; } .ag-date-time-list-page-column-labels-row, .ag-date-time-list-page-entries-row { display: flex; } .ag-date-time-list-page-column-label, .ag-date-time-list-page-entry { flex-basis: 0; flex-grow: 1; } .ag-date-time-list-page-entry { cursor: pointer; } .ag-theme-alpine { -webkit-font-smoothing: antialiased; color: #181d1f; color: var(--ag-foreground-color, #181d1f); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: normal; } @font-face { font-family: "agGridAlpine"; src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABNkAAsAAAAAIqAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAAlMAAAReYc5joU9TLzIAAANcAAAAQAAAAFZWUVJ5Y21hcAAAA5wAAAHqAAAFgHCsDfxnbHlmAAAFiAAACesAABCUC9Ir6mhlYWQAAA90AAAANAAAADZ2zsSBaGhlYQAAD6gAAAAeAAAAJAfSBC5obXR4AAAPyAAAABcAAAEou4D/+2xvY2EAAA/gAAAAbwAAAJbPsst2bWF4cAAAEFAAAAAfAAAAIAFgAHNuYW1lAAAQcAAAATUAAAJG5xgJvXBvc3QAABGoAAABuQAAApPSPvKNeJx9k81SE1EQhc9kQgwJBkREjREU//GPYX4yJiGQMAFisXDhwoUbXGhpUa54Atc+gOUD+BQ+geXSlQ/gA1g+gN/tTAyyIFOZubf79Onuc/vKk1TRmroqZDv7z1U7PDh6r7qKGv2c//jaO3z75kDl8Q5f0b5lef4f1bSiFzrSN0/ea+9zoeQX/K6/73/wP/k/5IO6pkegq1rnCRXxDhQrUVOpCiphC1k/UQu0z7tt1nktaso8mQa6QM6QmIExruqpbmkOnr7x9LQJKuZxnD3euzy3NXsKItUd+BOq2cDqWBvUeU7T2qHGHnV0iG7hncO3ReaAmD6+PrX5hiqajnt6SeS89eYikxwX8w+1bfvAdkuoMEa14W/C7/gek3Vsb5IpIuIh7Amobq7hKv8q3hhMQGzHNHPRSyAjKoy1zMp1FtHZjG7C/kyvdJ+47TymZyqOer5H9RN73/hS8hy3duDaBfuAGiZWdyJ3yRVoiL/CSWV6p4/6oq/6rp/6pd/gF8kSWQebcG+dqsw0+p1EZ3jb/6yu0zOcxUnU/4gKfTdNmxDfIFfQZZvB57SJWQdYY8NX4XT4jGpS9Jpi8gLLG2Etsd9gH4Ku5dPY4jlrOg+YATcBdbRY5+2YRvOWsr9MtFuN6rpoarXguWSn5TR1N2nWdm7m3SnX0fkK34DOEtNnD+9VLI5pYmlYVErVjmMNf0q1k2yuqgZVRcxA2SZraLcgI9N1+hhVEumG3YChTdUKFST5jVzQeau+k5/UguFCi/JQIshvcmyauUnuU5ubit2/LKNqzAB4nGNgZOpknMDAysDAVMW0h4GBoQdCMz5gMGRkAooysDIzYAUBaa4pDA4Muh8NmF8AuVHMb0GmMDCC5ADUogpqeJy11IdSWkEYxfE/RdNM79X0jgJiQIogIMhjmO6Y4pju5CnzJt8LxJzlnjyAmcnO/Fh2udy9O3fPB8wABXkqRcgXyZHab83mpvMFjk7ni/zSeI7D5PW9xBY77EV5f1+zJTbZZjdy09HfltPVc1zjPs80WqNClxZ9aoyp0tHsKm0GNKizzhJNlhkyYYUeIzb0/7xWLzLLIa16RM9xTPc7zglOcorTnOEs5zjPBS5yictc4apWu84N5rnJLW5zh7vc0/oPeMgjHvNE+ynp9wUWKesBZzlYWzvg9alVuq1+bVztaLftQaOujTaXh5OV3mjjH272H9pc+ij89GhCepuZtNtNq8hz68oLa8lL68srq8lrG8sbq8pb68iWpROybavyztry3gbywRry0eqyY+uya0vyyZry2Zbliw3lq6W9f7MV+W49+WEj2TO9wMhlUlYinyH1hUzKVhQzKV8xk9GZJkynmzCdc8J04glLGQxTCghLby9MySBMGSFMaSFMuSFMCSJMWSJMqSJM+SJMSSNMmSNM6SNMOSRMiSRM2SRMKSVMeSVMySVMGSVMaSZMuSZMCSdMWSdMqSdM+SdMlYAw1QTCVB0IU50gTBWDMNUOwlRFCEt1MyxlJmz6/AsZUr+YIfXlDOU/rrOgigAAeJzFF21sU9f1nntjvzgJSRx/vJgQg/3ivNSxwxL7+dkx2JAEEmhIqWpYCqMhMCbWdFppM7EBbsd+dEVV1apS6A/yY9O2oFVaQEOb+sFKtZaRqh/qVLQf/fixdkxkXbNRodIZ3mXnXttpApnW/Zr93rnn3nt8zrnnni8TIPihcyxKqgmBgEdVPAEjYOoBOsdrCgW4yu9HeJxFs4VCJlMoCHLbzes3r7NP2afEhr+qIx7SRIhLURXdtJkChhAwVaAuXcBPnn028uqrNIMg8iwfHR4eXidXInKBPrFgMnzv8DD/YiE9qiWEsh7WQypRjmo6Y07VhJPds7nLaX4GrqZnuQ2uz6ZhCx5F0k6wCeImq/CnQcWu2N2qV/V2mQkzEddb9VaXoqOSqBnqBlcPjI6YqZQ5MvpRGRnpPn68e2JCQjaxaEsi1uvlXYTk/yOTle6tFjFF3l3MqekxjyZG+G0+fzafh4P5PFtmvY0XeJAfK+t5mV0mLuITtx2sBY/T7YdYoCsDhjPeAQ4wVVDZD2587o/58WFVcrTm+N+GZmBqiF3G+aLNG5+Dd+gCTN21mL+6NH+GznUb9yetizRyO2fr4oMLeTLJ0xlwhpbiizxZ1S18i4vfvZVv0Xbs++yb6L+VpJEQByiqA5i5Euzi6jxub1fCENdGP+Ej3Xu5BZmZmQunq6t9dd7ODZ3eOh/8Hn6axg3+KqydmcksW+ZvavUFOzuDvtAKv2BfIWVEMa6K91NHSCjgDNg0Z8ylOdPg1Jwsaj1FD/DN8q5eyhdoLM+PiZsq3lbJ7+lp5GFDHSm6DxyEFL+AYcii/AKfKcVj8Tw/ZOfwND7SLC1v92CUBFSJuL1oqATaqVVzoQ70NK/ROnNwNc8NoTK8gVADbsAb7OXOoPUC7b+nU7NeEHu0X+u09tH+Ugw+zZ4WvuYANJfiAB3dBa7Cvb18Cnb08pN8qhd2IKCJRVPYgSTkljgGXUEb6Aqw9TKQYYsIZLjObbMY1IvPHkKBioq2moEk5qGzkIRUduHZn8A4aCIdZK3ga6qJWJcfVoJSCyIp2ZUOuhrMDKg499NYl6nbtWAHGHFTVxNI6VbUhNlBg9C4NjKwfWT75HgzY+6+aDRi7hr7+uT4iooKz9BotM+9fPTowN2b0mGjfVM4UJlsuWdT2D0w1OLbc/RJ+nP87R19h7dWVZu7tI5IIgbQd2hrddWafY7me7rW7zVbuleG+9uN9t1Jd3gg1zKQ3omLC/SvxdwRRf3RpYUyUtdQhpZOQlHh1WDDTfR23ETvpxX9R/f4UPhTR0eXo2r8/IrxyV9J5ZslsqICfhzeFA5v2iYA+My961FkEV7aerhPaFtVGidRp4GwBKWYG0PbK2QZaqR4FKduBGyqxzRMNlZ4qUBPWdPvZ9+jc4XJszBcyGbffy8z+T4p50J6jc7hvTnkbeiKKnISvfbKK+lCgRu5HBjnzqVlbakhNcU4QfpynIjc0URWEo3opJ2sJsTUjJi64A39lznWqbPZ7EsSWm/9p0khX/xkS2OmNKI6lfPnv1UnAlgdQ/i6UI6Br46vWFNwDODIxoSPWm9LViiCnuIziMFv+Aw9IOXyzVmUleXHUIVMJrOEzVzo61iA0WZXpMngYC5Hz0iT8RpyWxxhscYw1ANsfTF0YIsII+qf7eZn+Jnu2XKMTNDzWJ8aSQQlxDOQBkMr+pHEOkDF1BzSPBg6tBbaARHpaz8LrtGmplK7k8ndqakpbU3wORjiv4aDEgdtfhOuamntruTIQyPJu7S0kptCuFGs7D4wkpQ2vXmTzco8fotNA5gTRXG0ic4BlbCJBqQ0F/mSLh8cPHbNvEbbzWsmJpQ3IW4NCrgL5/QT3OFvDg5CvBUxfMy1g4OD4zjic+2PEC/XkOfYc6iFU+bhmAfQKTEZagbogPWSHxsG2sP5h1g07+W8B+gHWTj4oVxjLn7sA7k2n2++9Fe0vzH/LWb08gspvOd8piz/HfZOUf682HlFsvNC0X/KmgilimL/VNZkviZMF/OiSG8qwPfSnKchxaI4dkOy5E+XWL3sz0SmVbG0KaL5oJeuXImcPx+RkPrl8JiE82cr9jEBzKZLdzIQF2isy6tCB0CwVQc/eNyCcKm+hvdEI4Nbdqb2t/NosAW2IALvBlvE4lJtDh/ZuWUwEm0J8mj7fv73liC8274/JdfK+j2Adc6LfqOjfhrmQrui3VLkAl1etz3YGk+AMHDAiLHGU8vWbV237JQsaQMC8g+cPl/Q5wPDej4HP8mxsVBHRwir3z5JcyLY2ag14mM10BMiKRTv8Ag7TIKlKpMoflWzVQxZAMWOhkZTKfY6NLkuegm0eitaBgQFliDVG/MiqsPdz2D2tjmau1ebeyvranwNqhv8nnUb9gNQ5vZE1eN/icAll6Omsn4y0dblhOWVKoVKOlFZVV1X21B/ER55xlFdXVfTVu2oHl3ub2xyNdTyj1Zsq9lnt/mM9q+p1ciBPlVf76r1TtYy1sT/anfrjfGG4xUVoFQ2XBTHqZJnmmbTGImrSBtZTzaSO0mO7CSj5Ft4Rj9VG1gtVSpCHVSnrgw1W2wBpxcrqZmwuVVRmAzpVorucWO90lQ58UrDhNxqzMDaGzPMMKBFYpioPTG9A/SQXVM8MbMVcw1ztm0IA6oU3tDGP+YffzmDZjhkXfjHnBanDqsSaFxbBS9WRbblIo7wxrZxR2TbtkjVupau5X6wXocjhwHy2fidSYBDWfjdIUGP5kiFHz2X7H+U/XJJ/s1ydsN63e5A8rm3nPUoDA5DnWTueLCtv506IjmUAzbF5Q37NyYfeXmz8ei/EqGR7JEjQaRmAEfy8MhtcSkzMp1O8wuQSnP6WVp0a92cLOxn3eSOcoTVC7dZJcxWLyKMBQWUYdYldkrB9fj4gd6+vt4D41Bfxh7/zq4dhmkaO3a9V0bYZbHB/7mY+MaRRUQSKcWT0KUG4z0htJEFoZj49f9Btb6He3sfflyAvq+mJZ0r0SMofGWFb6t9iopFV6TABf8BZT85241/BovnG2Rjsq7KTkbkQPyXG5AdSTEXWh/T09ZWTNYZmJUL/GSWzllvl2UxekLcmssBl6AO6ugJrH5Dpfs+wZjYc9DiKmP8Cr+yeA97V2xtsWTKXy/Ns0hQ2vsFc8l+X/TYJtwPX/Ra5/mfe6BJYH+AlT0luijtFSd04WnOyoLTc9+8faJ0ulgfdOzS6WeyLECKTmOdEC65INePYUXykC6RS0XpB4/Xrqj4pwodAOM5Jnpmz5c9ghFPmCoSqviYQF8rNgFmeG08m9y95xu5Suv5H3UPlDuFns7tKx8aGTgZt/rpa9gOaJEN1Wub9qxJjSSncvDA0cZvr0vJbkHr3GzbnrsPKemLhPwbDwYCEQB4nGNgZGBgAOLsD0FR8fw2Xxm4mV8ABaI4H+9rgNH/f///zfyW+S1QJQcDE5BkAACRug+HeJxjYGRgYH7BwAAi///+/5v5LQMjAyrwAgCe2QcHAAB4nGNgYGBgfgHC/39D6KGH6QEAIHUuCwB4nGNgAAIphiCGDIZFDHcYvjGqMQYwVjGuYTzH+IhJhMmMyYcpgekAMxezBrMDcxfzIeZbzJ9YTFiKWGawbGK5wfKKlY01jHUK6z+2JWw72P6xR7Dnsfexz2Ffxb6D/Rj7LfYX7H84vEiHANyaI6IAeJxjYGRgYPBiSGfgYQABJiDmAkIGhv9gPgMAGzsB1AB4nHWRPU7DQBCFnxMniBghJCREx1Y0SM5PQZEuFHGfIgWdE68dR7bXWm8ipeMYnIBjUHIETsEheDFTREjZ1a6/+fbNNAZwgy94OC4PV+19XB1csPrjLulW2Cc/CPcQ4Em4T/8sPKB9EQ7YWXKC51/S3ONNuINrvAt36T+EffKncA93+Bbu0/8ID7D0fOEAj95rnEU2T2ZFnVd6obNdEdtTdcpLbZvcVGocjk51pCttY6cTtTqoZp9NnEtVak2p5qZyuiiMqq3Z6rULN87V0+EwFR+uTYkYGSJY5EgwQ4GaVEFjwZNhRxPz9VzqnF/yWDSsDGuFMUKMzqYjnqrtiOH4TdixwoF3gz17JrQOKeuUGcO/ojBvJx/TBbehqdu3Lc2aPsSm7aoxxZA7/ZcPmeKkXwK+aWkAAAB4nG2S6W7bMBCE/cWSI9tpk7ptet/3obbpfaf3kT4FQ9EyEYkUSMp28vRl4yBAgO4fzgwWs7MLdpY6ixp0/l9bLNElIaXHMhl9BgxZ4RjHWWWNE4w4ySlOs84ZznKO81zgIpe4zBWuco3r3OAmt7jNHe5yj/s84CE5j3jMEzZ4yjOe84KXvOI1b3jLO97zgY9s8onPfOEr3/jOD37yi99s8aczFGXpVCmCtqYnnLMz3xVe9qQwUlXZ4sk3UjkRLqzJiZI723ae7wNVrB8K2hQqKFdrI4IaHcqtOehckbayLm90JG45krY2fiCtCU7IoIpE2mY3lc56nxTKy0zNGxE9i77aVbmvhJ90I+qNdRXHpGPtfEhKp5u0dLZtktgQkkqNQ6/SJs5brqwotCmzWsx1rfdUUivTZjHfghk1D4mxRg2NDbmoKjtTRdpEF9VttEkbPbUha5yaatv6NRfNbL7dhmBNbsfj1aOCSZ0uJyHxYqoGvo52eWFn5gD+izVcwP22bIFj6hDPMQpOqaP36+9LtlEma81iHwQlDkVAYzHM8EgqJuywzTx+g4KaloZdxuwx7XT+AvL3sQsAAAA=") format("woff"); font-weight: normal; font-style: normal; } .ag-theme-alpine .ag-icon { font-family: "agGridAlpine"; font-size: 16px; line-height: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ag-theme-alpine .ag-icon-aggregation:before { content: "\f101"; } .ag-theme-alpine .ag-icon-arrows:before { content: "\f102"; } .ag-theme-alpine .ag-icon-asc:before { content: "\f103"; } .ag-theme-alpine .ag-icon-cancel:before { content: "\f104"; } .ag-theme-alpine .ag-icon-chart:before { content: "\f105"; } .ag-theme-alpine .ag-icon-color-picker:before { content: "\f109"; } .ag-theme-alpine .ag-icon-columns:before { content: "\f10a"; } .ag-theme-alpine .ag-icon-contracted:before { content: "\f10b"; } .ag-theme-alpine .ag-icon-copy:before { content: "\f10c"; } .ag-theme-alpine .ag-icon-cross:before { content: "\f10d"; } .ag-theme-alpine .ag-icon-desc:before { content: "\f10e"; } .ag-theme-alpine .ag-icon-expanded:before { content: "\f10f"; } .ag-theme-alpine .ag-icon-eye-slash:before { content: "\f110"; } .ag-theme-alpine .ag-icon-eye:before { content: "\f111"; } .ag-theme-alpine .ag-icon-filter:before { content: "\f112"; } .ag-theme-alpine .ag-icon-first:before { content: "\f113"; } .ag-theme-alpine .ag-icon-grip:before { content: "\f114"; } .ag-theme-alpine .ag-icon-group:before { content: "\f115"; } .ag-theme-alpine .ag-icon-last:before { content: "\f116"; } .ag-theme-alpine .ag-icon-left:before { content: "\f117"; } .ag-theme-alpine .ag-icon-linked:before { content: "\f118"; } .ag-theme-alpine .ag-icon-loading:before { content: "\f119"; } .ag-theme-alpine .ag-icon-maximize:before { content: "\f11a"; } .ag-theme-alpine .ag-icon-menu:before { content: "\f11b"; } .ag-theme-alpine .ag-icon-minimize:before { content: "\f11c"; } .ag-theme-alpine .ag-icon-next:before { content: "\f11d"; } .ag-theme-alpine .ag-icon-none:before { content: "\f11e"; } .ag-theme-alpine .ag-icon-not-allowed:before { content: "\f11f"; } .ag-theme-alpine .ag-icon-paste:before { content: "\f120"; } .ag-theme-alpine .ag-icon-pin:before { content: "\f121"; } .ag-theme-alpine .ag-icon-pivot:before { content: "\f122"; } .ag-theme-alpine .ag-icon-previous:before { content: "\f123"; } .ag-theme-alpine .ag-icon-right:before { content: "\f126"; } .ag-theme-alpine .ag-icon-save:before { content: "\f127"; } .ag-theme-alpine .ag-icon-small-down:before { content: "\f128"; } .ag-theme-alpine .ag-icon-small-left:before { content: "\f129"; } .ag-theme-alpine .ag-icon-small-right:before { content: "\f12a"; } .ag-theme-alpine .ag-icon-small-up:before { content: "\f12b"; } .ag-theme-alpine .ag-icon-tick:before { content: "\f12c"; } .ag-theme-alpine .ag-icon-tree-closed:before { content: "\f12d"; } .ag-theme-alpine .ag-icon-tree-indeterminate:before { content: "\f12e"; } .ag-theme-alpine .ag-icon-tree-open:before { content: "\f12f"; } .ag-theme-alpine .ag-icon-unlinked:before { content: "\f130"; } .ag-theme-alpine .ag-icon-row-drag:before { content: "\f114"; } .ag-theme-alpine .ag-right-arrow:before { content: "\f117"; } .ag-theme-alpine .ag-right-arrow:before { content: "\f126"; } .ag-theme-alpine .ag-root-wrapper { background-color: #fff; background-color: var(--ag-background-color, #fff); } .ag-theme-alpine [class^='ag-'], .ag-theme-alpine [class^='ag-']:focus, .ag-theme-alpine [class^='ag-']:after, .ag-theme-alpine [class^='ag-']:before { box-sizing: border-box; outline: none; } .ag-theme-alpine [class^='ag-']::-ms-clear { display: none; } .ag-theme-alpine .ag-checkbox .ag-input-wrapper, .ag-theme-alpine .ag-radio-button .ag-input-wrapper { overflow: visible; } .ag-theme-alpine .ag-range-field .ag-input-wrapper { height: 100%; } .ag-theme-alpine .ag-toggle-button { flex: none; width: unset; min-width: unset; } .ag-theme-alpine .ag-ltr .ag-label-align-right .ag-label { margin-left: 6px; } .ag-theme-alpine .ag-rtl .ag-label-align-right .ag-label { margin-right: 6px; } .ag-theme-alpine input[class^='ag-'] { margin: 0; background-color: #fff; background-color: var(--ag-background-color, #fff); } .ag-theme-alpine textarea[class^='ag-'], .ag-theme-alpine select[class^='ag-'] { background-color: #fff; background-color: var(--ag-background-color, #fff); } .ag-theme-alpine input[class^='ag-']:not([type]), .ag-theme-alpine input[class^='ag-'][type='text'], .ag-theme-alpine input[class^='ag-'][type='number'], .ag-theme-alpine input[class^='ag-'][type='tel'], .ag-theme-alpine input[class^='ag-'][type='date'], .ag-theme-alpine input[class^='ag-'][type='datetime-local'], .ag-theme-alpine textarea[class^='ag-'] { font-size: inherit; line-height: inherit; color: inherit; border-width: 1px; border-style: solid; border-color: #babfc7; border-color: var(--ag-input-border-color, var(--ag-border-color, #babfc7)); } .ag-theme-alpine input[class^='ag-']:not([type]):disabled, .ag-theme-alpine input[class^='ag-'][type='text']:disabled, .ag-theme-alpine input[class^='ag-'][type='number']:disabled, .ag-theme-alpine input[class^='ag-'][type='tel']:disabled, .ag-theme-alpine input[class^='ag-'][type='date']:disabled, .ag-theme-alpine input[class^='ag-'][type='datetime-local']:disabled, .ag-theme-alpine textarea[class^='ag-']:disabled { color: rgba(24, 29, 31, 0.5); color: var(--ag-disabled-foreground-color, rgba(24, 29, 31, 0.5)); background-color: #f1f2f4; background-color: var(--ag-input-disabled-background-color, #f1f2f4); border-color: rgba(186, 191, 199, 0.3); border-color: var(--ag-input-disabled-border-color, rgba(186, 191, 199, 0.3)); } .ag-theme-alpine input[class^='ag-']:not([type]):focus, .ag-theme-alpine input[class^='ag-'][type='text']:focus, .ag-theme-alpine input[class^='ag-'][type='number']:focus, .ag-theme-alpine input[class^='ag-'][type='tel']:focus, .ag-theme-alpine input[class^='ag-'][type='date']:focus, .ag-theme-alpine input[class^='ag-'][type='datetime-local']:focus, .ag-theme-alpine textarea[class^='ag-']:focus { outline: none; box-shadow: 0 0 2px 0.1rem rgba(33, 150, 243, 0.4); border-color: rgba(33, 150, 243, 0.4); border-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine input[class^='ag-'][type='number'] { -moz-appearance: textfield; } .ag-theme-alpine input[class^='ag-'][type='number']::-webkit-outer-spin-button, .ag-theme-alpine input[class^='ag-'][type='number']::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .ag-theme-alpine input[class^='ag-'][type='range'] { padding: 0; } .ag-theme-alpine input[class^='ag-'][type='button']:focus, .ag-theme-alpine button[class^='ag-']:focus { box-shadow: 0 0 2px 0.1rem rgba(33, 150, 243, 0.4); } .ag-theme-alpine .ag-drag-handle { color: #181d1f; color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); } .ag-theme-alpine .ag-list-item, .ag-theme-alpine .ag-virtual-list-item { height: 30px; } .ag-theme-alpine .ag-keyboard-focus .ag-virtual-list-item:focus { outline: none; } .ag-theme-alpine .ag-keyboard-focus .ag-virtual-list-item:focus:after { content: ''; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: rgba(33, 150, 243, 0.4); border-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine .ag-select-list { background-color: #fff; background-color: var(--ag-background-color, #fff); overflow-y: auto; overflow-x: hidden; } .ag-theme-alpine .ag-list-item { display: flex; align-items: center; } .ag-theme-alpine .ag-list-item.ag-active-item { background-color: rgba(33, 150, 243, 0.1); background-color: var(--ag-row-hover-color, rgba(33, 150, 243, 0.1)); } .ag-theme-alpine .ag-select-list-item { padding-left: 4px; padding-right: 4px; cursor: default; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-theme-alpine .ag-select-list-item span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ag-theme-alpine .ag-select .ag-picker-field-wrapper { background-color: #fff; background-color: var(--ag-background-color, #fff); min-height: 30px; cursor: default; } .ag-theme-alpine .ag-select:not(.ag-cell-editor) { height: 30px; } .ag-theme-alpine .ag-select .ag-picker-field-display { margin: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-theme-alpine .ag-select .ag-picker-field-icon { display: flex; align-items: center; } .ag-theme-alpine .ag-select.ag-disabled { opacity: 0.5; } .ag-theme-alpine .ag-rich-select { background-color: #f8f8f8; background-color: var(--ag-control-panel-background-color, #f8f8f8); } .ag-theme-alpine .ag-rich-select-list { width: 100%; min-width: 200px; height: 273px; } .ag-theme-alpine .ag-rich-select-value { padding: 0 6px 0 18px; height: 42px; border-bottom: solid 1px; border-bottom-color: #dde2eb; border-bottom-color: var(--ag-secondary-border-color, #dde2eb); } .ag-theme-alpine .ag-rich-select-virtual-list-item { cursor: default; height: 30px; } .ag-theme-alpine .ag-rich-select-virtual-list-item:hover { background-color: rgba(33, 150, 243, 0.1); background-color: var(--ag-row-hover-color, rgba(33, 150, 243, 0.1)); } .ag-theme-alpine .ag-rich-select-row { padding-left: 18px; } .ag-theme-alpine .ag-rich-select-row-selected { background-color: rgba(33, 150, 243, 0.3); background-color: var(--ag-selected-row-background-color, rgba(33, 150, 243, 0.3)); } .ag-theme-alpine .ag-row-drag, .ag-theme-alpine .ag-selection-checkbox, .ag-theme-alpine .ag-group-expanded, .ag-theme-alpine .ag-group-contracted { color: #181d1f; color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); } .ag-theme-alpine .ag-ltr .ag-row-drag, .ag-theme-alpine .ag-ltr .ag-selection-checkbox, .ag-theme-alpine .ag-ltr .ag-group-expanded, .ag-theme-alpine .ag-ltr .ag-group-contracted { margin-right: 12px; } .ag-theme-alpine .ag-rtl .ag-row-drag, .ag-theme-alpine .ag-rtl .ag-selection-checkbox, .ag-theme-alpine .ag-rtl .ag-group-expanded, .ag-theme-alpine .ag-rtl .ag-group-contracted { margin-left: 12px; } .ag-theme-alpine .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) { height: 40px; display: flex; align-items: center; flex: none; } .ag-theme-alpine .ag-group-expanded, .ag-theme-alpine .ag-group-contracted { cursor: pointer; } .ag-theme-alpine .ag-group-title-bar-icon { cursor: pointer; flex: none; color: #181d1f; color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); } .ag-theme-alpine .ag-ltr .ag-group-child-count { margin-left: 2px; } .ag-theme-alpine .ag-rtl .ag-group-child-count { margin-right: 2px; } .ag-theme-alpine .ag-group-title-bar { background-color: #fff; background-color: var(--ag-subheader-background-color, #fff); padding: 6px; } .ag-theme-alpine .ag-group-toolbar { padding: 6px; } .ag-theme-alpine .ag-disabled-group-title-bar, .ag-theme-alpine .ag-disabled-group-container { opacity: 0.5; } .ag-theme-alpine .group-item { margin: 3px 0; } .ag-theme-alpine .ag-label { white-space: nowrap; } .ag-theme-alpine .ag-ltr .ag-label { margin-right: 6px; } .ag-theme-alpine .ag-rtl .ag-label { margin-left: 6px; } .ag-theme-alpine .ag-label-align-top .ag-label { margin-bottom: 3px; } .ag-theme-alpine .ag-ltr .ag-slider-field, .ag-theme-alpine .ag-ltr .ag-angle-select-field { margin-right: 12px; } .ag-theme-alpine .ag-rtl .ag-slider-field, .ag-theme-alpine .ag-rtl .ag-angle-select-field { margin-left: 12px; } .ag-theme-alpine .ag-angle-select-parent-circle { width: 24px; height: 24px; border-radius: 12px; border: solid 1px; border-color: #babfc7; border-color: var(--ag-border-color, #babfc7); background-color: #fff; background-color: var(--ag-background-color, #fff); } .ag-theme-alpine .ag-angle-select-child-circle { top: 4px; left: 12px; width: 6px; height: 6px; margin-left: -3px; margin-top: -4px; border-radius: 3px; background-color: #181d1f; background-color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); } .ag-theme-alpine .ag-picker-field-wrapper { border: 1px solid; border-color: #babfc7; border-color: var(--ag-border-color, #babfc7); border-radius: 5px; } .ag-theme-alpine .ag-picker-field-wrapper:focus { box-shadow: 0 0 2px 0.1rem rgba(33, 150, 243, 0.4); } .ag-theme-alpine .ag-picker-field-button { background-color: #fff; background-color: var(--ag-background-color, #fff); color: #181d1f; color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); } .ag-theme-alpine .ag-dialog.ag-color-dialog { border-radius: 5px; } .ag-theme-alpine .ag-color-picker .ag-picker-field-display { height: 16px; } .ag-theme-alpine .ag-color-panel { padding: 6px; } .ag-theme-alpine .ag-spectrum-color { background-color: red; border-radius: 2px; } .ag-theme-alpine .ag-spectrum-tools { padding: 10px; } .ag-theme-alpine .ag-spectrum-sat { background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0)); } .ag-theme-alpine .ag-spectrum-val { background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0)); } .ag-theme-alpine .ag-spectrum-dragger { border-radius: 12px; height: 12px; width: 12px; border: 1px solid white; background: black; box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24); } .ag-theme-alpine .ag-spectrum-hue-background { border-radius: 2px; } .ag-theme-alpine .ag-spectrum-alpha-background { border-radius: 2px; } .ag-theme-alpine .ag-spectrum-tool { margin-bottom: 10px; height: 11px; border-radius: 2px; } .ag-theme-alpine .ag-spectrum-slider { margin-top: -12px; width: 13px; height: 13px; border-radius: 13px; background-color: #f8f8f8; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .ag-theme-alpine .ag-recent-color { margin: 0 3px; } .ag-theme-alpine .ag-recent-color:first-child { margin-left: 0; } .ag-theme-alpine .ag-recent-color:last-child { margin-right: 0; } .ag-theme-alpine.ag-dnd-ghost { border: solid 1px; border-color: #babfc7; border-color: var(--ag-border-color, #babfc7); background: #fff; background: var(--ag-background-color, #fff); border-radius: 3px; box-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); padding: 6px; overflow: hidden; text-overflow: ellipsis; z-index: 10; border: solid 1px; border-color: #dde2eb; border-color: var(--ag-secondary-border-color, #dde2eb); color: #181d1f; color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); height: 48px !important; line-height: 48px; margin: 0; padding: 0 12px; transform: translateY(12px); } .ag-theme-alpine .ag-dnd-ghost-icon { margin-right: 6px; color: #181d1f; color: var(--ag-foreground-color, #181d1f); } .ag-theme-alpine .ag-popup-child:not(.ag-tooltip-custom) { box-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); } .ag-dragging-range-handle .ag-theme-alpine .ag-dialog, .ag-dragging-fill-handle .ag-theme-alpine .ag-dialog { opacity: 0.7; pointer-events: none; } .ag-theme-alpine .ag-dialog { border-radius: 3px; border: solid 1px; border-color: #babfc7; border-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-panel { background-color: #fff; background-color: var(--ag-background-color, #fff); } .ag-theme-alpine .ag-panel-title-bar { background-color: #f8f8f8; background-color: var(--ag-header-background-color, #f8f8f8); color: #181d1f; color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f))); height: 48px; padding: 6px 18px; border-bottom: solid 1px; border-bottom-color: #babfc7; border-bottom-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-ltr .ag-panel-title-bar-button { margin-left: 6px; } .ag-theme-alpine .ag-rtl .ag-panel-title-bar-button { margin-right: 6px; } .ag-theme-alpine .ag-tooltip { background-color: #f8f8f8; background-color: var(--ag-header-background-color, #f8f8f8); color: #181d1f; color: var(--ag-foreground-color, #181d1f); padding: 6px; border: solid 1px; border-color: #babfc7; border-color: var(--ag-border-color, #babfc7); border-radius: 3px; transition: opacity 1s; } .ag-theme-alpine .ag-tooltip.ag-tooltip-hiding { opacity: 0; } .ag-theme-alpine .ag-ltr .ag-column-select-indent-1 { padding-left: 16px; } .ag-theme-alpine .ag-rtl .ag-column-select-indent-1 { padding-right: 16px; } .ag-theme-alpine .ag-ltr .ag-column-select-indent-2 { padding-left: 32px; } .ag-theme-alpine .ag-rtl .ag-column-select-indent-2 { padding-right: 32px; } .ag-theme-alpine .ag-ltr .ag-column-select-indent-3 { padding-left: 48px; } .ag-theme-alpine .ag-rtl .ag-column-select-indent-3 { padding-right: 48px; } .ag-theme-alpine .ag-ltr .ag-column-select-indent-4 { padding-left: 64px; } .ag-theme-alpine .ag-rtl .ag-column-select-indent-4 { padding-right: 64px; } .ag-theme-alpine .ag-ltr .ag-column-select-indent-5 { padding-left: 80px; } .ag-theme-alpine .ag-rtl .ag-column-select-indent-5 { padding-right: 80px; } .ag-theme-alpine .ag-ltr .ag-column-select-indent-6 { padding-left: 96px; } .ag-theme-alpine .ag-rtl .ag-column-select-indent-6 { padding-right: 96px; } .ag-theme-alpine .ag-ltr .ag-column-select-indent-7 { padding-left: 112px; } .ag-theme-alpine .ag-rtl .ag-column-select-indent-7 { padding-right: 112px; } .ag-theme-alpine .ag-ltr .ag-column-select-indent-8 { padding-left: 128px; } .ag-theme-alpine .ag-rtl .ag-column-select-indent-8 { padding-right: 128px; } .ag-theme-alpine .ag-ltr .ag-column-select-indent-9 { padding-left: 144px; } .ag-theme-alpine .ag-rtl .ag-column-select-indent-9 { padding-right: 144px; } .ag-theme-alpine .ag-column-select-header-icon { cursor: pointer; } .ag-theme-alpine .ag-keyboard-focus .ag-column-select-header-icon:focus { outline: none; } .ag-theme-alpine .ag-keyboard-focus .ag-column-select-header-icon:focus:after { content: ''; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: rgba(33, 150, 243, 0.4); border-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine .ag-ltr .ag-column-group-icons:not(:last-child), .ag-theme-alpine .ag-ltr .ag-column-select-header-icon:not(:last-child), .ag-theme-alpine .ag-ltr .ag-column-select-header-checkbox:not(:last-child), .ag-theme-alpine .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child), .ag-theme-alpine .ag-ltr .ag-column-select-checkbox:not(:last-child), .ag-theme-alpine .ag-ltr .ag-column-select-column-drag-handle:not(:last-child), .ag-theme-alpine .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child), .ag-theme-alpine .ag-ltr .ag-column-select-column-label:not(:last-child) { margin-right: 12px; } .ag-theme-alpine .ag-rtl .ag-column-group-icons:not(:last-child), .ag-theme-alpine .ag-rtl .ag-column-select-header-icon:not(:last-child), .ag-theme-alpine .ag-rtl .ag-column-select-header-checkbox:not(:last-child), .ag-theme-alpine .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child), .ag-theme-alpine .ag-rtl .ag-column-select-checkbox:not(:last-child), .ag-theme-alpine .ag-rtl .ag-column-select-column-drag-handle:not(:last-child), .ag-theme-alpine .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child), .ag-theme-alpine .ag-rtl .ag-column-select-column-label:not(:last-child) { margin-left: 12px; } .ag-theme-alpine .ag-keyboard-focus .ag-column-select-column-group:focus { outline: none; } .ag-theme-alpine .ag-keyboard-focus .ag-column-select-column-group:focus:after { content: ''; position: absolute; background-color: transparent; pointer-events: none; top: -3px; left: -3px; display: block; width: calc(100% - -6px); height: calc(100% - -6px); border: 1px solid; border-color: rgba(33, 150, 243, 0.4); border-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine .ag-keyboard-focus .ag-column-select-column:focus { outline: none; } .ag-theme-alpine .ag-keyboard-focus .ag-column-select-column:focus:after { content: ''; position: absolute; background-color: transparent; pointer-events: none; top: -3px; left: -3px; display: block; width: calc(100% - -6px); height: calc(100% - -6px); border: 1px solid; border-color: rgba(33, 150, 243, 0.4); border-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine .ag-column-select-column-group:not(:last-child), .ag-theme-alpine .ag-column-select-column:not(:last-child) { margin-bottom: 9px; } .ag-theme-alpine .ag-column-select-column-readonly, .ag-theme-alpine .ag-column-select-column-group-readonly { color: rgba(24, 29, 31, 0.5); color: var(--ag-disabled-foreground-color, rgba(24, 29, 31, 0.5)); pointer-events: none; } .ag-theme-alpine .ag-ltr .ag-column-select-add-group-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-column-select-add-group-indent { margin-right: 28px; } .ag-theme-alpine .ag-column-select-list { padding: 12px 12px; } .ag-theme-alpine .ag-rtl { text-align: right; } .ag-theme-alpine .ag-root-wrapper { border: solid 1px; border-color: #babfc7; border-color: var(--ag-border-color, #babfc7); border-radius: 3px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 { padding-left: 46px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 { padding-right: 46px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-1 { padding-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-1 { padding-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row-level-1 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-1 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 { padding-left: 74px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 { padding-right: 74px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-2 { padding-left: 56px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-2 { padding-right: 56px; } .ag-theme-alpine .ag-ltr .ag-row-level-2 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-2 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 { padding-left: 102px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 { padding-right: 102px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-3 { padding-left: 84px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-3 { padding-right: 84px; } .ag-theme-alpine .ag-ltr .ag-row-level-3 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-3 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 { padding-left: 130px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 { padding-right: 130px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-4 { padding-left: 112px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-4 { padding-right: 112px; } .ag-theme-alpine .ag-ltr .ag-row-level-4 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-4 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 { padding-left: 158px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 { padding-right: 158px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-5 { padding-left: 140px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-5 { padding-right: 140px; } .ag-theme-alpine .ag-ltr .ag-row-level-5 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-5 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 { padding-left: 186px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 { padding-right: 186px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-6 { padding-left: 168px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-6 { padding-right: 168px; } .ag-theme-alpine .ag-ltr .ag-row-level-6 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-6 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 { padding-left: 214px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 { padding-right: 214px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-7 { padding-left: 196px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-7 { padding-right: 196px; } .ag-theme-alpine .ag-ltr .ag-row-level-7 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-7 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 { padding-left: 242px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 { padding-right: 242px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-8 { padding-left: 224px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-8 { padding-right: 224px; } .ag-theme-alpine .ag-ltr .ag-row-level-8 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-8 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 { padding-left: 270px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 { padding-right: 270px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-9 { padding-left: 252px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-9 { padding-right: 252px; } .ag-theme-alpine .ag-ltr .ag-row-level-9 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-9 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 { padding-left: 298px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 { padding-right: 298px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-10 { padding-left: 280px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-10 { padding-right: 280px; } .ag-theme-alpine .ag-ltr .ag-row-level-10 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-10 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 { padding-left: 326px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 { padding-right: 326px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-11 { padding-left: 308px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-11 { padding-right: 308px; } .ag-theme-alpine .ag-ltr .ag-row-level-11 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-11 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 { padding-left: 354px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 { padding-right: 354px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-12 { padding-left: 336px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-12 { padding-right: 336px; } .ag-theme-alpine .ag-ltr .ag-row-level-12 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-12 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 { padding-left: 382px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 { padding-right: 382px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-13 { padding-left: 364px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-13 { padding-right: 364px; } .ag-theme-alpine .ag-ltr .ag-row-level-13 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-13 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 { padding-left: 410px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 { padding-right: 410px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-14 { padding-left: 392px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-14 { padding-right: 392px; } .ag-theme-alpine .ag-ltr .ag-row-level-14 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-14 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 { padding-left: 438px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 { padding-right: 438px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-15 { padding-left: 420px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-15 { padding-right: 420px; } .ag-theme-alpine .ag-ltr .ag-row-level-15 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-15 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 { padding-left: 466px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 { padding-right: 466px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-16 { padding-left: 448px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-16 { padding-right: 448px; } .ag-theme-alpine .ag-ltr .ag-row-level-16 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-16 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 { padding-left: 494px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 { padding-right: 494px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-17 { padding-left: 476px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-17 { padding-right: 476px; } .ag-theme-alpine .ag-ltr .ag-row-level-17 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-17 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 { padding-left: 522px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 { padding-right: 522px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-18 { padding-left: 504px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-18 { padding-right: 504px; } .ag-theme-alpine .ag-ltr .ag-row-level-18 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-18 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 { padding-left: 550px; } .ag-theme-alpine .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 { padding-right: 550px; } .ag-theme-alpine .ag-ltr .ag-row-group-indent-19 { padding-left: 532px; } .ag-theme-alpine .ag-rtl .ag-row-group-indent-19 { padding-right: 532px; } .ag-theme-alpine .ag-ltr .ag-row-level-19 .ag-row-group-leaf-indent { margin-left: 28px; } .ag-theme-alpine .ag-rtl .ag-row-level-19 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-alpine .ag-cell { -webkit-font-smoothing: subpixel-antialiased; } .ag-theme-alpine .ag-value-change-delta { padding-right: 2px; } .ag-theme-alpine .ag-value-change-delta-up { color: #43a047; color: var(--ag-value-change-delta-up-color, #43a047); } .ag-theme-alpine .ag-value-change-delta-down { color: #e53935; color: var(--ag-value-change-delta-down-color, #e53935); } .ag-theme-alpine .ag-value-change-value { background-color: transparent; border-radius: 1px; padding-left: 1px; padding-right: 1px; transition: background-color 1s; } .ag-theme-alpine .ag-value-change-value-highlight { background-color: rgba(22, 160, 133, 0.5); background-color: var(--ag-value-change-value-highlight-background-color, rgba(22, 160, 133, 0.5)); transition: background-color 0.1s; } .ag-theme-alpine .ag-cell-data-changed { background-color: rgba(22, 160, 133, 0.5) !important; background-color: var(--ag-value-change-value-highlight-background-color, rgba(22, 160, 133, 0.5)) !important; } .ag-theme-alpine .ag-cell-data-changed-animation { background-color: transparent; } .ag-theme-alpine .ag-cell-highlight { background-color: #2196f3 !important; background-color: var(--ag-range-selection-highlight-color, var(--ag-range-selection-border-color, #2196f3)) !important; } .ag-theme-alpine .ag-row { height: 42px; background-color: #fff; background-color: var(--ag-background-color, #fff); color: #181d1f; color: var(--ag-data-color, var(--ag-foreground-color, #181d1f)); border-width: 1px; border-color: #dde2eb; border-color: var(--ag-row-border-color, var(--ag-secondary-border-color, #dde2eb)); } .ag-theme-alpine .ag-row:not(.ag-row-first) { border-top-style: solid; } .ag-theme-alpine .ag-row.ag-row-last { border-bottom-style: solid; } .ag-theme-alpine .ag-row-highlight-above::after, .ag-theme-alpine .ag-row-highlight-below::after { content: ''; position: absolute; width: calc(100% - 1px); height: 1px; background-color: #2196f3; background-color: var(--ag-range-selection-border-color, #2196f3); left: 1px; } .ag-theme-alpine .ag-row-highlight-above::after { top: -1px; } .ag-theme-alpine .ag-row-highlight-above.ag-row-first::after { top: 0; } .ag-theme-alpine .ag-row-highlight-below::after { bottom: 0px; } .ag-theme-alpine .ag-row-odd { background-color: #fcfcfc; background-color: var(--ag-odd-row-background-color, #fcfcfc); } .ag-theme-alpine .ag-horizontal-left-spacer:not(.ag-scroller-corner) { border-right: solid 1px; border-right-color: #babfc7; border-right-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-horizontal-right-spacer:not(.ag-scroller-corner) { border-left: solid 1px; border-left-color: #babfc7; border-left-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-row-hover { background-color: rgba(33, 150, 243, 0.1); background-color: var(--ag-row-hover-color, rgba(33, 150, 243, 0.1)); } .ag-theme-alpine .ag-ltr .ag-right-aligned-cell { text-align: right; } .ag-theme-alpine .ag-rtl .ag-right-aligned-cell { text-align: left; } .ag-theme-alpine .ag-ltr .ag-right-aligned-cell .ag-cell-value { margin-left: auto; } .ag-theme-alpine .ag-rtl .ag-right-aligned-cell .ag-cell-value { margin-right: auto; } .ag-theme-alpine .ag-cell { border: 1px solid transparent; line-height: 40px; padding-left: 17px; padding-right: 17px; } .ag-theme-alpine .ag-row > .ag-cell-wrapper { padding-left: 17px; padding-right: 17px; } .ag-theme-alpine .ag-row-dragging { cursor: move; } .ag-theme-alpine .ag-row-dragging { opacity: 0.5; } .ag-theme-alpine .ag-cell-inline-editing { border: solid 1px; border-color: #babfc7; border-color: var(--ag-border-color, #babfc7); background: #fff; background: var(--ag-background-color, #fff); border-radius: 3px; box-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); padding: 6px; padding: 0; height: 42px; background-color: #f8f8f8; background-color: var(--ag-control-panel-background-color, #f8f8f8); } .ag-theme-alpine .ag-popup-editor { border: solid 1px; border-color: #babfc7; border-color: var(--ag-border-color, #babfc7); background: #fff; background: var(--ag-background-color, #fff); border-radius: 3px; box-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); padding: 6px; background-color: #f8f8f8; background-color: var(--ag-control-panel-background-color, #f8f8f8); padding: 0; } .ag-theme-alpine .ag-large-text-input { height: auto; padding: 18px; } .ag-theme-alpine .ag-details-row { padding: 30px; background-color: #fff; background-color: var(--ag-background-color, #fff); } .ag-theme-alpine .ag-overlay-loading-wrapper { background-color: rgba(255, 255, 255, 0.66); background-color: var(--ag-modal-overlay-background-color, rgba(255, 255, 255, 0.66)); } .ag-theme-alpine .ag-overlay-loading-center { border: solid 1px; border-color: #babfc7; border-color: var(--ag-border-color, #babfc7); background: #fff; background: var(--ag-background-color, #fff); border-radius: 3px; box-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); padding: 6px; } .ag-theme-alpine .ag-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 30px; } .ag-theme-alpine .ag-loading { padding-left: 18px; display: flex; height: 100%; align-items: center; } .ag-theme-alpine .ag-loading-icon { padding-right: 12px; } .ag-theme-alpine .ag-icon-loading { -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ag-theme-alpine .ag-floating-top { border-bottom: solid 1px; border-bottom-color: #babfc7; border-bottom-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-floating-bottom { border-top: solid 1px; border-top-color: #babfc7; border-top-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-ltr .ag-cell { border-right: solid transparent; } .ag-theme-alpine .ag-rtl .ag-cell { border-left: solid transparent; } .ag-theme-alpine .ag-ltr .ag-cell { border-right-width: 1px; } .ag-theme-alpine .ag-rtl .ag-cell { border-left-width: 1px; } .ag-theme-alpine .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) { border-left: solid 1px; border-left-color: #babfc7; border-left-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) { border-right: solid 1px; border-right-color: #babfc7; border-right-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-row-selected { background-color: rgba(33, 150, 243, 0.3); background-color: var(--ag-selected-row-background-color, rgba(33, 150, 243, 0.3)); } .ag-theme-alpine .ag-cell-range-selected:not(.ag-cell-focus) { background-color: rgba(33, 150, 243, 0.2); background-color: var(--ag-range-selection-background-color, rgba(33, 150, 243, 0.2)); } .ag-theme-alpine .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart { background-color: rgba(0, 88, 255, 0.1); background-color: var(--ag-range-selection-chart-background-color, rgba(0, 88, 255, 0.1)); } .ag-theme-alpine .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category { background-color: rgba(0, 255, 132, 0.1); background-color: var(--ag-range-selection-chart-category-background-color, rgba(0, 255, 132, 0.1)); } .ag-theme-alpine .ag-cell-range-selected-1:not(.ag-cell-focus) { background-color: rgba(33, 150, 243, 0.2); background-color: var(--ag-range-selection-background-color-1, var(--ag-range-selection-background-color, rgba(33, 150, 243, 0.2))); } .ag-theme-alpine .ag-cell-range-selected-2:not(.ag-cell-focus) { background-color: rgba(33, 150, 243, 0.36); background-color: var(--ag-range-selection-background-color-2, rgba(33, 150, 243, 0.36)); } .ag-theme-alpine .ag-cell-range-selected-3:not(.ag-cell-focus) { background-color: rgba(33, 150, 243, 0.488); background-color: var(--ag-range-selection-background-color-3, rgba(33, 150, 243, 0.488)); } .ag-theme-alpine .ag-cell-range-selected-4:not(.ag-cell-focus) { background-color: rgba(33, 150, 243, 0.5904); background-color: var(--ag-range-selection-background-color-4, rgba(33, 150, 243, 0.5904)); } .ag-theme-alpine .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top { border-top-color: #2196f3; border-top-color: var(--ag-range-selection-border-color, #2196f3); } .ag-theme-alpine .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right { border-right-color: #2196f3; border-right-color: var(--ag-range-selection-border-color, #2196f3); } .ag-theme-alpine .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom { border-bottom-color: #2196f3; border-bottom-color: var(--ag-range-selection-border-color, #2196f3); } .ag-theme-alpine .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left { border-left-color: #2196f3; border-left-color: var(--ag-range-selection-border-color, #2196f3); } .ag-theme-alpine .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected), .ag-theme-alpine .ag-ltr .ag-has-focus .ag-cell-focus.ag-cell-range-single-cell, .ag-theme-alpine .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-theme-alpine .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected), .ag-theme-alpine .ag-rtl .ag-has-focus .ag-cell-focus.ag-cell-range-single-cell, .ag-theme-alpine .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle { border: 1px solid; border-color: #2196f3; border-color: var(--ag-range-selection-border-color, #2196f3); outline: initial; } .ag-theme-alpine .ag-cell.ag-selection-fill-top, .ag-theme-alpine .ag-cell.ag-selection-fill-top.ag-cell-range-selected { border-top: 1px dashed; border-top-color: #2196f3; border-top-color: var(--ag-range-selection-border-color, #2196f3); } .ag-theme-alpine .ag-ltr .ag-cell.ag-selection-fill-right, .ag-theme-alpine .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-right: 1px dashed; border-right-color: #2196f3; border-right-color: var(--ag-range-selection-border-color, #2196f3); } .ag-theme-alpine .ag-rtl .ag-cell.ag-selection-fill-right, .ag-theme-alpine .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-left: 1px dashed; border-left-color: #2196f3; border-left-color: var(--ag-range-selection-border-color, #2196f3); } .ag-theme-alpine .ag-cell.ag-selection-fill-bottom, .ag-theme-alpine .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected { border-bottom: 1px dashed; border-bottom-color: #2196f3; border-bottom-color: var(--ag-range-selection-border-color, #2196f3); } .ag-theme-alpine .ag-ltr .ag-cell.ag-selection-fill-left, .ag-theme-alpine .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-left: 1px dashed; border-left-color: #2196f3; border-left-color: var(--ag-range-selection-border-color, #2196f3); } .ag-theme-alpine .ag-rtl .ag-cell.ag-selection-fill-left, .ag-theme-alpine .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-right: 1px dashed; border-right-color: #2196f3; border-right-color: var(--ag-range-selection-border-color, #2196f3); } .ag-theme-alpine .ag-fill-handle, .ag-theme-alpine .ag-range-handle { position: absolute; width: 6px; height: 6px; bottom: -1px; background-color: #2196f3; background-color: var(--ag-range-selection-border-color, #2196f3); } .ag-theme-alpine .ag-ltr .ag-fill-handle, .ag-theme-alpine .ag-ltr .ag-range-handle { right: -1px; } .ag-theme-alpine .ag-rtl .ag-fill-handle, .ag-theme-alpine .ag-rtl .ag-range-handle { left: -1px; } .ag-theme-alpine .ag-fill-handle { cursor: cell; } .ag-theme-alpine .ag-range-handle { cursor: nwse-resize; } .ag-theme-alpine .ag-cell-inline-editing { border-color: rgba(33, 150, 243, 0.4) !important; border-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)) !important; } .ag-theme-alpine .ag-menu { border: solid 1px; border-color: #babfc7; border-color: var(--ag-border-color, #babfc7); background: #fff; background: var(--ag-background-color, #fff); border-radius: 3px; box-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); padding: 6px; padding: 0; } .ag-theme-alpine .ag-menu-list { cursor: default; width: 100%; padding-top: 6px; padding-bottom: 6px; } .ag-theme-alpine .ag-menu-option-part { padding-top: 8px; padding-bottom: 8px; line-height: 16px; } .ag-theme-alpine .ag-menu-option-active { background-color: rgba(33, 150, 243, 0.1); background-color: var(--ag-row-hover-color, rgba(33, 150, 243, 0.1)); } .ag-theme-alpine .ag-menu-option-disabled { opacity: 0.5; } .ag-theme-alpine .ag-menu-option-text { margin-left: 6px; } .ag-theme-alpine .ag-menu-option-icon { padding-left: 12px; padding-right: 6px; min-width: 28px; } .ag-theme-alpine .ag-menu-option-shortcut { padding-left: 12px; } .ag-theme-alpine .ag-menu-separator { height: 12px; } .ag-theme-alpine .ag-menu-separator-cell:after { content: ""; display: block; border-top: solid 1px; border-top-color: #babfc7; border-top-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-menu-option-popup-pointer { width: 28px; text-align: center; } .ag-theme-alpine .ag-tabs-header { min-width: 220px; width: 100%; display: flex; } .ag-theme-alpine .ag-tab { border-bottom: 2px solid transparent; display: flex; flex: none; align-items: center; justify-content: center; cursor: pointer; flex: 1 1 auto; transition: border-bottom 0.3s; } .ag-theme-alpine .ag-keyboard-focus .ag-tab:focus { outline: none; } .ag-theme-alpine .ag-keyboard-focus .ag-tab:focus:after { content: ''; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: rgba(33, 150, 243, 0.4); border-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine .ag-tab-selected { border-bottom-color: #2196f3; border-bottom-color: var(--ag-selected-tab-underline-color, var(--ag-alpine-active-color, #2196f3)); } .ag-theme-alpine .ag-menu-header { color: #181d1f; color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); } .ag-theme-alpine .ag-filter-condition-operator { height: 17px; } .ag-theme-alpine .ag-ltr .ag-filter-condition-operator-or { margin-left: 12px; } .ag-theme-alpine .ag-rtl .ag-filter-condition-operator-or { margin-right: 12px; } .ag-theme-alpine .ag-set-filter-select-all { padding-top: 12px; } .ag-theme-alpine .ag-set-filter-list { height: 180px; } .ag-theme-alpine .ag-set-filter-filter { margin-top: 12px; margin-left: 12px; margin-right: 12px; } .ag-theme-alpine .ag-filter-to { margin-top: 9px; } .ag-theme-alpine .ag-mini-filter { margin: 12px 12px; margin-bottom: 0; } .ag-theme-alpine .ag-set-filter-item { margin: 0px 12px; } .ag-theme-alpine .ag-ltr .ag-set-filter-item-value { margin-left: 12px; } .ag-theme-alpine .ag-rtl .ag-set-filter-item-value { margin-right: 12px; } .ag-theme-alpine .ag-filter-header-container { padding-bottom: 12px; border-bottom: solid 1px; border-bottom-color: #dde2eb; border-bottom-color: var(--ag-secondary-border-color, #dde2eb); } .ag-theme-alpine .ag-filter-apply-panel { padding: 12px 12px; border-top: solid 1px; border-top-color: #dde2eb; border-top-color: var(--ag-secondary-border-color, #dde2eb); } .ag-theme-alpine .ag-filter-apply-panel-button { line-height: 1.5; } .ag-theme-alpine .ag-ltr .ag-filter-apply-panel-button { margin-left: 12px; } .ag-theme-alpine .ag-rtl .ag-filter-apply-panel-button { margin-right: 12px; } .ag-theme-alpine .ag-simple-filter-body-wrapper { padding: 12px 12px; padding-bottom: 3px; } .ag-theme-alpine .ag-simple-filter-body-wrapper > * { margin-bottom: 9px; } .ag-theme-alpine .ag-filter-no-matches { margin: 12px 12px; } .ag-theme-alpine .ag-side-bar { position: relative; } .ag-theme-alpine .ag-tool-panel-wrapper { background-color: #f8f8f8; background-color: var(--ag-control-panel-background-color, #f8f8f8); } .ag-theme-alpine .ag-side-buttons { padding-top: 24px; width: 20px; position: relative; color: #181d1f; color: var(--ag-foreground-color, #181d1f); overflow: hidden; } .ag-theme-alpine button.ag-side-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; background: transparent; padding: 12px 0 12px 0; width: 100%; margin: 0; min-height: 108px; background-position-y: center; background-position-x: center; background-repeat: no-repeat; border: none; } .ag-theme-alpine button.ag-side-button-button:focus { box-shadow: none; } .ag-theme-alpine .ag-keyboard-focus .ag-side-button-button:focus { outline: none; } .ag-theme-alpine .ag-keyboard-focus .ag-side-button-button:focus:after { content: ''; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: rgba(33, 150, 243, 0.4); border-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine .ag-side-button-icon-wrapper { margin-bottom: 3px; } .ag-theme-alpine .ag-ltr .ag-side-bar-left, .ag-theme-alpine .ag-rtl .ag-side-bar-right { border-right: solid 1px; border-right-color: #babfc7; border-right-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper, .ag-theme-alpine .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper { border-left: solid 1px; border-left-color: #babfc7; border-left-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-ltr .ag-side-bar-left .ag-side-button-button, .ag-theme-alpine .ag-rtl .ag-side-bar-right .ag-side-button-button { border-right: 2px solid transparent; transition: border-right 0.3s; } .ag-theme-alpine .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-theme-alpine .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button { border-right-color: #2196f3; border-right-color: var(--ag-selected-tab-underline-color, var(--ag-alpine-active-color, #2196f3)); } .ag-theme-alpine .ag-rtl .ag-side-bar-left, .ag-theme-alpine .ag-ltr .ag-side-bar-right { border-left: solid 1px; border-left-color: #babfc7; border-left-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper, .ag-theme-alpine .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper { border-right: solid 1px; border-right-color: #babfc7; border-right-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-rtl .ag-side-bar-left .ag-side-button-button, .ag-theme-alpine .ag-ltr .ag-side-bar-right .ag-side-button-button { border-left: 2px solid transparent; transition: border-left 0.3s; } .ag-theme-alpine .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-theme-alpine .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button { border-left-color: #2196f3; border-left-color: var(--ag-selected-tab-underline-color, var(--ag-alpine-active-color, #2196f3)); } .ag-theme-alpine .ag-filter-toolpanel-header { height: 36px; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-header, .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-search { padding-left: 6px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-header, .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-search { padding-right: 6px; } .ag-theme-alpine .ag-keyboard-focus .ag-filter-toolpanel-header:focus { outline: none; } .ag-theme-alpine .ag-keyboard-focus .ag-filter-toolpanel-header:focus:after { content: ''; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: rgba(33, 150, 243, 0.4); border-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title:after { font-family: "agGridAlpine"; font-size: 16px; line-height: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f112"; position: absolute; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title:after { padding-left: 6px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title:after { padding-right: 6px; } .ag-theme-alpine .ag-filter-toolpanel-group-level-0-header { height: 48px; } .ag-theme-alpine .ag-filter-toolpanel-group-item { margin-top: 3px; margin-bottom: 3px; } .ag-theme-alpine .ag-filter-toolpanel-search { height: 48px; } .ag-theme-alpine .ag-filter-toolpanel-search-input { flex-grow: 1; height: 24px; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-search-input { margin-right: 6px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-search-input { margin-left: 6px; } .ag-theme-alpine .ag-filter-toolpanel-group-level-0 { border-top: solid 1px; border-top-color: #dde2eb; border-top-color: var(--ag-secondary-border-color, #dde2eb); } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-expand, .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-title-bar-icon { margin-right: 6px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-expand, .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-title-bar-icon { margin-left: 6px; } .ag-theme-alpine .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header { padding-left: 22px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header { padding-right: 22px; } .ag-theme-alpine .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header { padding-left: 38px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header { padding-right: 38px; } .ag-theme-alpine .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header { padding-left: 54px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header { padding-right: 54px; } .ag-theme-alpine .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header { padding-left: 70px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header { padding-right: 70px; } .ag-theme-alpine .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header { padding-left: 86px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header { padding-right: 86px; } .ag-theme-alpine .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header { padding-left: 102px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header { padding-right: 102px; } .ag-theme-alpine .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header { padding-left: 118px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header { padding-right: 118px; } .ag-theme-alpine .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header { padding-left: 134px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header { padding-right: 134px; } .ag-theme-alpine .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header { padding-left: 150px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header { padding-right: 150px; } .ag-theme-alpine .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header { padding-left: 166px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header { padding-right: 166px; } .ag-theme-alpine .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header { padding-left: 6px; } .ag-theme-alpine .ag-filter-toolpanel-instance-filter { border-top: solid 1px; border-top-color: #babfc7; border-top-color: var(--ag-border-color, #babfc7); border-bottom: solid 1px; border-bottom-color: #babfc7; border-bottom-color: var(--ag-border-color, #babfc7); padding-top: 6px; } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-header-icon { margin-left: 6px; } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-header-icon { margin-right: 6px; } .ag-theme-alpine .ag-pivot-mode-panel { height: 48px; display: flex; } .ag-theme-alpine .ag-pivot-mode-select { display: flex; align-items: center; } .ag-theme-alpine .ag-ltr .ag-pivot-mode-select { margin-left: 12px; } .ag-theme-alpine .ag-rtl .ag-pivot-mode-select { margin-right: 12px; } .ag-theme-alpine .ag-keyboard-focus .ag-column-select-header:focus { outline: none; } .ag-theme-alpine .ag-keyboard-focus .ag-column-select-header:focus:after { content: ''; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: rgba(33, 150, 243, 0.4); border-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine .ag-column-select-header { height: 48px; align-items: center; padding: 0 12px; border-bottom: solid 1px; border-bottom-color: #dde2eb; border-bottom-color: var(--ag-secondary-border-color, #dde2eb); } .ag-theme-alpine .ag-column-panel-column-select { border-bottom: solid 1px; border-bottom-color: #dde2eb; border-bottom-color: var(--ag-secondary-border-color, #dde2eb); border-top: solid 1px; border-top-color: #dde2eb; border-top-color: var(--ag-secondary-border-color, #dde2eb); } .ag-theme-alpine .ag-column-group-icons, .ag-theme-alpine .ag-column-select-header-icon { color: #181d1f; color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); } .ag-theme-alpine .ag-header { background-color: #f8f8f8; background-color: var(--ag-header-background-color, #f8f8f8); border-bottom: solid 1px; border-bottom-color: #babfc7; border-bottom-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-header-row { color: #181d1f; color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f))); } .ag-theme-alpine .ag-pinned-right-header { border-left: solid 1px; border-left-color: #babfc7; border-left-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-pinned-left-header { border-right: solid 1px; border-right-color: #babfc7; border-right-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-header-row { height: 48px; } .ag-theme-alpine .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon { margin-left: 6px; } .ag-theme-alpine .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon { margin-right: 6px; } .ag-theme-alpine .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon { margin-right: 6px; } .ag-theme-alpine .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon { margin-left: 6px; } .ag-theme-alpine .ag-header-cell, .ag-theme-alpine .ag-header-group-cell { padding-left: 18px; padding-right: 18px; } .ag-theme-alpine .ag-header-cell.ag-header-cell-moving, .ag-theme-alpine .ag-header-group-cell.ag-header-cell-moving { background-color: #fff; background-color: var(--ag-header-cell-moving-background-color, var(--ag-background-color, #fff)); } .ag-theme-alpine .ag-keyboard-focus .ag-header-cell:focus { outline: none; } .ag-theme-alpine .ag-keyboard-focus .ag-header-cell:focus:after { content: ''; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: rgba(33, 150, 243, 0.4); border-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine .ag-keyboard-focus .ag-header-group-cell:focus { outline: none; } .ag-theme-alpine .ag-keyboard-focus .ag-header-group-cell:focus:after { content: ''; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: rgba(33, 150, 243, 0.4); border-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine .ag-header-icon { color: #181d1f; color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); } .ag-theme-alpine .ag-header-expand-icon { cursor: pointer; } .ag-theme-alpine .ag-ltr .ag-header-expand-icon { padding-left: 4px; } .ag-theme-alpine .ag-rtl .ag-header-expand-icon { padding-right: 4px; } .ag-theme-alpine .ag-header-row:not(:first-child) .ag-header-cell, .ag-theme-alpine .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group { border-top: solid 1px; border-top-color: #babfc7; border-top-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-header-cell-resize { display: flex; align-items: center; } .ag-theme-alpine .ag-header-cell-resize::after { content: ""; position: absolute; z-index: 1; display: block; left: calc(50% - 1px); width: 2px; height: 30%; top: calc(50% - 15%); background-color: rgba(186, 191, 199, 0.5); background-color: var(--ag-header-column-resize-handle-color, rgba(186, 191, 199, 0.5)); } .ag-theme-alpine .ag-pinned-right-header .ag-header-cell-resize::after { left: calc(50% - 2px); } .ag-theme-alpine .ag-ltr .ag-header-select-all { margin-right: 18px; } .ag-theme-alpine .ag-rtl .ag-header-select-all { margin-left: 18px; } .ag-theme-alpine .ag-ltr .ag-floating-filter-button { margin-left: 18px; } .ag-theme-alpine .ag-rtl .ag-floating-filter-button { margin-right: 18px; } .ag-theme-alpine .ag-floating-filter-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; height: 16px; padding: 0; width: 16px; } .ag-theme-alpine .ag-filter-loading { background-color: #f8f8f8; background-color: var(--ag-control-panel-background-color, #f8f8f8); height: 100%; padding: 12px 12px; position: absolute; width: 100%; z-index: 1; } .ag-theme-alpine .ag-paging-panel { border-top: 1px solid; border-top-color: #babfc7; border-top-color: var(--ag-border-color, #babfc7); color: #181d1f; color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); height: 48px; } .ag-theme-alpine .ag-paging-panel > * { margin: 0 18px; } .ag-theme-alpine .ag-paging-button { cursor: pointer; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; padding: 0; width: 16px; } .ag-theme-alpine .ag-disabled .ag-paging-button { cursor: default; } .ag-theme-alpine .ag-paging-button-wrapper.ag-disabled { color: rgba(24, 29, 31, 0.5); color: var(--ag-disabled-foreground-color, rgba(24, 29, 31, 0.5)); cursor: default; } .ag-theme-alpine .ag-paging-button-wrapper, .ag-theme-alpine .ag-paging-description { margin: 0 6px; } .ag-theme-alpine .ag-status-bar { border-top: solid 1px; border-top-color: #babfc7; border-top-color: var(--ag-border-color, #babfc7); color: rgba(24, 29, 31, 0.5); color: var(--ag-disabled-foreground-color, rgba(24, 29, 31, 0.5)); padding-right: 24px; padding-left: 24px; line-height: 1.5; } .ag-theme-alpine .ag-status-name-value-value { color: #181d1f; color: var(--ag-foreground-color, #181d1f); } .ag-theme-alpine .ag-status-bar-center { text-align: center; } .ag-theme-alpine .ag-status-name-value { margin-left: 6px; margin-right: 6px; padding-top: 12px; padding-bottom: 12px; } .ag-theme-alpine .ag-column-drop-cell { background: rgba(24, 29, 31, 0.07); background: var(--ag-chip-background-color, rgba(24, 29, 31, 0.07)); border-radius: 24px; height: 24px; padding: 0 3px; } .ag-theme-alpine .ag-column-drop-cell-text { margin: 0 6px; } .ag-theme-alpine .ag-column-drop-cell-button { min-width: 24px; margin: 0 3px; color: #181d1f; color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); } .ag-theme-alpine .ag-column-drop-cell-drag-handle { margin-left: 12px; } .ag-theme-alpine .ag-column-drop-cell-ghost { opacity: 0.5; } .ag-theme-alpine .ag-column-drop-horizontal { background-color: #f8f8f8; background-color: var(--ag-control-panel-background-color, #f8f8f8); color: #181d1f; color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); height: 42px; border-bottom: solid 1px; border-bottom-color: #babfc7; border-bottom-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-ltr .ag-column-drop-horizontal { padding-left: 18px; } .ag-theme-alpine .ag-rtl .ag-column-drop-horizontal { padding-right: 18px; } .ag-theme-alpine .ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) { border-right: solid 1px; border-right-color: #babfc7; border-right-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) { border-left: solid 1px; border-left-color: #babfc7; border-left-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-column-drop-horizontal-cell-separator { margin: 0 6px; color: #181d1f; color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); } .ag-theme-alpine .ag-column-drop-horizontal-empty-message { color: rgba(24, 29, 31, 0.5); color: var(--ag-disabled-foreground-color, rgba(24, 29, 31, 0.5)); } .ag-theme-alpine .ag-ltr .ag-column-drop-horizontal-icon { margin-right: 18px; } .ag-theme-alpine .ag-rtl .ag-column-drop-horizontal-icon { margin-left: 18px; } .ag-theme-alpine .ag-column-drop-vertical-list { padding-bottom: 6px; padding-right: 6px; padding-left: 6px; } .ag-theme-alpine .ag-column-drop-vertical-cell { margin-top: 6px; } .ag-theme-alpine .ag-column-drop-vertical { min-height: 50px; max-height: 150px; border-bottom: solid 1px; border-bottom-color: #dde2eb; border-bottom-color: var(--ag-secondary-border-color, #dde2eb); } .ag-theme-alpine .ag-column-drop-vertical.ag-last-column-drop { border-bottom: none; } .ag-theme-alpine .ag-column-drop-vertical-icon { margin-left: 6px; margin-right: 6px; } .ag-theme-alpine .ag-column-drop-vertical-list { position: relative; } .ag-theme-alpine .ag-column-drop-vertical-empty-message { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; color: rgba(24, 29, 31, 0.5); color: var(--ag-disabled-foreground-color, rgba(24, 29, 31, 0.5)); margin-top: 6px; } .ag-theme-alpine .ag-select-agg-func-popup { border: solid 1px; border-color: #babfc7; border-color: var(--ag-border-color, #babfc7); background: #fff; background: var(--ag-background-color, #fff); border-radius: 3px; box-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); padding: 6px; background: #fff; background: var(--ag-background-color, #fff); height: 105px; padding: 0; } .ag-theme-alpine .ag-select-agg-func-virtual-list-item { cursor: default; line-height: 30px; padding-left: 12px; } .ag-theme-alpine .ag-select-agg-func-virtual-list-item:hover { background-color: rgba(33, 150, 243, 0.3); background-color: var(--ag-selected-row-background-color, rgba(33, 150, 243, 0.3)); } .ag-theme-alpine .ag-chart-menu { border-radius: 3px; background: #fff; background: var(--ag-background-color, #fff); } .ag-theme-alpine .ag-chart-menu-icon { opacity: 0.5; line-height: 24px; font-size: 24px; width: 24px; height: 24px; margin: 2px 0; cursor: pointer; border-radius: 3px; color: #181d1f; color: var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f)); } .ag-theme-alpine .ag-chart-menu-icon:hover { opacity: 1; } .ag-theme-alpine .ag-chart-mini-thumbnail { border: 1px solid; border-color: #dde2eb; border-color: var(--ag-secondary-border-color, #dde2eb); border-radius: 5px; margin: 5px; } .ag-theme-alpine .ag-chart-mini-thumbnail:nth-last-child(3), .ag-theme-alpine .ag-chart-mini-thumbnail:nth-last-child(3) ~ .ag-chart-mini-thumbnail { margin-left: auto; margin-right: auto; } .ag-theme-alpine .ag-ltr .ag-chart-mini-thumbnail:first-child { margin-left: 0; } .ag-theme-alpine .ag-rtl .ag-chart-mini-thumbnail:first-child { margin-right: 0; } .ag-theme-alpine .ag-ltr .ag-chart-mini-thumbnail:last-child { margin-right: 0; } .ag-theme-alpine .ag-rtl .ag-chart-mini-thumbnail:last-child { margin-left: 0; } .ag-theme-alpine .ag-chart-mini-thumbnail.ag-selected { border-color: #2196f3; border-color: var(--ag-minichart-selected-chart-color, var(--ag-checkbox-checked-color, var(--ag-alpine-active-color, #2196f3))); } .ag-theme-alpine .ag-chart-settings-card-item { background: #181d1f; background: var(--ag-foreground-color, #181d1f); width: 8px; height: 8px; border-radius: 4px; } .ag-theme-alpine .ag-chart-settings-card-item.ag-selected { background-color: #2196f3; background-color: var(--ag-minichart-selected-page-color, var(--ag-checkbox-checked-color, var(--ag-alpine-active-color, #2196f3))); } .ag-theme-alpine .ag-chart-data-column-drag-handle { margin-left: 6px; } .ag-theme-alpine .ag-charts-settings-group-title-bar, .ag-theme-alpine .ag-charts-data-group-title-bar, .ag-theme-alpine .ag-charts-format-top-level-group-title-bar { border-top: solid 1px; border-top-color: #dde2eb; border-top-color: var(--ag-secondary-border-color, #dde2eb); } .ag-theme-alpine .ag-charts-settings-group-container { padding: 6px; } .ag-theme-alpine .ag-charts-data-group-container { padding: 12px 12px; padding-bottom: 3px; } .ag-theme-alpine .ag-charts-data-group-container > * { margin-bottom: 9px; } .ag-theme-alpine .ag-charts-format-top-level-group-container { margin-left: 12px; padding: 6px; } .ag-theme-alpine .ag-charts-format-top-level-group-item { margin: 6px 0; } .ag-theme-alpine .ag-charts-format-sub-level-group-container { padding: 12px 12px; padding-bottom: 3px; } .ag-theme-alpine .ag-charts-format-sub-level-group-container > * { margin-bottom: 9px; } .ag-theme-alpine .ag-charts-group-container.ag-group-container-horizontal { padding: 6px; } .ag-theme-alpine .ag-chart-data-section, .ag-theme-alpine .ag-chart-format-section { display: flex; margin: 0; } .ag-theme-alpine .ag-chart-menu-panel { background-color: #f8f8f8; background-color: var(--ag-control-panel-background-color, #f8f8f8); } .ag-theme-alpine .ag-ltr .ag-chart-menu-panel { border-left: solid 1px; border-left-color: #babfc7; border-left-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-rtl .ag-chart-menu-panel { border-right: solid 1px; border-right-color: #babfc7; border-right-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-date-time-list-page-title { flex-grow: 1; text-align: center; } .ag-theme-alpine .ag-date-time-list-page-column-label { text-align: center; } .ag-theme-alpine .ag-date-time-list-page-entry { text-align: center; } .ag-theme-alpine .ag-checkbox-input-wrapper { font-family: "agGridAlpine"; font-size: 16px; line-height: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 16px; height: 16px; background-color: #fff; background-color: var(--ag-checkbox-background-color, var(--ag-background-color, #fff)); border-radius: 3px; display: inline-block; vertical-align: middle; flex: none; } .ag-theme-alpine .ag-checkbox-input-wrapper input, .ag-theme-alpine .ag-checkbox-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-theme-alpine .ag-checkbox-input-wrapper:focus-within, .ag-theme-alpine .ag-checkbox-input-wrapper:active { outline: none; box-shadow: 0 0 2px 0.1rem rgba(33, 150, 243, 0.4); } .ag-theme-alpine .ag-checkbox-input-wrapper.ag-disabled { opacity: 0.5; } .ag-theme-alpine .ag-checkbox-input-wrapper::after { content: "\f108"; color: #999; color: var(--ag-checkbox-unchecked-color, #999); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked::after { content: "\f106"; color: #2196f3; color: var(--ag-checkbox-checked-color, var(--ag-alpine-active-color, #2196f3)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-theme-alpine .ag-checkbox-input-wrapper.ag-indeterminate::after { content: "\f107"; color: #999; color: var(--ag-checkbox-indeterminate-color, var(--ag-checkbox-unchecked-color, #999)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-theme-alpine .ag-toggle-button-input-wrapper { box-sizing: border-box; width: 28px; height: 18px; background-color: #999; background-color: var(--ag-toggle-button-off-background-color, var(--ag-checkbox-unchecked-color, #999)); border-radius: 9px; position: relative; flex: none; border: 1px solid; border-color: #999; border-color: var(--ag-toggle-button-off-border-color, var(--ag-checkbox-unchecked-color, #999)); } .ag-theme-alpine .ag-toggle-button-input-wrapper input { opacity: 0; height: 100%; width: 100%; } .ag-theme-alpine .ag-toggle-button-input-wrapper:focus-within { outline: none; box-shadow: 0 0 2px 0.1rem rgba(33, 150, 243, 0.4); } .ag-theme-alpine .ag-toggle-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-theme-alpine .ag-toggle-button-input-wrapper.ag-checked { background-color: #2196f3; background-color: var(--ag-toggle-button-on-background-color, var(--ag-checkbox-checked-color, var(--ag-alpine-active-color, #2196f3))); border-color: #2196f3; border-color: var(--ag-toggle-button-on-border-color, var(--ag-checkbox-checked-color, var(--ag-alpine-active-color, #2196f3))); } .ag-theme-alpine .ag-toggle-button-input-wrapper::before { content: ' '; position: absolute; top: -1px; left: -1px; display: block; box-sizing: border-box; height: 18px; width: 18px; background-color: #fff; background-color: var(--ag-toggle-button-switch-background-color, var(--ag-background-color, #fff)); border-radius: 9px; transition: left 100ms; border: 1px solid; border-color: #999; border-color: var(--ag-toggle-button-switch-border-color, var(--ag-toggle-button-off-border-color, var(--ag-checkbox-unchecked-color, #999))); } .ag-theme-alpine .ag-toggle-button-input-wrapper.ag-checked::before { left: calc(100% - 18px); border-color: #2196f3; border-color: var(--ag-toggle-button-on-border-color, var(--ag-checkbox-checked-color, var(--ag-alpine-active-color, #2196f3))); } .ag-theme-alpine .ag-radio-button-input-wrapper { font-family: "agGridAlpine"; font-size: 16px; line-height: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 16px; height: 16px; background-color: #fff; background-color: var(--ag-checkbox-background-color, var(--ag-background-color, #fff)); border-radius: 3px; display: inline-block; vertical-align: middle; flex: none; border-radius: 16px; } .ag-theme-alpine .ag-radio-button-input-wrapper input, .ag-theme-alpine .ag-radio-button-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-theme-alpine .ag-radio-button-input-wrapper:focus-within, .ag-theme-alpine .ag-radio-button-input-wrapper:active { outline: none; box-shadow: 0 0 2px 0.1rem rgba(33, 150, 243, 0.4); } .ag-theme-alpine .ag-radio-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-theme-alpine .ag-radio-button-input-wrapper::after { content: "\f124"; color: #999; color: var(--ag-checkbox-unchecked-color, #999); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-theme-alpine .ag-radio-button-input-wrapper.ag-checked::after { content: "\f125"; color: #2196f3; color: var(--ag-checkbox-checked-color, var(--ag-alpine-active-color, #2196f3)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-theme-alpine input[class^='ag-'][type='range'] { -webkit-appearance: none; width: 100%; height: 100%; background: none; overflow: visible; } .ag-theme-alpine input[class^='ag-'][type='range']::-webkit-slider-runnable-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: #babfc7; background-color: var(--ag-border-color, #babfc7); border-radius: 3px; border-radius: 3px; } .ag-theme-alpine input[class^='ag-'][type='range']::-moz-range-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: #babfc7; background-color: var(--ag-border-color, #babfc7); border-radius: 3px; border-radius: 3px; } .ag-theme-alpine input[class^='ag-'][type='range']::-ms-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: #babfc7; background-color: var(--ag-border-color, #babfc7); border-radius: 3px; border-radius: 3px; color: transparent; width: calc(100% - 2px); } .ag-theme-alpine input[class^='ag-'][type='range']::-webkit-slider-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: 16px; height: 16px; background-color: #fff; background-color: var(--ag-background-color, #fff); border: 1px solid; border-color: #999; border-color: var(--ag-checkbox-unchecked-color, #999); border-radius: 16px; transform: translateY(-6.5px); } .ag-theme-alpine input[class^='ag-'][type='range']::-ms-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: 16px; height: 16px; background-color: #fff; background-color: var(--ag-background-color, #fff); border: 1px solid; border-color: #999; border-color: var(--ag-checkbox-unchecked-color, #999); border-radius: 16px; } .ag-theme-alpine input[class^='ag-'][type='range']::-moz-ag-range-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: 16px; height: 16px; background-color: #fff; background-color: var(--ag-background-color, #fff); border: 1px solid; border-color: #999; border-color: var(--ag-checkbox-unchecked-color, #999); border-radius: 16px; } .ag-theme-alpine input[class^='ag-'][type='range']:focus { outline: none; } .ag-theme-alpine input[class^='ag-'][type='range']:focus::-webkit-slider-thumb { box-shadow: 0 0 2px 0.1rem rgba(33, 150, 243, 0.4); border-color: #2196f3; border-color: var(--ag-checkbox-checked-color, var(--ag-alpine-active-color, #2196f3)); } .ag-theme-alpine input[class^='ag-'][type='range']:focus::-ms-thumb { box-shadow: 0 0 2px 0.1rem rgba(33, 150, 243, 0.4); border-color: #2196f3; border-color: var(--ag-checkbox-checked-color, var(--ag-alpine-active-color, #2196f3)); } .ag-theme-alpine input[class^='ag-'][type='range']:focus::-moz-ag-range-thumb { box-shadow: 0 0 2px 0.1rem rgba(33, 150, 243, 0.4); border-color: #2196f3; border-color: var(--ag-checkbox-checked-color, var(--ag-alpine-active-color, #2196f3)); } .ag-theme-alpine input[class^='ag-'][type='range']:active::-webkit-slider-runnable-track { background-color: rgba(33, 150, 243, 0.4); background-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine input[class^='ag-'][type='range']:active::-moz-ag-range-track { background-color: rgba(33, 150, 243, 0.4); background-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine input[class^='ag-'][type='range']:active::-ms-track { background-color: rgba(33, 150, 243, 0.4); background-color: var(--ag-input-focus-border-color, rgba(33, 150, 243, 0.4)); } .ag-theme-alpine input[class^='ag-'][type='range']:disabled { opacity: 0.5; } .ag-theme-alpine .ag-filter-toolpanel-header, .ag-theme-alpine .ag-filter-toolpanel-search, .ag-theme-alpine .ag-status-bar, .ag-theme-alpine .ag-header-row, .ag-theme-alpine .ag-panel-title-bar-title { font-weight: 700; color: #181d1f; color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, var(--ag-foreground-color, #181d1f))); } .ag-theme-alpine .ag-ltr .ag-pinned-right-header .ag-header-row:after, .ag-theme-alpine .ag-rtl .ag-pinned-left-header .ag-header-row:before { content: ''; position: absolute; height: calc(100% - 20px); top: 10px; width: 1px; background-color: #babfc7; background-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-ltr .ag-pinned-right-header .ag-header-row:after { right: 0; } .ag-theme-alpine .ag-rtl .ag-pinned-left-header .ag-header-row:before { left: 0; } .ag-theme-alpine .ag-row { font-size: 14px; } .ag-theme-alpine input[class^='ag-']:not([type]), .ag-theme-alpine input[class^='ag-'][type='text'], .ag-theme-alpine input[class^='ag-'][type='number'], .ag-theme-alpine input[class^='ag-'][type='tel'], .ag-theme-alpine input[class^='ag-'][type='date'], .ag-theme-alpine input[class^='ag-'][type='datetime-local'], .ag-theme-alpine textarea[class^='ag-'] { min-height: 24px; border-radius: 3px; } .ag-theme-alpine .ag-ltr input[class^='ag-']:not([type]), .ag-theme-alpine .ag-ltr input[class^='ag-'][type='text'], .ag-theme-alpine .ag-ltr input[class^='ag-'][type='number'], .ag-theme-alpine .ag-ltr input[class^='ag-'][type='tel'], .ag-theme-alpine .ag-ltr input[class^='ag-'][type='date'], .ag-theme-alpine .ag-ltr input[class^='ag-'][type='datetime-local'], .ag-theme-alpine .ag-ltr textarea[class^='ag-'] { padding-left: 6px; } .ag-theme-alpine .ag-rtl input[class^='ag-']:not([type]), .ag-theme-alpine .ag-rtl input[class^='ag-'][type='text'], .ag-theme-alpine .ag-rtl input[class^='ag-'][type='number'], .ag-theme-alpine .ag-rtl input[class^='ag-'][type='tel'], .ag-theme-alpine .ag-rtl input[class^='ag-'][type='date'], .ag-theme-alpine .ag-rtl input[class^='ag-'][type='datetime-local'], .ag-theme-alpine .ag-rtl textarea[class^='ag-'] { padding-right: 6px; } .ag-theme-alpine .ag-tab { padding: 9px; transition: color 0.4s; } .ag-theme-alpine .ag-tab-selected { color: #2196f3; color: var(--ag-alpine-active-color, #2196f3); } .ag-theme-alpine .ag-menu { background-color: #f8f8f8; background-color: var(--ag-control-panel-background-color, #f8f8f8); } .ag-theme-alpine .ag-menu-header { background-color: #f8f8f8; background-color: var(--ag-control-panel-background-color, #f8f8f8); padding-top: 1px; } .ag-theme-alpine .ag-tabs-header { border-bottom: solid 1px; border-bottom-color: #babfc7; border-bottom-color: var(--ag-border-color, #babfc7); } .ag-theme-alpine .ag-charts-settings-group-title-bar, .ag-theme-alpine .ag-charts-data-group-title-bar, .ag-theme-alpine .ag-charts-format-top-level-group-title-bar { padding: 6px 12px; line-height: 20px; } .ag-theme-alpine .ag-chart-mini-thumbnail { background-color: #fff; background-color: var(--ag-background-color, #fff); } .ag-theme-alpine .ag-chart-settings-nav-bar { border-top: solid 1px; border-top-color: #dde2eb; border-top-color: var(--ag-secondary-border-color, #dde2eb); } .ag-theme-alpine .ag-ltr .ag-group-title-bar-icon { margin-right: 6px; } .ag-theme-alpine .ag-rtl .ag-group-title-bar-icon { margin-left: 6px; } .ag-theme-alpine .ag-charts-format-top-level-group-toolbar { margin-top: 6px; } .ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar { padding-left: 20px; } .ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar { padding-right: 20px; } .ag-theme-alpine .ag-charts-format-sub-level-group { border-left: dashed 1px; border-left-color: #babfc7; border-left-color: var(--ag-border-color, #babfc7); padding-left: 6px; margin-bottom: 12px; } .ag-theme-alpine .ag-charts-format-sub-level-group-title-bar { padding-top: 0; padding-bottom: 0; background: none; font-weight: 700; } .ag-theme-alpine .ag-charts-format-sub-level-group-container { padding-bottom: 0; } .ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child { margin-bottom: 0; } .ag-theme-alpine .ag-dnd-ghost { font-size: 12px; font-weight: 700; } .ag-theme-alpine .ag-side-buttons { width: 30px; } .ag-theme-alpine .ag-standard-button { -moz-appearance: none; appearance: none; -webkit-appearance: none; border-radius: 3px; border: 1px solid; border-color: #2196f3; border-color: var(--ag-alpine-active-color, #2196f3); color: #2196f3; color: var(--ag-alpine-active-color, #2196f3); background-color: #fff; background-color: var(--ag-background-color, #fff); font-weight: 600; padding: 6px 12px; } .ag-theme-alpine .ag-standard-button:hover { border-color: #2196f3; border-color: var(--ag-alpine-active-color, #2196f3); background-color: rgba(33, 150, 243, 0.1); background-color: var(--ag-row-hover-color, rgba(33, 150, 243, 0.1)); } .ag-theme-alpine .ag-standard-button:active { border-color: #2196f3; border-color: var(--ag-alpine-active-color, #2196f3); background-color: #2196f3; background-color: var(--ag-alpine-active-color, #2196f3); color: #fff; color: var(--ag-background-color, #fff); } .ag-theme-alpine .ag-standard-button:disabled { color: rgba(24, 29, 31, 0.5); color: var(--ag-disabled-foreground-color, rgba(24, 29, 31, 0.5)); background-color: #f1f2f4; background-color: var(--ag-input-disabled-background-color, #f1f2f4); border-color: rgba(186, 191, 199, 0.3); border-color: var(--ag-input-disabled-border-color, rgba(186, 191, 199, 0.3)); } .ag-theme-alpine .ag-menu-header { min-width: 240px; } .ag-theme-alpine .ag-column-drop-vertical { min-height: 75px; max-height: 175px; } .ag-theme-alpine .ag-tool-panel-wrapper { width: 250px; } .ag-theme-alpine .ag-column-drop-vertical-title-bar { padding: 12px; padding-bottom: 0px; } .ag-theme-alpine .ag-column-drop-vertical-empty-message { display: flex; align-items: center; border: dashed 1px; border-color: #babfc7; border-color: var(--ag-border-color, #babfc7); margin: 12px; padding: 12px; } .ag-theme-alpine .ag-column-drop-empty-message { color: #181d1f; color: var(--ag-foreground-color, #181d1f); opacity: 0.75; } .ag-theme-alpine .ag-status-bar { font-weight: normal; } .ag-theme-alpine .ag-status-name-value-value { font-weight: 700; } .ag-theme-alpine .ag-paging-number, .ag-theme-alpine .ag-paging-row-summary-panel-number { font-weight: 700; } .ag-theme-alpine .ag-column-drop-cell-button { opacity: 0.5; } .ag-theme-alpine .ag-column-drop-cell-button:hover { opacity: 0.75; } .ag-theme-alpine .ag-header-cell-menu-button:hover, .ag-theme-alpine .ag-side-button-button:hover, .ag-theme-alpine .ag-tab:hover, .ag-theme-alpine .ag-panel-title-bar-button:hover, .ag-theme-alpine .ag-header-expand-icon:hover, .ag-theme-alpine .ag-column-group-icons:hover, .ag-theme-alpine .ag-group-expanded .ag-icon:hover, .ag-theme-alpine .ag-group-contracted .ag-icon:hover, .ag-theme-alpine .ag-chart-settings-prev:hover, .ag-theme-alpine .ag-chart-settings-next:hover, .ag-theme-alpine .ag-group-title-bar-icon:hover, .ag-theme-alpine .ag-column-select-header-icon:hover, .ag-theme-alpine .ag-floating-filter-button-button:hover, .ag-theme-alpine .ag-filter-toolpanel-expand:hover, .ag-theme-alpine .ag-chart-menu-icon:hover { color: #2196f3; color: var(--ag-alpine-active-color, #2196f3); } .ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover { opacity: 0.35; } .ag-theme-alpine .ag-ltr .ag-panel-title-bar-button { margin-left: 12px; margin-right: 6px; } .ag-theme-alpine .ag-rtl .ag-panel-title-bar-button { margin-right: 12px; margin-left: 6px; } .ag-theme-alpine .ag-filter-toolpanel-group-container { padding-left: 6px; } .ag-theme-alpine .ag-filter-toolpanel-instance-filter { border: none; background-color: #f8f8f8; background-color: var(--ag-control-panel-background-color, #f8f8f8); border-left: dashed 1px; border-left-color: #babfc7; border-left-color: var(--ag-border-color, #babfc7); margin-left: 13px; padding-left: 8px; margin-right: 12px; } .ag-theme-alpine .ag-set-filter-list { padding-top: 3px; padding-bottom: 3px; } .ag-theme-alpine .ag-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 60px; } .ag-theme-alpine .ag-date-time-list-page-entry-is-current { background-color: #2196f3; background-color: var(--ag-alpine-active-color, #2196f3); } .btnstylecls { background-color: #414862; color: white; margin: 1%; } .errormsg { color: red } .dx-button-mode-text.dx-button-default .dx-icon { color: #fbfbfb !important; } body { background: #fff; } .cdk-overlay-pane{ transform: none !important } .mat-select-panel-wrap { flex-basis: initial !important; } .pagination_cont3 { display: inline-block; height: 50px; } .pagination_cont1 { display: inline-block; margin-top: -14px; position: absolute; height: 40px; } .pagination_cont{ display: inline-block; margin-top: -27px; position: absolute; } .paginator_style{ margin-top: -35px; float: left; display: inline-block; position: absolute; margin-left: 127px; } tr.dx-row.dx-column-lines.dx-header-row { /* color: #959595; background-color: #07907d; */ /* color: #ffffff !important; background-color: #2b4c81 !important; */ color:#110f0f; /* background-color: #2b4c81 !important; */ font-weight: 400 !important; touch-action: pinch-zoom !important; border-bottom: 1px solid #ddd !important; } .dx-datagrid-rowsview .dx-row { border: 1px solid #d7d7d7 !important; /* background-color: #dbedf2 !important; */ color: #110f0f; } .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) { background-color: #dbedf2 !important; color: #110f0f; } .dx-datagrid { /*font: 10px verdana;*/ font-family: verdana; font-size: 9pt; } .profile { background: #040404; } .img-circle.profile_img { margin: 15px 0; margin-left: 15%; } .profile_info { padding: 15px 10px 10px; } .site_title img { margin-right: 10px; } /*.nav-md { background: #2A3F54; }*/ .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; white-space: nowrap; } .ngx-pagination { margin-left: 0; margin-bottom: 5px; margin-top: 5px; } .disabled{ pointer-events: none; } .table-responsive::-webkit-scrollbar { height: 6px; background-color: #F5F5F5; } .table-responsive::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; border-radius: 5px; } .table-responsive::-webkit-scrollbar-thumb { border-radius: 5px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #065281), color-stop(0.72, #044d7a), color-stop(0.86, #053c5c)); } .iframe_container { /* overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff;*/ } .table-search { max-width: 200px; margin-bottom: 5px; float: right; } .jambo_table td { vertical-align: middle !important; padding: 4px 5px !important } table.jambo_table tbody tr:hover td { border-color: #ddd; } .x_title h2 { font-size: 18px; } .x_title small { font-size: 14px; } .img-active { background: url('active.png'); width: 35px; height: 18px; display: inline-block; background-size: 100% 100%; vertical-align: bottom; cursor: pointer; margin: 1px 0; } .img-inactive { background: url('inactive.png'); width: 35px; height: 18px; display: inline-block; background-size: 100% 100%; vertical-align: bottom; cursor: pointer; margin: 1px 0; } .img-showall { background: url('showall-icon.png'); width: 34px; height: 20px; display: inline-block; background-size: 100% 100%; vertical-align: bottom; cursor: pointer; margin: 1px 1px 1px; } .img-showactive { background: url('showactive-icon.png'); width: 34px; height: 20px; display: inline-block; background-size: 100% 100%; vertical-align: bottom; cursor: pointer; margin: 1px 1px 1px; } .pointer { cursor: pointer; } .dhx_richtext { min-width: 100%; } input:invalid { box-shadow: none; } input[type="radio"], input[type="checkbox"] { vertical-align: middle; margin: 0 4px; } label { font-weight: normal; } .dhx_richtext--mode_classic .dhx_richtext__editor { position: relative; } .multiselect-dropdown .dropdown-btn { border-color: #ccc !important; color: #555; } .multiselect-dropdown .dropdown-btn .dropdown-down { border-top: 6px solid #adadad !important; border-left: 6px solid transparent !important; border-right: 6px solid transparent !important; } .nav-sm .left_col { z-index: 1000 !important; } .modal-body .btn{ margin-right:10px; } .btn-info { color: #fff; background-color: #1c285a !important; border-color: #1c285a !important; } .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox { display: block !important; } /* .content_container{ margin: 0 0px 50px 0px; } .btn-primary { background-color: #414862; border-color: #414862; } .btn-primary { color: #fff; background-color: #414862; border-color: #565d77; } .btn-primary:hover { color: #fff; background-color: #565d77; border-color: #565d77; } .btn-primary{ background-color: #1c285a !important; border-color: #1c285a !important; } */ .dropdown-list ul{ position: relative; } .dx-datagrid .dx-column-indicators { float: right !important; } .dx-datagrid-headers .dx-datagrid-table .dx-row > td{ text-align: center !important; } .sYndo { display: none !important; } .multiselect_custom .dropdown-list{ position: relative !important; } .cdk-global-overlay-wrapper{ align-items: baseline !important; margin-top: 20px !important; } .ng-resizable{position:relative}.ng-resizable-handle{position:absolute;font-size:0.1px;display:block;touch-action:none}.ng-resizable-handle.ng-resizable-e{cursor:e-resize;width:7px;right:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-w{cursor:w-resize;width:7px;left:-5px;height:100%;top:0}.ng-resizable-handle.ng-resizable-s{cursor:s-resize;height:7px;bottom:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-n{cursor:n-resize;height:7px;top:-5px;width:100%;left:0}.ng-resizable-handle.ng-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ng-resizable-handle.ng-resizable-sw{cursor:sw-resize;width:12px;height:12px;left:1px;bottom:1px}.ng-resizable-handle.ng-resizable-ne{cursor:ne-resize;width:12px;height:12px;right:1px;top:1px}.ng-resizable-handle.ng-resizable-nw{cursor:nw-resize;width:12px;height:12px;left:1px;top:1px}.ng-resizable-diagonal{box-sizing:border-box;width:0;height:0;border-bottom:12px solid #aaa;border-left:12px solid transparent} @font-face { font-family: 'PrimeIcons'; font-display: auto; src: url('primeicons.eot'); src: url('primeicons.eot?#iefix') format('embedded-opentype'), url('primeicons.ttf') format('truetype'), url('primeicons.woff') format('woff'), url('primeicons.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-fw { width: 1.28571429em; text-align: center; } .pi-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .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-o: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"; } @charset "UTF-8"; /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local("Open Sans Light"), local("OpenSans-Light"), url('open-sans-v15-latin-300.eot?#iefix') format("embedded-opentype"), url('open-sans-v15-latin-300.woff2') format("woff2"), url('open-sans-v15-latin-300.woff') format("woff"), url('open-sans-v15-latin-300.ttf') format("truetype"), url('open-sans-v15-latin-300.svg#OpenSans') format("svg"); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local("Open Sans Regular"), local("OpenSans-Regular"), url('open-sans-v15-latin-regular.eot?#iefix') format("embedded-opentype"), url('open-sans-v15-latin-regular.woff2') format("woff2"), url('open-sans-v15-latin-regular.woff') format("woff"), url('open-sans-v15-latin-regular.ttf') format("truetype"), url('open-sans-v15-latin-regular.svg#OpenSans') format("svg"); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local("Open Sans Bold"), local("OpenSans-Bold"), url('open-sans-v15-latin-700.eot?#iefix') format("embedded-opentype"), url('open-sans-v15-latin-700.woff2') format("woff2"), url('open-sans-v15-latin-700.woff') format("woff"), url('open-sans-v15-latin-700.ttf') format("truetype"), url('open-sans-v15-latin-700.svg#OpenSans') format("svg"); /* Legacy iOS */ } * { box-sizing: border-box; } body .ui-widget { font-family: "Open Sans", "Helvetica Neue", sans-serif; font-size: 14px; text-decoration: none; } body .ui-corner-all { border-radius: 3px; } body .ui-corner-top { border-top-left-radius: 3px; border-top-right-radius: 3px; } body .ui-corner-bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } body .ui-corner-left { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } body .ui-corner-right { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } body a { color: #007ad9; text-decoration: none; } body a:hover { color: #116fbf; } body a:active { color: #005b9f; } body .ui-helper-reset { line-height: normal; } body .ui-state-disabled, body .ui-widget:disabled { opacity: 0.5; filter: alpha(opacity=50); } body .pi { font-size: 1.25em; } body { /* Validations */ } body .ui-inputtext { font-size: 14px; color: #333333; background: #ffffff; padding: 0.429em; border: 1px solid #a6a6a6; transition: border-color 0.2s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } body .ui-inputtext:enabled:hover:not(.ui-state-error) { border-color: #212121; } body .ui-inputtext:enabled:focus:not(.ui-state-error) { border-color: #007ad9; outline: 0 none; box-shadow: none; } body .ui-chkbox { display: inline-block; vertical-align: middle; margin: 0; width: 20px; height: 20px; } body .ui-chkbox .ui-chkbox-box { border: 1px solid #a6a6a6; background-color: #ffffff; width: 20px; height: 20px; text-align: center; border-radius: 3px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover { border-color: #212121; } body .ui-chkbox .ui-chkbox-box.ui-state-focus { border-color: #007ad9; background-color: #ffffff; color: #007ad9; box-shadow: 0 0 0 0.2em #8dcdff; } body .ui-chkbox .ui-chkbox-box.ui-state-active { border-color: #007ad9; background-color: #007ad9; color: #ffffff; } body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover { border-color: #005b9f; background-color: #005b9f; color: #ffffff; } body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-focus { border-color: #007ad9; background-color: #007ad9; color: #ffffff; } body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { overflow: hidden; position: relative; font-size: 18px; } body .ui-chkbox-label { margin: 0 0 0 0.5em; } body .ui-radiobutton { display: inline-block; vertical-align: middle; margin: 0; width: 20px; height: 20px; } body .ui-radiobutton .ui-radiobutton-box { border: 1px solid #a6a6a6; background-color: #ffffff; width: 20px; height: 20px; text-align: center; position: relative; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 50%; } body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover { border-color: #212121; } body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { border-color: #007ad9; background-color: #ffffff; color: #007ad9; box-shadow: 0 0 0 0.2em #8dcdff; } body .ui-radiobutton .ui-radiobutton-box.ui-state-active { border-color: #007ad9; background-color: #007ad9; color: #ffffff; } body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon { background-color: #ffffff; } body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled):hover { border-color: #005b9f; background-color: #005b9f; color: #ffffff; } body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-focus { border-color: #007ad9; background-color: #007ad9; color: #ffffff; } body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { background: transparent; width: 10px; height: 10px; display: inline-block; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; transition: background-color 0.2s; border-radius: 50%; } body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { display: none; } body .ui-radiobutton-label { margin: 0 0 0 .5em; } body .ui-inputswitch { width: 3em; height: 1.75em; } body .ui-inputswitch .ui-inputswitch-slider { transition: background-color 0.2s; border-radius: 30px; background: #cccccc; } body .ui-inputswitch .ui-inputswitch-slider:before { background-color: #ffffff; height: 1.250em; width: 1.250em; left: .25em; bottom: .25em; border-radius: 50%; transition: 0.2s; } body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before { -ms-transform: translateX(1.25em); transform: translateX(1.25em); } body .ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider { background: #b7b7b7; } body .ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider { background-color: #b7b7b7; } body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider { background-color: #007ad9; } body .ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider { background-color: #116fbf; } body .ui-inputswitch.ui-inputswitch-checked.ui-inputswitch-focus .ui-inputswitch-slider { background: #005b9f; } body .ui-autocomplete .ui-autocomplete-input { padding: 0.429em; } body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container { padding: 0.2145em 0.429em; } body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover { border-color: #212121; } body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus { border-color: #007ad9; outline: 0 none; box-shadow: none; } body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token { margin: 0; padding: 0.2145em 0; color: #333333; } body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { font-family: "Open Sans", "Helvetica Neue", sans-serif; font-size: 14px; padding: 0; margin: 0; } body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token { font-size: 14px; padding: 0.2145em 0.429em; margin: 0 0.286em 0 0; background: #007ad9; color: #ffffff; } body .ui-autocomplete-panel { padding: 0; border: 1px solid #c8c8c8; background-color: #ffffff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } body .ui-autocomplete-panel .ui-autocomplete-items { padding: 0; } body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item { margin: 0; padding: 0.429em 0.857em; border: 0 none; color: #333333; background-color: transparent; border-radius: 0; } body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item.ui-state-highlight { color: #ffffff; background-color: #007ad9; } body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group { padding: 0.429em 0.857em; background-color: #d8dae2; color: #333333; } body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { width: 2.357em; } body .ui-fluid .ui-autocomplete.ui-autocomplete-multiple.ui-autocomplete-dd .ui-autocomplete-multiple-container { border-right: 0 none; width: calc(100% - 2.357em); } body .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-inputtext { border-right: 0 none; width: calc(100% - 2.357em); } body .ui-chips > ul.ui-inputtext { padding: 0.2145em 0.429em; display: inline-block; } body .ui-chips > ul.ui-inputtext:not(.ui-state-disabled):hover { border-color: #212121; } body .ui-chips > ul.ui-inputtext:not(.ui-state-disabled).ui-state-focus { border-color: #007ad9; outline: 0 none; box-shadow: none; } body .ui-chips > ul.ui-inputtext .ui-chips-input-token { padding: 0.2145em 0; } body .ui-chips > ul.ui-inputtext .ui-chips-input-token input { font-family: "Open Sans", "Helvetica Neue", sans-serif; font-size: 14px; padding: 0; margin: 0; color: #333333; } body .ui-chips > ul.ui-inputtext .ui-chips-input-token input:hover { border: 0 none; } body .ui-chips > ul.ui-inputtext .ui-chips-input-token input:focus { border: 0 none; } body .ui-chips > ul.ui-inputtext .ui-chips-token { font-size: 14px; padding: 0.2145em 0.429em; margin: 0 0.286em 0 0; background: #007ad9; color: #ffffff; } body .ui-dropdown { background: #ffffff; border: 1px solid #a6a6a6; transition: border-color 0.2s; } body .ui-dropdown:not(.ui-state-disabled):hover { border-color: #212121; } body .ui-dropdown:not(.ui-state-disabled).ui-state-focus { border-color: #007ad9; outline: 0 none; box-shadow: none; } body .ui-dropdown .ui-dropdown-label { padding-right: 2em; } body .ui-dropdown .ui-dropdown-trigger { background-color: #ffffff; width: 2em; line-height: 2em; text-align: center; padding: 0; color: #848484; } body .ui-dropdown .ui-dropdown-clear-icon { color: #848484; } body .ui-dropdown.ui-dropdown-clearable .ui-dropdown-label { padding-right: 4em; } body .ui-dropdown-panel { padding: 0; border: 1px solid #c8c8c8; background-color: #ffffff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } body .ui-dropdown-panel .ui-dropdown-filter-container { padding: 0.429em 0.857em 0.429em 0.857em; border-bottom: 1px solid #eaeaea; color: #333333; background-color: #ffffff; margin: 0; } body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter { width: 100%; padding-right: 2em; } body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon { top: 50%; margin-top: -.5em; right: 1.357em; color: #007ad9; } body .ui-dropdown-panel .ui-dropdown-items { padding: 0; } body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group { margin: 0; padding: 0.429em 0.857em; border: 0 none; color: #333333; background-color: transparent; border-radius: 0; } body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight { color: #ffffff; background-color: #007ad9; } body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover, body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group:not(.ui-state-highlight):not(.ui-state-disabled):hover { color: #333333; background-color: #eaeaea; } body .ui-multiselect { background: #ffffff; border: 1px solid #a6a6a6; transition: border-color 0.2s; } body .ui-multiselect:not(.ui-state-disabled):hover { border-color: #212121; } body .ui-multiselect:not(.ui-state-disabled).ui-state-focus { border-color: #007ad9; outline: 0 none; box-shadow: none; } body .ui-multiselect .ui-multiselect-label { padding: 0.429em; padding-right: 2em; color: #333333; } body .ui-multiselect .ui-multiselect-trigger { background-color: #ffffff; width: 2em; line-height: 2em; text-align: center; padding: 0; color: #848484; } body .ui-multiselect-panel { padding: 0; border: 1px solid #c8c8c8; background-color: #ffffff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } body .ui-multiselect-panel .ui-multiselect-header { padding: 0.429em 0.857em 0.429em 0.857em; border-bottom: 1px solid #eaeaea; color: #333333; background-color: #ffffff; margin: 0; } body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container { float: none; width: 70%; display: inline-block; vertical-align: middle; margin-left: 0; } body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-inputtext { padding: 0.429em; padding-right: 2em; } body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon { color: #007ad9; top: 50%; margin-top: -.5em; right: .5em; left: auto; } body .ui-multiselect-panel .ui-multiselect-header .ui-chkbox { margin-right: 0.5em; float: none; vertical-align: middle; } body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close { color: #848484; top: 50%; margin-top: -.5em; transition: color 0.2s; } body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:hover { color: #333333; } body .ui-multiselect-panel .ui-multiselect-items { padding: 0; } body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item { margin: 0; padding: 0.429em 0.857em; border: 0 none; color: #333333; background-color: transparent; border-radius: 0; } body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight { color: #ffffff; background-color: #007ad9; } body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { color: #333333; background-color: #eaeaea; } body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box { cursor: auto; } body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box:hover { border: 1px solid #a6a6a6; } body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box.ui-state-active:hover { border-color: #007ad9; } body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox { position: static; display: inline-block; vertical-align: middle; margin: 0 0.5em 0 0; } body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item label { display: inline-block; vertical-align: middle; } body .ui-listbox { padding: 0; min-width: 12em; background: #ffffff; border: 1px solid #a6a6a6; } body .ui-listbox .ui-chkbox { margin: 0 0.5em 0 0; } body .ui-listbox .ui-listbox-header { padding: 0.429em 0.857em 0.429em 0.857em; border-bottom: 1px solid #eaeaea; color: #333333; background-color: #ffffff; margin: 0; } body .ui-listbox .ui-listbox-header .ui-listbox-filter-container { width: calc(100% - (0.857em + 0.857em + 0.5em)); } body .ui-listbox .ui-listbox-header .ui-listbox-filter-container input { padding: 0.429em; padding-right: 2em; } body .ui-listbox .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon { top: 50%; left: auto; margin-top: -.5em; right: .5em; color: #007ad9; } body .ui-listbox .ui-listbox-list { background-color: #ffffff; } body .ui-listbox .ui-listbox-list .ui-listbox-item { margin: 0; padding: 0.429em 0.857em; border: 0 none; color: #333333; background-color: transparent; border-radius: 0; } body .ui-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight { color: #ffffff; background-color: #007ad9; } body .ui-listbox .ui-listbox-list .ui-listbox-item .ui-chkbox { position: static; display: inline-block; vertical-align: middle; margin: 0 0.5em 0 0; } body .ui-listbox .ui-listbox-list .ui-listbox-item label { display: inline-block; vertical-align: middle; } body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { color: #333333; background-color: #eaeaea; } body .ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover { border: 1px solid #a6a6a6; } body .ui-listbox .ui-listbox-footer { padding: 0.429em 0.857em 0.429em 0.857em; border-top: 1px solid #eaeaea; color: #333333; background-color: #ffffff; } body .ui-editor-container .ui-editor-toolbar { border: 1px solid #c8c8c8; background-color: #f4f4f4; } body .ui-editor-container .ui-editor-content { border: 1px solid #c8c8c8; } body .ui-editor-container .ui-editor-content .ql-editor { background-color: #ffffff; color: #333333; } body .ui-editor-container .ql-picker.ql-expanded .ql-picker-label { color: #333333; } body .ui-editor-container .ql-stroke { stroke: #333333; } body .ui-editor-container .ql-picker-label { color: #333333; } body .ui-editor-container .ql-snow.ql-toolbar button:hover, body .ui-editor-container .ql-snow .ql-toolbar button:hover, body .ui-editor-container .ql-snow.ql-toolbar button.ql-active, body .ui-editor-container .ql-snow .ql-toolbar button.ql-active, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #007ad9; } body .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, body .ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke, body .ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, body .ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, body .ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke-miter, body .ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke-miter, body .ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, body .ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, body .ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, body .ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #007ad9; } body .ui-rating a { text-align: center; display: inline-block; color: #333333; transition: color 0.2s; } body .ui-rating a.ui-rating-cancel { color: #e4018d; } body .ui-rating a .ui-rating-icon { font-size: 20px; } body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a:hover { color: #007ad9; } body .ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a.ui-rating-cancel:hover { color: #b5019f; } body .ui-spinner .ui-spinner-input { padding-right: 2.429em; } body .ui-spinner .ui-spinner-button { width: 2em; } body .ui-spinner .ui-spinner-button.ui-spinner-up { border-top-right-radius: 3px; } body .ui-spinner .ui-spinner-button.ui-spinner-down { border-bottom-right-radius: 3px; } body .ui-spinner .ui-spinner-button .ui-spinner-button-icon { position: absolute; top: 50%; left: 50%; margin-top: -.5em; margin-left: -.5em; width: 1em; } body .ui-fluid .ui-spinner .ui-spinner-input { padding-right: 2.429em; } body .ui-fluid .ui-spinner .ui-spinner-button { width: 2em; } body .ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon { left: 50%; } body .ui-slider { background-color: #c8c8c8; border: 0 none; } body .ui-slider.ui-slider-horizontal { height: 0.286em; } body .ui-slider.ui-slider-horizontal .ui-slider-handle { top: 50%; margin-top: -0.5715em; } body .ui-slider.ui-slider-vertical { width: 0.286em; } body .ui-slider.ui-slider-vertical .ui-slider-handle { left: 50%; margin-left: -0.5715em; } body .ui-slider .ui-slider-handle { height: 1.143em; width: 1.143em; background-color: #ffffff; border: 2px solid #666666; border-radius: 100%; transition: border-color 0.2s; } body .ui-slider .ui-slider-range { background-color: #007ad9; } body .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover { background-color: 2px solid #666666; border: 2px solid #007ad9; } body .ui-datepicker { padding: 0.857em; min-width: 20em; background-color: #ffffff; color: #333333; border: 1px solid #a6a6a6; } body .ui-datepicker:not(.ui-datepicker-inline) { border: 1px solid #c8c8c8; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:hover, body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:hover { color: #007ad9; } body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:focus, body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:focus { outline: 0 none; color: #007ad9; } body .ui-datepicker:not(.ui-state-disabled) table td a:not(.ui-state-active):not(.ui-state-highlight):hover { background-color: #eaeaea; } body .ui-datepicker:not(.ui-state-disabled) .ui-monthpicker a.ui-monthpicker-month:not(.ui-state-active):hover { background-color: #eaeaea; } body .ui-datepicker .ui-datepicker-header { padding: 0.429em 0.857em 0.429em 0.857em; background-color: #ffffff; color: #333333; border-radius: 0; } body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, body .ui-datepicker .ui-datepicker-header .ui-datepicker-next { cursor: pointer; top: 0; color: #a6a6a6; transition: color 0.2s; } body .ui-datepicker .ui-datepicker-header .ui-datepicker-title { margin: 0; padding: 0; line-height: 1; } body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select { margin-top: -.35em; margin-bottom: 0; } body .ui-datepicker table { font-size: 14px; margin: 0.857em 0 0 0; } body .ui-datepicker table th { padding: 0.5em; } body .ui-datepicker table td { padding: 0.5em; } body .ui-datepicker table td > a, body .ui-datepicker table td > span { display: block; text-align: center; color: #333333; padding: 0.5em; border-radius: 3px; } body .ui-datepicker table td > a.ui-state-active, body .ui-datepicker table td > span.ui-state-active { color: #ffffff; background-color: #007ad9; } body .ui-datepicker table td > a { cursor: pointer; } body .ui-datepicker table td.ui-datepicker-today > a, body .ui-datepicker table td.ui-datepicker-today > span { background-color: #d0d0d0; color: #333333; } body .ui-datepicker table td.ui-datepicker-today > a.ui-state-active, body .ui-datepicker table td.ui-datepicker-today > span.ui-state-active { color: #ffffff; background-color: #007ad9; } body .ui-datepicker table td.ui-datepicker-weekheader, body .ui-datepicker table td.ui-datepicker-weeknumber { border-right: 1px solid #a6a6a6; } body .ui-datepicker .ui-datepicker-buttonbar { border-top: 1px solid #d8dae2; } body .ui-datepicker .ui-timepicker { border: 0 none; border-top: 1px solid #d8dae2; padding: 0.857em; } body .ui-datepicker .ui-timepicker a { color: #333333; font-size: 1.286em; } body .ui-datepicker .ui-timepicker a:hover { color: #007ad9; } body .ui-datepicker .ui-timepicker span { font-size: 1.286em; } body .ui-datepicker .ui-monthpicker .ui-monthpicker-month { color: #333333; } body .ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active { color: #ffffff; background-color: #007ad9; } body .ui-datepicker.ui-datepicker-timeonly { padding: 0; } body .ui-datepicker.ui-datepicker-timeonly .ui-timepicker { border-top: 0 none; } body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group { border-right: 1px solid #d8dae2; padding-right: 0.857em; padding-left: 0.857em; padding-top: 0; padding-bottom: 0; } body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:first-child { padding-left: 0; } body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:last-child { padding-right: 0; border-right: 0 none; } body .ui-calendar.ui-calendar-w-btn .ui-inputtext { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0 none; } body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:hover:not(.ui-state-error), body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:focus:not(.ui-state-error) { border-right: 0 none; } body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button { width: 2.357em; border-top-left-radius: 0; border-bottom-left-radius: 0; } body .ui-fluid .ui-calendar.ui-calendar-w-btn input.ui-inputtext { width: calc(100% - 2.357em); } body .ui-fileupload .ui-fileupload-buttonbar { background-color: #f4f4f4; padding: 0.571em 1em; border: 1px solid #c8c8c8; color: #333333; border-bottom: 0 none; } body .ui-fileupload .ui-fileupload-buttonbar .ui-button { margin-right: 8px; } body .ui-fileupload .ui-fileupload-content { background-color: #ffffff; padding: 0.571em 1em; border: 1px solid #c8c8c8; color: #333333; } body .ui-fileupload .ui-progressbar { top: 0; } body .ui-fileupload-choose:not(.ui-state-disabled):hover { background-color: #116fbf; color: #ffffff; border-color: #116fbf; } body .ui-fileupload-choose:not(.ui-state-disabled):active { background-color: #005b9f; color: #ffffff; border-color: #005b9f; } body .ui-fileupload-choose.ui-state-focus { outline: 0 none; outline-offset: 0px; } body .ui-password-panel { padding: 12px; background-color: #ffffff; color: #333333; border: 1px solid #c8c8c8; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } body .ui-inputgroup .ui-inputgroup-addon { border-color: #a6a6a6; background-color: #eaeaea; color: #848484; padding: 0.429em; min-width: 2em; } body .ui-inputgroup .ui-inputgroup-addon:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } body .ui-inputgroup .ui-inputgroup-addon:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox { position: relative; } body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox .ui-chkbox { position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; } body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton { position: relative; } body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton .ui-radiobutton { position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; } body .ui-inputgroup .ui-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } body .ui-inputgroup .ui-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } body .ui-fluid .ui-inputgroup .ui-button { width: auto; } body .ui-fluid .ui-inputgroup .ui-button.ui-button-icon-only { width: 2.357em; } body ::-webkit-input-placeholder { color: #666666; } body :-moz-placeholder { color: #666666; } body ::-moz-placeholder { color: #666666; } body :-ms-input-placeholder { color: #666666; } body .ui-inputtext.ng-dirty.ng-invalid, body p-dropdown.ng-dirty.ng-invalid > .ui-dropdown, body p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext, body p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext, body p-chips.ng-dirty.ng-invalid > .ui-inputtext, body p-inputmask.ng-dirty.ng-invalid > .ui-inputtext, body p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box, body p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box, body p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch, body p-listbox.ng-dirty.ng-invalid .ui-inputtext, body p-multiselect.ng-dirty.ng-invalid > .ui-multiselect, body p-spinner.ng-dirty.ng-invalid > .ui-inputtext, body p-selectbutton.ng-dirty.ng-invalid .ui-button, body p-togglebutton.ng-dirty.ng-invalid .ui-button { border: 1px solid #a80000; } body .ui-button { margin: 0; color: #ffffff; background-color: #007ad9; border: 1px solid #007ad9; font-size: 14px; transition: background-color 0.2s, box-shadow 0.2s; } body .ui-button:enabled:hover { background-color: #116fbf; color: #ffffff; border-color: #116fbf; } body .ui-button:enabled:focus { outline: 0 none; outline-offset: 0px; box-shadow: 0 0 0 0.2em #8dcdff; } body .ui-button:enabled:active { background-color: #005b9f; color: #ffffff; border-color: #005b9f; } body .ui-button.ui-button-text-only .ui-button-text { padding: 0.429em 1em; } body .ui-button.ui-button-text-icon-left .ui-button-text { padding: 0.429em 1em 0.429em 2em; } body .ui-button.ui-button-text-icon-right .ui-button-text { padding: 0.429em 2em 0.429em 1em; } body .ui-button.ui-button-icon-only { width: 2.357em; } body .ui-button.ui-button-icon-only .ui-button-text { padding: 0.429em; } body .ui-button.ui-button-raised { box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); } body .ui-button.ui-button-rounded { border-radius: 15px; } body .ui-fluid .ui-button-icon-only { width: 2.357em; } body .ui-togglebutton { background-color: #dadada; border: 1px solid #dadada; color: #333333; transition: background-color 0.2s, box-shadow 0.2s; } body .ui-togglebutton .ui-button-icon-left { color: #666666; } body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover { background-color: #c8c8c8; border-color: #c8c8c8; color: #333333; } body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left { color: #212121; } body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { background-color: #c8c8c8; border-color: #c8c8c8; color: #333333; outline: 0 none; } body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left { color: #212121; } body .ui-togglebutton.ui-state-active { background-color: #007ad9; border-color: #007ad9; color: #ffffff; } body .ui-togglebutton.ui-state-active .ui-button-icon-left { color: #ffffff; } body .ui-togglebutton.ui-state-active:hover { background-color: #116fbf; border-color: #116fbf; color: #ffffff; } body .ui-togglebutton.ui-state-active:hover .ui-button-icon-left { color: #ffffff; } body .ui-togglebutton.ui-state-active.ui-state-focus { background-color: #005b9f; border-color: #005b9f; color: #ffffff; } body .ui-togglebutton.ui-state-active.ui-state-focus .ui-button-icon-left { color: #ffffff; } body .ui-selectbutton .ui-button { background-color: #dadada; border: 1px solid #dadada; color: #333333; transition: background-color 0.2s, box-shadow 0.2s; } body .ui-selectbutton .ui-button .ui-button-icon-left { color: #666666; } body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover { background-color: #c8c8c8; border-color: #c8c8c8; color: #333333; } body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left { color: #212121; } body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { background-color: #c8c8c8; border-color: #c8c8c8; color: #333333; outline: 0 none; } body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left { color: #212121; } body .ui-selectbutton .ui-button.ui-state-active { background-color: #007ad9; border-color: #007ad9; color: #ffffff; } body .ui-selectbutton .ui-button.ui-state-active .ui-button-icon-left { color: #ffffff; } body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover { background-color: #116fbf; border-color: #116fbf; color: #ffffff; } body .ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-button-icon-left { color: #ffffff; } body .ui-selectbutton .ui-button.ui-state-active.ui-state-focus { background-color: #005b9f; border-color: #005b9f; color: #ffffff; } body .ui-selectbutton .ui-button.ui-state-active.ui-state-focus .ui-button-icon-left { color: #ffffff; } body .ui-selectbutton .ui-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } body .ui-selectbutton .ui-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } @media (max-width: 640px) { body .ui-buttonset:not(.ui-splitbutton) .ui-button { margin-bottom: 1px; border-radius: 3px; } } body .ui-splitbutton.ui-buttonset .ui-button { border: 1px solid transparent; } body .ui-splitbutton.ui-buttonset .ui-menu { min-width: 100%; } body .ui-button.ui-state-default.ui-button-secondary, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default { color: #333333; background-color: #f4f4f4; border: 1px solid #f4f4f4; } body .ui-button.ui-state-default.ui-button-secondary:enabled:hover, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:hover { background-color: #c8c8c8; color: #333333; border-color: #c8c8c8; } body .ui-button.ui-state-default.ui-button-secondary:enabled:focus, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus { box-shadow: 0 0 0 0.2em #8dcdff; } body .ui-button.ui-state-default.ui-button-secondary:enabled:active, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:active { background-color: #a0a0a0; color: #333333; border-color: #a0a0a0; } body .ui-button.ui-state-default.ui-button-info, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default { color: #ffffff; background-color: #007ad9; border: 1px solid #007ad9; } body .ui-button.ui-state-default.ui-button-info:enabled:hover, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:hover { background-color: #116fbf; color: #ffffff; border-color: #116fbf; } body .ui-button.ui-state-default.ui-button-info:enabled:focus, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:focus { box-shadow: 0 0 0 0.2em #8dcdff; } body .ui-button.ui-state-default.ui-button-info:enabled:active, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:active { background-color: #005b9f; color: #ffffff; border-color: #005b9f; } body .ui-button.ui-state-default.ui-button-success, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default { color: #ffffff; background-color: #34A835; border: 1px solid #34A835; } body .ui-button.ui-state-default.ui-button-success:enabled:hover, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:hover { background-color: #107D11; color: #ffffff; border-color: #107D11; } body .ui-button.ui-state-default.ui-button-success:enabled:focus, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:focus { box-shadow: 0 0 0 0.2em #aae5aa; } body .ui-button.ui-state-default.ui-button-success:enabled:active, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:active { background-color: #0C6B0D; color: #ffffff; border-color: #0C6B0D; } body .ui-button.ui-state-default.ui-button-warning, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default { color: #333333; background-color: #ffba01; border: 1px solid #ffba01; } body .ui-button.ui-state-default.ui-button-warning:enabled:hover, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:hover { background-color: #ED990B; color: #333333; border-color: #ED990B; } body .ui-button.ui-state-default.ui-button-warning:enabled:focus, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus { box-shadow: 0 0 0 0.2em #ffeab4; } body .ui-button.ui-state-default.ui-button-warning:enabled:active, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:active { background-color: #D38B10; color: #333333; border-color: #D38B10; } body .ui-button.ui-state-default.ui-button-danger, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default { color: #ffffff; background-color: #e91224; border: 1px solid #e91224; } body .ui-button.ui-state-default.ui-button-danger:enabled:hover, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:hover { background-color: #c01120; color: #ffffff; border-color: #c01120; } body .ui-button.ui-state-default.ui-button-danger:enabled:focus, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:focus { box-shadow: 0 0 0 0.2em #f9b4ba; } body .ui-button.ui-state-default.ui-button-danger:enabled:active, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:active { background-color: #a90000; color: #ffffff; border-color: #a90000; } body .ui-widget-content p { line-height: 1.5; margin: 0; } body .ui-panel { padding: 0; border: 0 none; } body .ui-panel .ui-panel-titlebar { border: 1px solid #c8c8c8; padding: 0.571em 1em; background-color: #f4f4f4; color: #333333; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } body .ui-panel .ui-panel-titlebar .ui-panel-title { vertical-align: middle; font-weight: 700; } body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { margin: 0; position: relative; font-size: 14px; color: #848484; border: 1px solid transparent; transition: color 0.2s; } body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { color: #333333; } body .ui-panel .ui-panel-content { padding: 0.571em 1em; border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; padding: 0.571em 1em; border-top: 0 none; } body .ui-panel .ui-panel-footer { padding: 0.571em 1em; border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; border-top: 0 none; margin: 0; } body .ui-fieldset { border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; } body .ui-fieldset .ui-fieldset-legend a { padding: 0.571em 1em; border: 1px solid #c8c8c8; color: #333333; background-color: #f4f4f4; border-radius: 3px; transition: background-color 0.2s; } body .ui-fieldset .ui-fieldset-legend a .ui-fieldset-toggler { float: none; display: inline-block; vertical-align: middle; margin-right: .5em; color: #848484; } body .ui-fieldset .ui-fieldset-legend a .ui-fieldset-legend-text { padding: 0; } body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover { background-color: #dbdbdb; border: 1px solid #dbdbdb; color: #333333; } body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover .ui-fieldset-toggler { color: #333333; } body .ui-fieldset .ui-fieldset-content { padding: 0; } body .ui-accordion .ui-accordion-header { margin-bottom: 2px; } body .ui-accordion .ui-accordion-header a { padding: 0.571em 1em; border: 1px solid #c8c8c8; color: #333333; background-color: #f4f4f4; color: #333333; font-weight: 700; transition: background-color 0.2s; } body .ui-accordion .ui-accordion-header a .ui-accordion-toggle-icon { color: #848484; } body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a { background-color: #dbdbdb; border: 1px solid #dbdbdb; color: #333333; } body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a .ui-accordion-toggle-icon { color: #333333; } body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a { background-color: #007ad9; border: 1px solid #007ad9; color: #ffffff; } body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a .ui-accordion-toggle-icon { color: #ffffff; } body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a { border: 1px solid #005b9f; background-color: #005b9f; color: #ffffff; } body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a .ui-accordion-toggle-icon { color: #ffffff; } body .ui-accordion .ui-accordion-content { padding: 0.571em 1em; border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; padding: 0.571em 1em; } body .ui-tabview.ui-tabview-top, body .ui-tabview.ui-tabview-bottom, body .ui-tabview.ui-tabview-left, body .ui-tabview.ui-tabview-right { border: 0 none; } body .ui-tabview.ui-tabview-top .ui-tabview-nav, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav, body .ui-tabview.ui-tabview-left .ui-tabview-nav, body .ui-tabview.ui-tabview-right .ui-tabview-nav { padding: 0; background: transparent; border: 0 none; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li, body .ui-tabview.ui-tabview-left .ui-tabview-nav li, body .ui-tabview.ui-tabview-right .ui-tabview-nav li { border: 1px solid #c8c8c8; background-color: #f4f4f4; transition: background-color 0.2s; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li a { float: none; display: inline-block; color: #333333; padding: 0.571em 1em; font-weight: 700; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-left-icon { margin-right: 0.5em; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-right-icon { margin-left: 0.5em; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li .ui-tabview-close, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li .ui-tabview-close, body .ui-tabview.ui-tabview-left .ui-tabview-nav li .ui-tabview-close, body .ui-tabview.ui-tabview-right .ui-tabview-nav li .ui-tabview-close { color: #848484; margin: 0 0.5em 0 0; vertical-align: middle; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover { background-color: #dbdbdb; border: 1px solid #dbdbdb; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a { color: #333333; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close, body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close, body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close { color: #333333; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active { background-color: #007ad9; border: 1px solid #007ad9; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a { color: #ffffff; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active .ui-tabview-close, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active .ui-tabview-close, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active .ui-tabview-close, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active .ui-tabview-close { color: #ffffff; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover { border: 1px solid #005b9f; background-color: #005b9f; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a { color: #ffffff; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon { color: #ffffff; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-tabview-selected a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-tabview-selected a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-tabview-selected a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-tabview-selected a { cursor: pointer; } body .ui-tabview.ui-tabview-top .ui-tabview-nav { margin-bottom: -1px; } body .ui-tabview.ui-tabview-top .ui-tabview-nav li { margin-right: 2px; } body .ui-tabview.ui-tabview-bottom .ui-tabview-nav { margin-top: -1px; } body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li { margin-right: 2px; } body .ui-tabview.ui-tabview-left .ui-tabview-nav { margin-right: -px; } body .ui-tabview.ui-tabview-left .ui-tabview-nav li { margin-bottom: 2px; } body .ui-tabview.ui-tabview-right .ui-tabview-nav { margin-right: -1px; } body .ui-tabview.ui-tabview-right .ui-tabview-nav li { margin-bottom: 2px; } body .ui-tabview .ui-tabview-panels { background-color: #ffffff; padding: 0.571em 1em; border: 1px solid #c8c8c8; color: #333333; } body .ui-tabview .ui-tabview-panels .ui-tabview-panel { padding: 0; } body .ui-toolbar { background-color: #f4f4f4; border: 1px solid #c8c8c8; padding: 0.571em 1em; } body .ui-toolbar button { vertical-align: middle; } body .ui-toolbar .ui-toolbar-separator { vertical-align: middle; color: #848484; margin: 0 0.5em; } body .ui-card { background-color: #ffffff; color: #333333; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } body .ui-paginator { background-color: #f4f4f4; border: 1px solid #c8c8c8; padding: 0; } body .ui-paginator .ui-paginator-first, body .ui-paginator .ui-paginator-prev, body .ui-paginator .ui-paginator-next, body .ui-paginator .ui-paginator-last { color: #848484; height: 2.286em; min-width: 2.286em; border: 0 none; line-height: 2.286em; padding: 0; margin: 0; vertical-align: top; border-radius: 0; } body .ui-paginator .ui-paginator-first:not(.ui-state-disabled):not(.ui-state-active):hover, body .ui-paginator .ui-paginator-prev:not(.ui-state-disabled):not(.ui-state-active):hover, body .ui-paginator .ui-paginator-next:not(.ui-state-disabled):not(.ui-state-active):hover, body .ui-paginator .ui-paginator-last:not(.ui-state-disabled):not(.ui-state-active):hover { background-color: #e0e0e0; color: #333333; } body .ui-paginator .ui-paginator-current { color: #848484; height: 2.286em; min-width: 2.286em; line-height: 2.286em; } body .ui-paginator .ui-dropdown { border: 0 none; } body .ui-paginator .ui-dropdown .ui-dropdown-trigger, body .ui-paginator .ui-dropdown .ui-dropdown-label { color: #848484; } body .ui-paginator .ui-dropdown:hover .ui-dropdown-trigger, body .ui-paginator .ui-dropdown:hover .ui-dropdown-label { color: #333333; } body .ui-paginator .ui-paginator-first:before { position: relative; top: 1px; } body .ui-paginator .ui-paginator-prev:before { position: relative; } body .ui-paginator .ui-paginator-next:before { position: relative; top: 1px; } body .ui-paginator .ui-paginator-last:before { position: relative; top: 1px; } body .ui-paginator .ui-paginator-pages { vertical-align: top; display: inline-block; padding: 0; } body .ui-paginator .ui-paginator-pages .ui-paginator-page { color: #848484; height: 2.286em; min-width: 2.286em; border: 0 none; line-height: 2.286em; padding: 0; margin: 0; vertical-align: top; border-radius: 0; } body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { background-color: #007ad9; color: #ffffff; } body .ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover { background-color: #e0e0e0; color: #333333; } body .ui-paginator .ui-dropdown { margin-left: 0.5em; height: 2.286em; min-width: auto; } body .ui-table .ui-table-caption, body .ui-table .ui-table-summary { background-color: #f4f4f4; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; text-align: center; } body .ui-table .ui-table-caption { border-bottom: 0 none; font-weight: 700; } body .ui-table .ui-table-summary { border-top: 0 none; font-weight: 700; } body .ui-table .ui-table-thead > tr > th { padding: 0.571em 0.857em; border: 1px solid #c8c8c8; font-weight: 700; color: #333333; background-color: #f4f4f4; } body .ui-table .ui-table-tbody > tr > td { padding: 0.571em 0.857em; } body .ui-table .ui-table-tfoot > tr > td { padding: 0.571em 0.857em; border: 1px solid #c8c8c8; font-weight: 700; color: #333333; background-color: #ffffff; } body .ui-table .ui-sortable-column .ui-sortable-column-icon { color: #848484; } body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover { background-color: #e0e0e0; color: #333333; } body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon { color: #333333; } body .ui-table .ui-sortable-column.ui-state-highlight { background-color: #007ad9; color: #ffffff; } body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon { color: #ffffff; } body .ui-table .ui-editable-column input { font-size: 14px; font-family: "Open Sans", "Helvetica Neue", sans-serif; } body .ui-table .ui-editable-column input:focus { outline: 1px solid #007ad9; outline-offset: 2px; } body .ui-table .ui-table-tbody > tr { background-color: #ffffff; color: #333333; } body .ui-table .ui-table-tbody > tr > td { background-color: inherit; border: 1px solid #c8c8c8; } body .ui-table .ui-table-tbody > tr.ui-state-highlight { background-color: #007ad9; color: #ffffff; } body .ui-table .ui-table-tbody > tr.ui-state-highlight a { color: #ffffff; } body .ui-table .ui-table-tbody > tr.ui-contextmenu-selected { background-color: #007ad9; color: #ffffff; } body .ui-table .ui-table-tbody > tr.ui-table-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #007ad9; } body .ui-table .ui-table-tbody > tr.ui-table-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #007ad9; } body .ui-table .ui-table-tbody > tr:nth-child(even) { background-color: #f9f9f9; } body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight { background-color: #007ad9; color: #ffffff; } body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight a { color: #ffffff; } body .ui-table .ui-table-tbody > tr:nth-child(even).ui-contextmenu-selected { background-color: #007ad9; color: #ffffff; } body .ui-table.ui-table-hoverable-rows .ui-table-tbody > tr.ui-selectable-row:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover { cursor: pointer; background-color: #eaeaea; color: #333333; } body .ui-table .ui-column-resizer-helper { background-color: #007ad9; } @media screen and (max-width: 40em) { body .ui-table.ui-table-responsive .ui-paginator-top { border-bottom: 1px solid #c8c8c8; } body .ui-table.ui-table-responsive .ui-paginator-bottom { border-top: 1px solid #c8c8c8; } body .ui-table.ui-table-responsive .ui-table-tbody > tr > td { border: 0 none; } } body .ui-datagrid .ui-datagrid-header { background-color: #f4f4f4; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; font-weight: 700; border-bottom: 0 none; } body .ui-datagrid .ui-datagrid-content { padding: 0.571em 1em; border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; padding: 0.571em 1em; } body .ui-datagrid .ui-datagrid-footer { background-color: #ffffff; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; border-top: 0 none; } body .ui-datalist .ui-datalist-header { background-color: #f4f4f4; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; font-weight: 700; border-bottom: 0 none; } body .ui-datalist .ui-datalist-content { padding: 0.571em 1em; border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; padding: 0.571em 1em; } body .ui-datalist .ui-datalist-footer { background-color: #ffffff; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; border-top: 0 none; } body .ui-datascroller .ui-datascroller-header { background-color: #f4f4f4; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; font-weight: 700; border-bottom: 0 none; } body .ui-datascroller .ui-datascroller-content { padding: 0.571em 1em; border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; padding: 0.571em 1em; } body .ui-datascroller .ui-datascroller-footer { background-color: #ffffff; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; border-top: 0 none; } body .ui-virtualscroller .ui-virtualscroller-header { background-color: #f4f4f4; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; font-weight: 700; border-bottom: 0 none; } body .ui-virtualscroller .ui-virtualscroller-content { border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; } body .ui-virtualscroller .ui-virtualscroller-content .ui-virtualscroller-list li { border-bottom: 1px solid #c8c8c8; } body .ui-virtualscroller .ui-virtualscroller-footer { background-color: #ffffff; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; border-top: 0 none; } body .ui-dataview .ui-dataview-header { background-color: #f4f4f4; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; font-weight: 700; border-bottom: 0 none; } body .ui-dataview .ui-dataview-content { padding: 0.571em 1em; border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; padding: 0.571em 1em; } body .ui-dataview .ui-dataview-footer { background-color: #ffffff; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; border-top: 0 none; } body .fc th { background-color: #f4f4f4; border: 1px solid #c8c8c8; color: #333333; padding: 0.571em 1em; } body .fc td.ui-widget-content { background-color: #ffffff; border: 1px solid #c8c8c8; color: #333333; } body .fc td.fc-head-container { border: 1px solid #c8c8c8; } body .fc .fc-row { border-right: 1px solid #c8c8c8; } body .fc .fc-event { background-color: #116fbf; border: 1px solid #116fbf; color: #ffffff; } body .fc .fc-toolbar .fc-button { color: #ffffff; background-color: #007ad9; border: 1px solid #007ad9; font-size: 14px; transition: background-color 0.2s, box-shadow 0.2s; border-radius: 3px; } body .fc .fc-toolbar .fc-button:enabled:hover { background-color: #116fbf; color: #ffffff; border-color: #116fbf; } body .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: 'PrimeIcons' !important; text-indent: 0; } body .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } body .fc .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: 'PrimeIcons' !important; text-indent: 0; } body .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } body .fc .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0px; box-shadow: 0 0 0 0.2em #8dcdff; } body .fc .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } body .fc .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } body .fc .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } body .fc .fc-divider { background-color: #f4f4f4; border: 1px solid #c8c8c8; } body .ui-fluid .fc .fc-toolbar .fc-button { width: auto; } body .ui-picklist .ui-picklist-buttons button { font-size: 16px; } body .ui-picklist .ui-picklist-caption { background-color: #f4f4f4; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; font-weight: 700; border-bottom: 0 none; border-top-left-radius: 3px; border-top-right-radius: 3px; } body .ui-picklist .ui-picklist-filter-container { padding: 0.429em 0.857em 0.429em 0.857em; border: 1px solid #c8c8c8; color: #333333; background-color: #ffffff; margin: 0; border-bottom: 0 none; } body .ui-picklist .ui-picklist-filter-container input.ui-picklist-filter { width: 100%; padding-right: 2em; text-indent: 0; } body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon { top: 50%; margin-top: -.5em; left: auto; right: 1.357em; color: #007ad9; } body .ui-picklist .ui-picklist-buttons { padding: 0.571em 1em; } body .ui-picklist .ui-picklist-list { border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; padding: 0; } body .ui-picklist .ui-picklist-list .ui-picklist-item { padding: 0.429em 0.857em; margin: 0; border: 0 none; color: #333333; background-color: transparent; } body .ui-picklist .ui-picklist-list .ui-picklist-item:not(.ui-state-highlight):hover { background-color: #eaeaea; color: #333333; } body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { background-color: #007ad9; color: #ffffff; } body .ui-picklist .ui-picklist-list .ui-picklist-droppoint-highlight { background-color: #007ad9; } @media (max-width: 40em) { body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons { padding: 0.571em 1em; } } body .ui-orderlist .ui-orderlist-controls { padding: 0.571em 1em; } body .ui-orderlist .ui-orderlist-controls button { font-size: 16px; } body .ui-orderlist .ui-orderlist-caption { background-color: #f4f4f4; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; font-weight: 700; border-bottom: 0 none; border-top-left-radius: 3px; border-top-right-radius: 3px; } body .ui-orderlist .ui-orderlist-filter-container { padding: 0.429em 0.857em 0.429em 0.857em; border: 1px solid #c8c8c8; color: #333333; background-color: #ffffff; margin: 0; border-bottom: 0 none; } body .ui-orderlist .ui-orderlist-filter-container input.ui-inputtext { width: 100%; padding-right: 2em; text-indent: 0; } body .ui-orderlist .ui-orderlist-filter-container .ui-orderlist-filter-icon { top: 50%; margin-top: -.5em; left: auto; right: 1.357em; color: #007ad9; } body .ui-orderlist .ui-orderlist-list { border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; padding: 0; } body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { padding: 0.429em 0.857em; margin: 0; border: 0 none; color: #333333; background-color: transparent; } body .ui-orderlist .ui-orderlist-list .ui-orderlist-item:not(.ui-state-highlight):hover { background-color: #eaeaea; color: #333333; } body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { background-color: #007ad9; color: #ffffff; } body .ui-orderlist .ui-orderlist-list .ui-orderlist-droppoint-highlight { background-color: #007ad9; } body .ui-tree { border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; padding: 0.571em 1em; } body .ui-tree .ui-tree-container { padding: 0.286em; margin: 0; } body .ui-tree .ui-tree-container .ui-treenode { padding: 0.143em 0; } body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { padding: 0; border: 1px solid transparent; } body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { vertical-align: middle; display: inline-block; float: none; margin: 0 0.143em 0 0; color: #848484; } body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { vertical-align: middle; display: inline-block; margin: 0 0.143em 0 0; color: #848484; } body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { margin: 0; vertical-align: middle; display: inline-block; padding: 0.286em; } body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { background-color: #007ad9; color: #ffffff; } body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { margin: 0 0.5em 0 0; } body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-chkbox-icon { margin: 1px 0 0 0; } body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover { background-color: #eaeaea; color: #333333; } body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content > span { line-height: inherit; } body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-dragover { background-color: #eaeaea; color: #333333; } body .ui-tree .ui-tree-container .ui-treenode-droppoint.ui-treenode-droppoint-active { background-color: #007ad9; } body .ui-tree.ui-tree-horizontal { padding-left: 0; padding-right: 0; } body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; padding: 0.571em 1em; } body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-state-highlight { background-color: #007ad9; color: #ffffff; } body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon { color: #007ad9; } body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-treenode-label:not(.ui-state-highlight):hover { background-color: inherit; color: inherit; } body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { background-color: #eaeaea; color: #333333; } body .ui-tree .ui-tree-filter-container .ui-tree-filter { width: 100%; padding-right: 2em; } body .ui-tree .ui-tree-filter-container .ui-tree-filter-icon { top: 50%; left: auto; margin-top: -.5em; right: .8em; color: #007ad9; } body .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover { background-color: #eaeaea; color: #333333; } body .ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight { background-color: #007ad9; color: #ffffff; } body .ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight .ui-node-toggler i { color: #00325a; } body .ui-organizationchart .ui-organizationchart-line-down { background-color: #c8c8c8; } body .ui-organizationchart .ui-organizationchart-line-left { border-right: 1px solid #c8c8c8; border-color: #c8c8c8; } body .ui-organizationchart .ui-organizationchart-line-top { border-top: 1px solid #c8c8c8; border-color: #c8c8c8; } body .ui-organizationchart .ui-organizationchart-node-content { border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; padding: 0.571em 1em; } body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler { bottom: -.7em; margin-left: -.46em; color: #848484; } body .ui-treetable .ui-treetable-caption, body .ui-treetable .ui-treetable-summary { background-color: #f4f4f4; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; text-align: center; } body .ui-treetable .ui-treetable-caption { border-bottom: 0 none; font-weight: 700; } body .ui-treetable .ui-treetable-summary { border-top: 0 none; font-weight: 700; } body .ui-treetable .ui-treetable-thead > tr > th { padding: 0.571em 0.857em; border: 1px solid #c8c8c8; font-weight: 700; color: #333333; background-color: #f4f4f4; } body .ui-treetable .ui-treetable-tbody > tr > td { padding: 0.571em 0.857em; } body .ui-treetable .ui-treetable-tfoot > tr > td { padding: 0.571em 0.857em; border: 1px solid #c8c8c8; font-weight: 700; color: #333333; background-color: #ffffff; } body .ui-treetable .ui-sortable-column .ui-sortable-column-icon { color: #848484; } body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover { background-color: #e0e0e0; color: #333333; } body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon { color: #333333; } body .ui-treetable .ui-sortable-column.ui-state-highlight { background-color: #007ad9; color: #ffffff; } body .ui-treetable .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon { color: #ffffff; } body .ui-treetable .ui-editable-column input { font-size: 14px; font-family: "Open Sans", "Helvetica Neue", sans-serif; } body .ui-treetable .ui-editable-column input:focus { outline: 1px solid #007ad9; outline-offset: 2px; } body .ui-treetable .ui-treetable-tbody > tr { background-color: #ffffff; color: #333333; } body .ui-treetable .ui-treetable-tbody > tr > td { background-color: inherit; border: 1px solid #c8c8c8; } body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-toggler { color: #848484; vertical-align: middle; } body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-chkbox { vertical-align: middle; margin-right: 0.5em; } body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight { background-color: #007ad9; color: #ffffff; } body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td { background-color: inherit; border: 1px solid #c8c8c8; } body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td .ui-treetable-toggler { color: #ffffff; } body .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected { background-color: #007ad9; color: #ffffff; } body .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td { background-color: inherit; border: 1px solid #c8c8c8; } body .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td .ui-treetable-toggler { color: #ffffff; } body .ui-treetable.ui-treetable-hoverable-rows .ui-treetable-tbody > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover { cursor: pointer; background-color: #eaeaea; color: #333333; } body .ui-treetable .ui-column-resizer-helper { background-color: #007ad9; } body .ui-carousel .ui-carousel-content .ui-carousel-prev, body .ui-carousel .ui-carousel-content .ui-carousel-next { background-color: #ffffff; border: solid 1px rgba(178, 193, 205, 0.64); border-radius: 50%; margin: 0.2em; color: #333333; transition: color 0.2s; } body .ui-carousel .ui-carousel-content .ui-carousel-prev:not(.ui-state-disabled):hover, body .ui-carousel .ui-carousel-content .ui-carousel-next:not(.ui-state-disabled):hover { background-color: #ffffff; color: #007ad9; border-color: solid 1px rgba(178, 193, 205, 0.64); } body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item > .ui-button { border-color: transparent; background-color: transparent; } body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item .ui-carousel-dot-icon { width: 20px; height: 6px; background-color: #b2c1cd; margin: 0 0.2em; } body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item .ui-carousel-dot-icon::before { content: ' '; } body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon { background-color: #007ad9; } body .ui-messages { padding: 1em; margin: 1em 0; } body .ui-messages.ui-messages-info { background-color: #7fbcec; border: 0 none; color: #212121; } body .ui-messages.ui-messages-info .ui-messages-icon { color: #212121; } body .ui-messages.ui-messages-info .ui-messages-close { color: #212121; } body .ui-messages.ui-messages-success { background-color: #b7d8b7; border: 0 none; color: #212121; } body .ui-messages.ui-messages-success .ui-messages-icon { color: #212121; } body .ui-messages.ui-messages-success .ui-messages-close { color: #212121; } body .ui-messages.ui-messages-warn { background-color: #ffe399; border: 0 none; color: #212121; } body .ui-messages.ui-messages-warn .ui-messages-icon { color: #212121; } body .ui-messages.ui-messages-warn .ui-messages-close { color: #212121; } body .ui-messages.ui-messages-error { background-color: #f8b7bd; border: 0 none; color: #212121; } body .ui-messages.ui-messages-error .ui-messages-icon { color: #212121; } body .ui-messages.ui-messages-error .ui-messages-close { color: #212121; } body .ui-messages .ui-messages-close { top: .25em; right: .5em; font-size: 1.5em; } body .ui-messages .ui-messages-icon { font-size: 2em; } body .ui-message { padding: 0.429em; margin: 0; } body .ui-message.ui-message-info { background-color: #7fbcec; border: 0 none; color: #212121; } body .ui-message.ui-message-info .ui-message-icon { color: #212121; } body .ui-message.ui-message-success { background-color: #b7d8b7; border: 0 none; color: #212121; } body .ui-message.ui-message-success .ui-message-icon { color: #212121; } body .ui-message.ui-message-warn { background-color: #ffe399; border: 0 none; color: #212121; } body .ui-message.ui-message-warn .ui-message-icon { color: #212121; } body .ui-message.ui-message-error { background-color: #f8b7bd; border: 0 none; color: #212121; } body .ui-message.ui-message-error .ui-message-icon { color: #212121; } body .ui-message .ui-message-icon { font-size: 1.25em; } body .ui-message .ui-message-text { font-size: 1em; } body .ui-growl { top: 70px; } body .ui-growl .ui-growl-item-container { margin: 0 0 1em 0; opacity: 0.9; filter: alpha(opacity=90); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } body .ui-growl .ui-growl-item-container .ui-growl-item { padding: 1em; } body .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message { margin: 0 0 0 4em; } body .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image { font-size: 2.571em; } body .ui-growl .ui-growl-item-container.ui-growl-message-info { background-color: #7fbcec; border: 0 none; color: #212121; } body .ui-growl .ui-growl-item-container.ui-growl-message-info .ui-growl-image { color: #212121; } body .ui-growl .ui-growl-item-container.ui-growl-message-success { background-color: #b7d8b7; border: 0 none; color: #212121; } body .ui-growl .ui-growl-item-container.ui-growl-message-success .ui-growl-image { color: #212121; } body .ui-growl .ui-growl-item-container.ui-growl-message-warn { background-color: #ffe399; border: 0 none; color: #212121; } body .ui-growl .ui-growl-item-container.ui-growl-message-warn .ui-growl-image { color: #212121; } body .ui-growl .ui-growl-item-container.ui-growl-message-error { background-color: #f8b7bd; border: 0 none; color: #212121; } body .ui-growl .ui-growl-item-container.ui-growl-message-error .ui-growl-image { color: #212121; } body .ui-toast .ui-toast-message { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); margin: 0 0 1em 0; } body .ui-toast .ui-toast-message.ui-toast-message-info { background-color: #7fbcec; border: 0 none; color: #212121; } body .ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-close-icon { color: #212121; } body .ui-toast .ui-toast-message.ui-toast-message-success { background-color: #b7d8b7; border: 0 none; color: #212121; } body .ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-close-icon { color: #212121; } body .ui-toast .ui-toast-message.ui-toast-message-warn { background-color: #ffe399; border: 0 none; color: #212121; } body .ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-close-icon { color: #212121; } body .ui-toast .ui-toast-message.ui-toast-message-error { background-color: #f8b7bd; border: 0 none; color: #212121; } body .ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-close-icon { color: #212121; } body .ui-widget-overlay { background-color: rgba(0, 0, 0, 0.4); } body .ui-overlaypanel { background-color: #ffffff; color: #333333; padding: 0; border: 1px solid #c8c8c8; border-radius: 0; } body .ui-overlaypanel .ui-overlaypanel-content { padding: 0.571em 1em; } body .ui-overlaypanel .ui-overlaypanel-close { background-color: #007ad9; color: #ffffff; width: 1.538em; height: 1.538em; line-height: 1.538em; text-align: center; position: absolute; top: -0.769em; right: -0.769em; transition: background-color 0.2s; } body .ui-overlaypanel .ui-overlaypanel-close:hover { background-color: #005b9f; color: #ffffff; } body .ui-overlaypanel .ui-overlaypanel-close .ui-overlaypanel-close-icon { line-height: inherit; } body .ui-overlaypanel:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } body .ui-overlaypanel:before { border-color: rgba(200, 200, 200, 0); border-bottom-color: #c8c8c8; } body .ui-overlaypanel.ui-overlaypanel-flipped:after { border-top-color: #ffffff; } body .ui-overlaypanel.ui-overlaypanel-flipped:before { border-top-color: #c8c8c8; } body .ui-dialog { padding: 0; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } body .ui-dialog .ui-dialog-titlebar { border: 1px solid #c8c8c8; background-color: #f4f4f4; color: #333333; padding: 1em; font-weight: 700; border-bottom: 0 none; } body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { margin: 0; float: none; } body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { color: #848484; border: 0 none; padding: 0; margin-left: 0.5em; transition: color 0.2s; } body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { color: #333333; } body .ui-dialog .ui-dialog-content { background-color: #ffffff; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; } body .ui-dialog .ui-dialog-footer { border: 1px solid #c8c8c8; background-color: #ffffff; color: #333333; padding: 0.571em 1em; margin: 0; text-align: right; position: relative; top: -1px; } body .ui-dialog .ui-dialog-footer button { margin: 0 0.5em 0 0; width: auto; } body .ui-dialog.ui-confirm-dialog .ui-dialog-content { padding: 1.5em; } body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { float: none; display: inline-block; vertical-align: middle; line-height: 14px; margin: 0; } body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { margin-right: .35em; font-size: 16px; } body .ui-sidebar { background-color: #ffffff; color: #333333; padding: 0.571em 1em; border: 1px solid #c8c8c8; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } body .ui-sidebar .ui-sidebar-close { color: #848484; } body .ui-sidebar .ui-sidebar-close:hover { color: #333333; } body .ui-tooltip .ui-tooltip-text { background-color: #333333; color: #ffffff; padding: 0.429em; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { border-right-color: #333333; } body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { border-left-color: #333333; } body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { border-top-color: #333333; } body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { border-bottom-color: #333333; } body .ui-lightbox { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } body .ui-lightbox .ui-lightbox-caption { border: 1px solid #c8c8c8; background-color: #f4f4f4; color: #333333; padding: 0.571em 1em; font-weight: 700; } body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { color: #333333; margin: 0; } body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { padding: 0; color: #848484; transition: color 0.2s; } body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { color: #333333; } body .ui-lightbox .ui-lightbox-content-wrapper { overflow: hidden; background-color: #ffffff; color: #333333; border: 0 none; padding: 0; border-radius: 0; } body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left, body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { transition: all 0.2s; font-size: 3em; color: #ffffff; margin-top: -.5em; } body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover, body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { -ms-transform: scale(1.2); transform: scale(1.2); } body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading ~ a { display: none; } body .ui-breadcrumb { background-color: #ffffff; border: 1px solid #c8c8c8; padding: 0.571em 1em; } body .ui-breadcrumb ul li .ui-menuitem-link { color: #333333; margin: 0; } body .ui-breadcrumb ul li.ui-breadcrumb-chevron { margin: 0 0.5em 0 0.5em; color: #848484; } body .ui-breadcrumb ul li:first-child a { color: #848484; margin: 0; } body .ui-breadcrumb ul li .ui-menuitem-icon { color: #848484; } body .ui-steps { position: relative; } body .ui-steps .ui-steps-item { background-color: transparent; text-align: center; } body .ui-steps .ui-steps-item .ui-menuitem-link { display: inline-block; text-align: center; background-color: transparent; overflow: hidden; } body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { border-radius: 50%; display: inline-block; color: #333333; background-color: #ffffff; border: 1px solid #c8c8c8; position: relative; top: 16px; margin-bottom: 14px; width: 28px; height: 28px; font-size: 16px; line-height: 24px; text-align: center; } body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { display: block; margin-top: 6px; color: #848484; } body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { background: #007ad9; color: #ffffff; } body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { font-weight: 700; color: #333333; } body .ui-steps .ui-steps-item:last-child .ui-menuitem-link { display: block; } body .ui-steps:before { content: ' '; border-top: 1px solid #c8c8c8; width: 100%; top: 45%; left: 0; display: block; position: absolute; } body .ui-menu .ui-menuitem-link, body .ui-menubar .ui-menuitem-link, body .ui-tieredmenu .ui-menuitem-link, body .ui-contextmenu .ui-menuitem-link, body .ui-megamenu .ui-menuitem-link, body .ui-slidemenu .ui-menuitem-link { padding: 0.714em 0.857em; color: #333333; font-weight: normal; border-radius: 0; } body .ui-menu .ui-menuitem-link .ui-menuitem-text, body .ui-menubar .ui-menuitem-link .ui-menuitem-text, body .ui-tieredmenu .ui-menuitem-link .ui-menuitem-text, body .ui-contextmenu .ui-menuitem-link .ui-menuitem-text, body .ui-megamenu .ui-menuitem-link .ui-menuitem-text, body .ui-slidemenu .ui-menuitem-link .ui-menuitem-text { color: #333333; } body .ui-menu .ui-menuitem-link .ui-menuitem-icon, body .ui-menubar .ui-menuitem-link .ui-menuitem-icon, body .ui-tieredmenu .ui-menuitem-link .ui-menuitem-icon, body .ui-contextmenu .ui-menuitem-link .ui-menuitem-icon, body .ui-megamenu .ui-menuitem-link .ui-menuitem-icon, body .ui-slidemenu .ui-menuitem-link .ui-menuitem-icon { color: #333333; margin-right: 0.5em; } body .ui-menu .ui-menuitem-link:hover, body .ui-menubar .ui-menuitem-link:hover, body .ui-tieredmenu .ui-menuitem-link:hover, body .ui-contextmenu .ui-menuitem-link:hover, body .ui-megamenu .ui-menuitem-link:hover, body .ui-slidemenu .ui-menuitem-link:hover { background-color: #eaeaea; } body .ui-menu .ui-menuitem-link:hover .ui-menuitem-text, body .ui-menubar .ui-menuitem-link:hover .ui-menuitem-text, body .ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-text, body .ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-text, body .ui-megamenu .ui-menuitem-link:hover .ui-menuitem-text, body .ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-text { color: #333333; } body .ui-menu .ui-menuitem-link:hover .ui-menuitem-icon, body .ui-menubar .ui-menuitem-link:hover .ui-menuitem-icon, body .ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-icon, body .ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-icon, body .ui-megamenu .ui-menuitem-link:hover .ui-menuitem-icon, body .ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-icon { color: #333333; } body .ui-menu { padding: 0; background-color: #ffffff; border: 1px solid #c8c8c8; } body .ui-menu .ui-menuitem { margin: 0; } body .ui-menu.ui-shadow { border: 1px solid #c8c8c8; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } body .ui-menu .ui-submenu-header { margin: 0; padding: 0.714em 0.857em; color: #333333; background-color: #f4f4f4; font-weight: 700; border: 0 none; } body .ui-menu .ui-menu-separator { border: 1px solid #c8c8c8; border-width: 1px 0 0 0; } body .ui-menubar { padding: 0; background-color: #ffffff; border: 1px solid #c8c8c8; } body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link { padding: 0.714em 0.857em; } body .ui-menubar .ui-menubar-root-list > .ui-menu-separator { border: 1px solid #c8c8c8; border-width: 0 0 0 1px; } body .ui-menubar .ui-submenu-list { padding: 0; background-color: #ffffff; border: 1px solid #c8c8c8; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } body .ui-menubar .ui-submenu-list .ui-menuitem { margin: 0; } body .ui-menubar .ui-submenu-list .ui-menu-separator { border: 1px solid #c8c8c8; border-width: 1px 0 0 0; } body .ui-menubar .ui-menuitem { margin: 0; } body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { background-color: #eaeaea; } body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { color: #333333; } body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon { color: #333333; } body .ui-contextmenu { padding: 0; background-color: #ffffff; border: 1px solid #c8c8c8; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } body .ui-contextmenu .ui-submenu-list { padding: 0; background-color: #ffffff; border: 1px solid #c8c8c8; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } body .ui-contextmenu .ui-menuitem { margin: 0; } body .ui-contextmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon { right: 0.429em; } body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { background-color: #eaeaea; } body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { color: #333333; } body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon { color: #333333; } body .ui-contextmenu .ui-menu-separator { border: 1px solid #c8c8c8; border-width: 1px 0 0 0; } body .ui-tieredmenu { padding: 0; background-color: #ffffff; border: 1px solid #c8c8c8; } body .ui-tieredmenu .ui-submenu-list { padding: 0; background-color: #ffffff; border: 1px solid #c8c8c8; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } body .ui-tieredmenu .ui-menuitem { margin: 0; } body .ui-tieredmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon { right: 0.429em; } body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { background-color: #eaeaea; } body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { color: #333333; } body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon { color: #333333; } body .ui-tieredmenu .ui-menu-separator { border: 1px solid #c8c8c8; border-width: 1px 0 0 0; } body .ui-slidemenu { padding: 0; background-color: #ffffff; border: 1px solid #c8c8c8; } body .ui-slidemenu .ui-submenu-list { padding: 0; background-color: #ffffff; border: 0 none; } body .ui-slidemenu .ui-menuitem { margin: 0; } body .ui-slidemenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon { right: 0.429em; } body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { background-color: #eaeaea; } body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { color: #333333; } body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon { color: #333333; } body .ui-slidemenu .ui-slidemenu-backward { margin: 0; padding: 0.571em 1em; color: #333333; background-color: #f4f4f4; font-weight: 700; border: 0 none; } body .ui-slidemenu .ui-slidemenu-backward:hover { background-color: #dbdbdb; color: #333333; } body .ui-slidemenu .ui-menu-separator { border: 1px solid #c8c8c8; border-width: 1px 0 0 0; } body .ui-tabmenu { border: 0 none; } body .ui-tabmenu .ui-tabmenu-nav { padding: 0; background: transparent; border-bottom: 1px solid #c8c8c8; } body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { position: static; border: 1px solid #c8c8c8; background-color: #f4f4f4; margin-right: 2px; margin-bottom: -1px; transition: background-color 0.2s; } body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link { color: #333333; padding: 0.571em 1em; } body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-text { color: #333333; margin-right: 0.5em; } body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon { color: #848484; margin-right: 0.5em; } body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover { background-color: #dbdbdb; border: 1px solid #dbdbdb; } body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-text { color: #333333; } body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-icon { color: #333333; } body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { background-color: #007ad9; border: 1px solid #007ad9; } body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-text { color: #ffffff; } body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-icon { color: #ffffff; } body .ui-megamenu { padding: 0; background-color: #ffffff; border: 1px solid #c8c8c8; } body .ui-megamenu .ui-megamenu-submenu-header { margin: 0; padding: 0.571em 1em; color: #333333; background-color: #f4f4f4; font-weight: 700; border: 0 none; } body .ui-megamenu .ui-megamenu-panel { padding: 0; background-color: #ffffff; border: 1px solid #c8c8c8; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } body .ui-megamenu .ui-menuitem { margin: 0; } body .ui-megamenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon { right: 0.429em; } body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { background-color: #eaeaea; } body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { color: #333333; } body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon { color: #333333; } body .ui-megamenu.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon { right: 0.429em; } body .ui-panelmenu .ui-icon { position: static; } body .ui-panelmenu .ui-panelmenu-header { padding: 0; } body .ui-panelmenu .ui-panelmenu-header > a { border: 1px solid #c8c8c8; background-color: #f4f4f4; color: #333333; padding: 0.714em 0.857em; font-weight: 700; position: static; font-size: 14px; transition: background-color 0.2s; } body .ui-panelmenu .ui-panelmenu-header > a .ui-panelmenu-icon { color: #848484; } body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover { outline: 0 none; border: 1px solid #dbdbdb; background-color: #dbdbdb; color: #333333; } body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover .ui-panelmenu-icon { color: #333333; } body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a { border: 1px solid #007ad9; background-color: #007ad9; color: #ffffff; } body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a .ui-panelmenu-icon { color: #ffffff; } body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover { outline: 0 none; border: 1px solid #005b9f; background-color: #005b9f; color: #ffffff; } body .ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover .ui-panelmenu-icon { color: #ffffff; } body .ui-panelmenu .ui-panelmenu-panel { margin-top: 2px; } body .ui-panelmenu .ui-panelmenu-panel:first-child { margin-top: 0; } body .ui-panelmenu .ui-panelmenu-content { padding: 0; background-color: #ffffff; border: 1px solid #c8c8c8; margin-top: 0; position: static; border-top: 0 none; } body .ui-panelmenu .ui-panelmenu-content .ui-menuitem { margin: 0; } body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link { padding: 0.714em 0.857em; color: #333333; } body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover { background-color: #eaeaea; } body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-panelmenu-icon { color: #333333; } body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-text { color: #333333; } body .ui-progressbar { border: 0 none; height: 24px; background-color: #eaeaea; } body .ui-progressbar .ui-progressbar-value { border: 0 none; margin: 0; background: #007ad9; } body .ui-progressbar .ui-progressbar-label { margin-top: 0; color: #333333; line-height: 24px; } body .ui-galleria .ui-galleria-nav-prev, body .ui-galleria .ui-galleria-nav-next { transition: all 0.2s; position: absolute; color: #848484; } body .ui-galleria .ui-galleria-nav-prev:hover, body .ui-galleria .ui-galleria-nav-next:hover { -ms-transform: scale(1.2); transform: scale(1.2); } body .ui-galleria .ui-galleria-nav-prev { font-size: 16px; } body .ui-galleria .ui-galleria-nav-next { font-size: 16px; } body .ui-terminal { background-color: #ffffff; color: #333333; border: 1px solid #c8c8c8; padding: 0.571em 1em; } body .ui-terminal .ui-terminal-input { font-size: 14px; font-family: "Open Sans", "Helvetica Neue", sans-serif; height: 16px; } body .ui-terminal .ui-terminal-command { height: 16px; } body .ui-inplace { min-height: 2.357em; } body .ui-inplace .ui-inplace-display { padding: 0.429em; border-radius: 3px; transition: background-color 0.2s; } body .ui-inplace .ui-inplace-display:not(.ui-state-disabled):hover { background-color: #eaeaea; color: #333333; } body .ui-fluid .ui-inplace.ui-inplace-closable .ui-inplace-content > :first-child { display: inline-block; width: calc(100% - 2.357em); } .ui-widget,.ui-widget *{box-sizing:border-box}.ui-helper-hidden{display:none !important}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-hidden-accessible input,.ui-helper-hidden-accessible select{-ms-transform:scale(0);transform:scale(0)}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix::before,.ui-helper-clearfix::after{content:"";display:table}.ui-helper-clearfix::after{clear:both}.ui-helper-clearfix{zoom:1}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default !important}.ui-state-disabled a{cursor:default !important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,0.3)}.ui-unselectable-text{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.ui-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}.ui-overflow-hidden{overflow:hidden}::-webkit-input-placeholder{color:#898989}:-moz-placeholder{color:#898989;opacity:1}::-moz-placeholder{color:#898989;opacity:1}:-ms-input-placeholder{color:#898989}::-ms-input-placeholder{color:#898989}.ui-placeholder{color:#898989}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.ui-accordion{width:100%}.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1}.ui-accordion .ui-accordion-header a{display:block;padding:.5em}.ui-accordion .ui-accordion-toggle-icon,.ui-accordion .ui-accordion-header-text{vertical-align:middle}.ui-accordion .ui-accordion-content{padding:1em;border-top:0;overflow:visible;zoom:1}.ui-accordion .ui-accordion-header.ui-state-disabled,.ui-accordion .ui-accordion-header.ui-state-disabled a{cursor:default}.ui-accordion-content-wrapper-overflown{overflow:hidden}.ui-rtl .ui-accordion .ui-accordion-header a{padding:.5em 2em .5em .5em}.ui-rtl .ui-accordion .ui-accordion-toggle-icon{left:initial;right:.5em}.ui-rtl .ui-accordion .ui-accordion-toggle-icon.pi-caret-right:before{content:'\e904'}.ui-blockui{position:absolute;top:0;left:0;width:100%;height:100%}.ui-blockui-document{position:fixed}.ui-autocomplete{width:auto;zoom:1;cursor:pointer;box-shadow:none;position:relative;display:inline-block}.ui-autocomplete .ui-autocomplete-dropdown{height:100%;width:2em;margin-right:0;vertical-align:top}.ui-autocomplete .ui-autocomplete-input{padding-right:1.5em}.ui-autocomplete-loader{position:absolute;right:.25em;top:50%;margin-top:-.5em}.ui-autocomplete-query{font-weight:bold}.ui-autocomplete .ui-autocomplete-panel{min-width:100%}.ui-autocomplete-panel{position:absolute;overflow:auto}.ui-autocomplete-panel .ui-autocomplete-list{padding:.4em;border:0 none}.ui-autocomplete-panel .ui-autocomplete-list-item{border:0 none;cursor:pointer;font-weight:normal;margin:1px 0;padding:.186em .313em;text-align:left}.ui-autocomplete .ui-button-icon-only,.ui-autocomplete .ui-button-icon-only:enabled:hover,.ui-autocomplete .ui-button-icon-only:enabled:focus,.ui-autocomplete .ui-button-icon-only:enabled:active{border-left:0 none}.ui-autocomplete-multiple-container{display:inline-block;vertical-align:middle}.ui-autocomplete-multiple-container.ui-inputtext{clear:left;cursor:text;list-style-type:none;margin:0;overflow:hidden;padding:0 1.5em 0 .25em}.ui-autocomplete-token{cursor:default;display:inline-block;vertical-align:middle;overflow:hidden;padding:.125em .5em;white-space:nowrap;position:relative;margin-right:.125em;border:0 none;font-size:.9em}.ui-autocomplete-token-label{display:block;margin-right:2em}.ui-autocomplete-token-icon{margin-top:-.5em;position:absolute;right:.2em;top:50%;cursor:pointer}.ui-autocomplete-input-token{display:inline-block;vertical-align:middle;list-style-type:none;margin:0 0 0 .125em;padding:.25em .25em .25em 0}.ui-autocomplete-input-token input{border:0 none;width:10em;outline:medium none;background-color:transparent;margin:0;padding:0;box-shadow:none;border-radius:0}.ui-autocomplete-dd .ui-autocomplete-loader{right:2.25em}.ui-autocomplete-dd input.ui-corner-all,.ui-autocomplete-dd .ui-autocomplete-multiple-container.ui-corner-all{border-top-right-radius:0;border-bottom-right-radius:0}.ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all{border-top-left-radius:0;border-bottom-left-radius:0}.ui-fluid p-autocomplete,.ui-fluid .ui-autocomplete,.ui-fluid .ui-autocomplete-input{width:100%}.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input,.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-multiple-container{width:calc(100% - 2em)}.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button{width:2em}.ui-button{display:inline-block;position:relative;padding:0;text-decoration:none !important;cursor:pointer;text-align:center;zoom:1;overflow:visible}p-button{display:inline-block}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.25em 1em}.ui-button-icon-only .ui-button-text,.ui-button-text-empty .ui-button-text{padding:.25em;text-indent:-9999999px}.ui-button-text-icon-left .ui-button-text{padding:.25em 1em .25em 2.1em}.ui-button-text-icon-right .ui-button-text{padding:.25em 2.1em .25em 1em}.ui-button-icon-only .ui-button-icon-left,.ui-button-text-icon-left .ui-button-icon-left,.ui-button-text-icon-right .ui-button-icon-right{position:absolute;top:50%;margin-top:-.5em;height:1em}.ui-button-icon-only .ui-button-icon-left{top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;width:1em;height:1em}.ui-button-icon-left{left:.5em}.ui-button-icon-right{right:.5em}.ui-buttonset .ui-button{margin-left:0;margin-right:0}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-fluid .ui-button{width:100%}.ui-fluid .ui-button-text-icon-left .ui-button-text,.ui-fluid .ui-button-text-icon-right .ui-button-text{padding-left:1em;padding-right:1em}.ui-fluid .ui-buttonset{width:100%}.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button{width:100%}.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button{width:50%}.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button{width:33.3%}.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button{width:25%}.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button{width:20%}.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:16.6%}@media(max-width:640px){.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:100%}}.ui-breadcrumb{margin:0;padding:0;padding:.5em}.ui-breadcrumb ul{margin:0;padding:0}.ui-breadcrumb ul li{display:inline-block;margin:0 .25em}.ui-breadcrumb-chevron,.ui-breadcrumb-home{vertical-align:middle}.ui-breadcrumb ul li .ui-menuitem-link{text-decoration:none}.ui-breadcrumb .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-breadcrumb .ui-menuitem-text{vertical-align:middle}.ui-calendar{position:relative;display:inline-block}.ui-calendar .ui-calendar-button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0;width:2em;border-left:0 none}.ui-calendar .ui-calendar-button:enabled:hover,.ui-calendar .ui-calendar-button:focus{border-left:0 none}.ui-calendar .ui-datepicker{min-width:100%}.ui-fluid .ui-calendar{width:100%}.ui-fluid .ui-calendar-button{width:2em}.ui-fluid .ui-datepicker-buttonbar button{width:auto}.ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext{width:calc(100% - 2em)}.ui-datepicker{width:auto;padding:.2em;position:absolute}.ui-datepicker.ui-datepicker-inline{display:inline-block;position:static}.ui-datepicker .ui-datepicker-group{border-left-width:0;border-right-width:0;border-top-width:0;border-bottom-width:0}.ui-datepicker .ui-datepicker-header{position:relative;padding:.5em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:.5em;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev{left:.125em}.ui-datepicker .ui-datepicker-next{right:.125em}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;top:50%;margin-top:-.5em;margin-left:-.5em}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:.125em 0;vertical-align:middle}.ui-datepicker select.ui-datepicker-month{margin-right:.25em}.ui-datepicker span.ui-datepicker-year{margin-left:.25em}.ui-datepicker-multiple-month .ui-datepicker-group{display:table-cell;border-left-width:0;border-top-width:0;border-bottom-width:0;border-right-width:1px}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.5em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:0}.ui-datepicker td>span,.ui-datepicker td>a{display:block;padding:.5em;text-decoration:none;border:0 none;text-align:center}.ui-datepicker .ui-datepicker-buttonbar{border-left:0 none;border-right:0 none;border-bottom:0 none;padding:.5em}.ui-datepicker .ui-datepicker-buttonbar>.ui-g>div:last-child{text-align:right}.ui-datepicker .ui-datepicker-buttonbar>.ui-g>div{padding:0}.ui-calendar.ui-calendar-w-btn input{border-top-right-radius:0;border-bottom-right-radius:0}.ui-monthpicker .ui-monthpicker-month{width:33.3%;display:inline-block;text-align:center;padding:.5em;cursor:pointer}.ui-datepicker-monthpicker select.ui-datepicker-year{width:auto}.ui-timepicker{text-align:center;padding:.5em 0}.ui-timepicker>div{display:inline-block;margin-left:.5em;min-width:1.5em}.ui-timepicker>.ui-minute-picker,.ui-timepicker>.ui-second-picker{margin-left:0}.ui-timepicker>.ui-separator{margin-left:0;min-width:.75em}.ui-timepicker>.ui-separator a{visibility:hidden}.ui-timepicker>div a{display:block;opacity:.7;filter:Alpha(Opacity=70);cursor:pointer}.ui-timepicker>div a:last-child{margin-top:.3em}.ui-timepicker>div a:hover{display:block;opacity:1;filter:Alpha(Opacity=100)}input[type=text]::-ms-clear{display:none}.ui-datepicker-touch-ui,.ui-calendar .ui-datepicker-touch-ui{position:fixed;top:50%;left:50%;min-width:80vw}.ui-datepicker-touch-ui.ui-datepicker th{padding:2em 0}.ui-datepicker-touch-ui.ui-datepicker td{padding:0}.ui-datepicker-touch-ui.ui-datepicker td>span,.ui-datepicker-touch-ui.ui-datepicker td>a{padding:2em 0}.ui-datepicker-touch-ui .ui-timepicker{padding:1em 0}.ui-datepicker-touch-ui .ui-timepicker>div a{font-size:2em}.ui-datepicker-mask{position:fixed;width:100%;height:100%}@media screen and (max-width:40em){.ui-datepicker-multiple-month{width:17em;overflow:auto}.ui-datepicker-touch-ui.ui-datepicker th{padding:1em 0}.ui-datepicker-touch-ui.ui-datepicker td span,.ui-datepicker-touch-ui.ui-datepicker td a{padding:1em 0}}.ui-card-header img{width:100%}.ui-card-body{padding:1em}.ui-card-title{font-size:1.5em;font-weight:bold;margin-bottom:.5em}.ui-card-subtitle{opacity:.7;margin-bottom:.5em;margin-top:-.25em;font-weight:bold}.ui-card-footer{padding-top:1em}.ui-carousel{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}.ui-carousel-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto;padding:0 .5em}.ui-carousel-prev,.ui-carousel-next{-ms-flex-item-align:center;align-self:center;text-align:center;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:2.5em;height:2.5em;position:relative}.ui-carousel-prev span,.ui-carousel-next span{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ui-carousel-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0 .1em}.ui-carousel-header,.ui-carousel-footer{padding:.5em;z-index:1}.ui-carousel-items-content{overflow:hidden;width:100%}.ui-carousel-items-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.ui-carousel-items-container .ui-carousel-item{width:100%;box-sizing:border-box;overflow:auto}.ui-carousel-dots-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:.5em}.ui-carousel-vertical .ui-carousel-container{-ms-flex-direction:column;flex-direction:column;width:100%}.ui-carousel-vertical .ui-carousel-items-container{-ms-flex-direction:column;flex-direction:column;height:100%}.ui-carousel-vertical .ui-carousel-dots-container{margin:.75em 0}.ui-chips>ul.ui-inputtext{clear:left;cursor:text;list-style-type:none;margin:0;overflow:hidden;padding:0 .25em}.ui-chips-token{cursor:default;display:inline-block;vertical-align:middle;overflow:hidden;padding:.125em .5em;white-space:nowrap;position:relative;margin-right:.125em;border:0 none;font-size:.9em}.ui-chips-token .ui-chips-token-label{display:block;margin-right:2em}.ui-chips>.ui-state-disabled .ui-chips-token-label{margin-right:0}.ui-chips-token .ui-chips-token-icon{margin-top:-.5em;position:absolute;right:.2em;top:50%;cursor:pointer}.ui-chips-input-token{display:inline-block;vertical-align:middle;list-style-type:none;margin:0 0 0 .125em;padding:.25em .25em .25em 0}.ui-chips-input-token input{border:0 none;width:10em;outline:medium none;background-color:transparent;margin:0;padding:0;box-shadow:none;border-radius:0}.ui-chkbox{display:inline-block;cursor:pointer;vertical-align:middle;margin-right:.25em;-ms-user-select:none;user-select:none;-moz-user-select:none;-webkit-user-select:none}.ui-chkbox .ui-chkbox-box{width:1.125em;height:1.125em;line-height:1.125em;border-radius:2px;text-align:center}.ui-chkbox .ui-chkbox-icon{display:block}.ui-chkbox-label{vertical-align:middle}.ui-chkbox-readonly{cursor:default}.ui-colorpicker{display:inline-block}.ui-colorpicker-dragging{cursor:pointer}.ui-colorpicker-overlay{position:relative}.ui-colorpicker-panel{position:relative;width:193px;height:166px;background-color:#323232;border-color:#191919}.ui-colorpicker-overlay-panel{position:absolute}.ui-colorpicker-preview{width:2em;cursor:pointer}.ui-colorpicker-panel .ui-colorpicker-content{position:relative}.ui-colorpicker-panel .ui-colorpicker-color-selector{width:150px;height:150px;top:8px;left:8px;position:absolute}.ui-colorpicker-panel .ui-colorpicker-color{width:150px;height:150px;background:transparent url('color.png') no-repeat left top}.ui-colorpicker-panel .ui-colorpicker-color-handle{position:absolute;top:0;left:150px;border-radius:100%;width:10px;height:10px;border:1px solid #fff;margin:-5px 0 0 -5px;cursor:pointer}.ui-colorpicker-panel .ui-colorpicker-hue{background:transparent url('hue.png') no-repeat left top;width:17px;height:150px;top:8px;left:167px;position:absolute;opacity:.85}.ui-colorpicker-panel .ui-colorpicker-hue-handle{position:absolute;top:150px;left:0;width:21px;margin-left:-2px;margin-top:-5px;height:10px;border:2px solid #fff;opacity:.85;cursor:pointer}.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-hue-handle,.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-color-handle{opacity:.5}.ui-contextmenu{width:12.5em;padding:.25em;position:absolute;display:none}.ui-contextmenu .ui-menu-separator{border-width:1px 0 0 0}.ui-contextmenu ul{list-style:none;margin:0;padding:0}.ui-contextmenu .ui-submenu-list{display:none;position:absolute;width:12.5em;padding:.25em}.ui-contextmenu .ui-menuitem-link{padding:.25em;display:block;position:relative}.ui-contextmenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-contextmenu .ui-menuitem-text{vertical-align:middle}.ui-contextmenu .ui-menuitem{position:relative}.ui-contextmenu .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}.ui-contextmenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block !important}.ui-datagrid .ui-paginator{text-align:center}.ui-datagrid-column{padding:.25em}.ui-datagrid-content-empty{padding:.25em .625em}.ui-datagrid .ui-datagrid-header,.ui-datagrid .ui-datagrid-footer{text-align:center;padding:.5em .75em}.ui-datagrid .ui-datagrid-header{border-bottom:0 none}.ui-datagrid .ui-datagrid-footer{border-top:0 none}.ui-datagrid .ui-paginator-top{border-bottom:0 none}.ui-datagrid .ui-paginator-bottom{border-top:0 none}.ui-datascroller .ui-datascroller-header{text-align:center;padding:.5em .75em;border-bottom:0 none}.ui-datascroller .ui-datascroller-footer{text-align:center;padding:.25em .625em;border-top:0 none}.ui-datascroller .ui-datascroller-content{padding:.25em .625em}.ui-datascroller-inline .ui-datascroller-content{overflow:auto}.ui-datascroller .ui-datascroller-list{list-style-type:none;margin:0;padding:0}.ui-datalist .ui-datalist-header,.ui-datalist .ui-datalist-footer{text-align:center;padding:.5em .75em}.ui-datalist .ui-datalist-header{border-bottom:0 none}.ui-datalist .ui-datalist-footer{border-top:0 none}.ui-datalist .ui-datalist-data{margin:0;padding:0}.ui-datalist .ui-datalist-data>li{list-style-type:none}.ui-datalist .ui-datalist-emptymessage{padding:.5em .75em}.ui-datalist.ui-datalist-scrollable .ui-datalist-content{overflow:auto}.ui-datalist .ui-paginator-top{border-bottom:0 none}.ui-datalist .ui-paginator-bottom{border-top:0 none}.ui-dataview{position:relative}.ui-dataview .ui-paginator{text-align:center}.ui-dataview-column{padding:.25em}.ui-dataview-content-empty{padding:.25em .625em}.ui-dataview .ui-dataview-header,.ui-dataview .ui-dataview-footer{padding:.5em .75em}.ui-dataview .ui-dataview-header{border-bottom:0 none}.ui-dataview .ui-dataview-footer{border-top:0 none}.ui-dataview .ui-paginator-top{border-bottom:0 none}.ui-dataview .ui-paginator-bottom{border-top:0 none}.ui-dataview.ui-dataview-list>.ui-dataview-content>div.ui-g>div{width:100%}.ui-dataview .ui-dataview-emptymessage{padding:.5em .75em}.ui-dataview-loading{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}.ui-dataview-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}.ui-dataview-loading-icon{font-size:2em}.ui-dialog{position:fixed;padding:0}.ui-dynamicdialog{top:50%;left:50%}.ui-dialog .ui-dialog-titlebar{padding:.5em .75em;position:relative;border:0}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em .75em;background:0;zoom:1}.ui-dialog-resizable .ui-dialog-content{overflow:auto}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-dialog .ui-dialog-titlebar-icon{text-decoration:none;float:right;float:right;padding:.125em;cursor:pointer;border:1px solid transparent}.ui-dialog .ui-dialog-titlebar-icon span{display:block;margin:0}.ui-dialog-footer{padding:1em;border-width:1px 0 0 0;text-align:right}.ui-dialog-mask{position:fixed;width:100%;height:100%}.ui-dialog-maximized{transition:left .3s,top .3s,width .3s,height .3s}.ui-confirmdialog{width:30em;top:50%;left:50%}.ui-confirmdialog.ui-dialog .ui-dialog-content{padding:1em 2em}.ui-confirmdialog .ui-dialog-content .ui-confirmdialog-icon{font-size:1.5em;margin-right:.5em;position:relative;top:.2em}.ui-dialog-footer .ui-button{margin-right:.25em}.ui-fluid .ui-dialog-footer .ui-button{width:auto}.ui-rtl .ui-dialog .ui-dialog-titlebar-close{float:left}.ui-rtl .ui-dialog .ui-dialog-buttonpane button{text-align:right}@media screen and (max-width:40em){.ui-confirmdialog{width:90%}}.ui-dropdown{display:inline-block;position:relative;cursor:pointer;vertical-align:middle;min-width:12.5em}.ui-dropdown .ui-dropdown-hidden-select{bottom:0;clip:auto}.ui-dropdown .ui-dropdown-hidden-select select{-ms-transform:none;transform:none;height:1px;position:absolute;top:0;clip:rect(0,0,0,0);pointer-events:none}.ui-dropdown .ui-dropdown-clear-icon{position:absolute;right:2em;top:50%;font-size:1em;height:1em;margin-top:-.5em}.ui-dropdown .ui-dropdown-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:1.5em;height:100%;position:absolute;right:0;top:0;padding:0 .25em}.ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon{top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;position:absolute}.ui-dropdown .ui-dropdown-label{display:block;border:0;white-space:nowrap;overflow:hidden;font-weight:normal;width:100%;padding-right:2.5em}.ui-dropdown-item-empty,.ui-dropdown-label-empty{text-indent:-9999px;overflow:hidden}.ui-dropdown.ui-state-disabled .ui-dropdown-trigger,.ui-dropdown.ui-state-disabled .ui-dropdown-label{cursor:default}.ui-dropdown label.ui-dropdown-label{cursor:pointer}.ui-dropdown input.ui-dropdown-label{cursor:default}.ui-dropdown .ui-dropdown-panel{min-width:100%}.ui-dropdown-panel{position:absolute;height:auto}.ui-dropdown-panel .ui-dropdown-items-wrapper{overflow:auto}.ui-dropdown-panel .ui-dropdown-item{font-weight:normal;border:0 none;cursor:pointer;margin:1px 0;padding:.125em .25em;text-align:left}.ui-dropdown-panel .ui-dropdown-empty-message{padding:.5em}.ui-dropdown-panel .ui-dropdown-item-group{font-weight:bold;cursor:default}.ui-dropdown-panel .ui-dropdown-list{padding:.4em;border:0 none}.ui-dropdown-panel .ui-dropdown-filter{width:100%;box-sizing:border-box;padding-right:1.5em}.ui-dropdown-panel .ui-dropdown-filter-container{position:relative;margin:0;padding:.4em;display:inline-block;width:100%}.ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon{position:absolute;top:.8em;right:1em}.ui-fluid .ui-dropdown{width:100%;min-width:100%}.ui-fieldset,.ui-fieldset .ui-fieldset-legend{padding:.5em 1em}.ui-fieldset-toggleable .ui-fieldset-legend{padding:0}.ui-fieldset-toggleable .ui-fieldset-legend a{padding:.5em 1em;cursor:pointer;white-space:nowrap;display:block}.ui-fieldset .ui-fieldset-toggler{margin-right:.1em;display:inline-block;vertical-align:middle}.ui-fieldset .ui-fieldset-legend-text{vertical-align:middle}.ui-fieldset .ui-fieldset-content-wrapper-overflown{overflow:hidden}.ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-disabled input{cursor:default}.ui-fileupload-buttonbar{padding:.5em;border-bottom:0 none}.ui-fileupload-buttonbar .ui-button{vertical-align:middle;margin-right:.25em}.ui-fileupload-content{padding:1em;position:relative;transition:border-color .3s}.ui-fileupload-content.ui-fileupload-highlight{border-color:#156090}.ui-fileupload-files img{border:0}.ui-fileupload-files{display:table}.ui-fileupload-row{display:table-row}.ui-fileupload-row>div{display:table-cell;padding:.5em 1em;vertical-align:middle}.ui-fileupload-content .ui-progressbar{width:100%;position:absolute;top:1px;left:0;height:.25em;border:0 none}.ui-fileupload-content .ui-progressbar-value{border-radius:0;border:0 none}.ui-fileupload-choose{position:relative;overflow:hidden}.ui-fileupload-choose input[type=file]{position:absolute;top:0;right:0;margin:0;opacity:0;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);direction:ltr;cursor:pointer;z-index:1}.ui-fileupload-choose.ui-fileupload-choose-selected input[type=file]{display:none}.ui-fluid .ui-fileupload .ui-button{width:auto}.ui-fluid .ui-fileupload-content .ui-button-icon-only{width:2em}@media(max-width:40em){.ui-fileupload-buttonbar .ui-button{display:block;width:100%;margin-right:0;margin-bottom:.25em}.ui-fileupload-buttonbar .ui-button:last-child{margin-bottom:0}.ui-fileupload-row>div{display:block}}.ui-fluid .fc .ui-button{width:auto}.ui-galleria{overflow:hidden;visibility:hidden;position:relative}.ui-galleria .ui-galleria-panel-wrapper{position:relative;padding:0;margin:0}.ui-galleria .ui-galleria-panel{-webkit-filter:inherit;filter:inherit;position:absolute;top:0;left:0;list-style-type:none}.ui-galleria .ui-galleria-filmstrip-wrapper{overflow:hidden;margin:.25em auto;position:relative}.ui-galleria .ui-galleria-filmstrip{list-style:none outside none;margin:0;padding:0;width:2340px;position:absolute;top:0;left:0}.ui-galleria .ui-galleria-frame{float:left;margin-right:5px;opacity:.3;cursor:pointer}.ui-galleria .ui-galleria-frame-active{opacity:1}.ui-galleria .ui-galleria-frame-content{overflow:hidden}.ui-galleria .ui-galleria-nav-next,.ui-galleria .ui-galleria-nav-prev{cursor:pointer;position:absolute;z-index:1}.ui-galleria .ui-galleria-nav-prev{left:4px}.ui-galleria .ui-galleria-nav-next{right:4px}.ui-galleria .ui-galleria-caption{position:absolute;left:1px;background-color:rgba(0,0,0,0.5);display:none;color:#ededed;padding:.2em 1em}.ui-galleria .ui-galleria-caption h4{color:#ededed}.ui-galleria .ui-galleria-panel-content{padding:1em 1.4em}.ui-grid{clear:both;padding:0;margin:0}.ui-grid::before,.ui-grid::after{content:"";display:table}.ui-grid::after{clear:both}.ui-grid .ui-grid-row{display:-ms-flexbox;display:flex;clear:both}.ui-grid-row::after{clear:both;content:"";display:table}.ui-grid-col-1,.ui-grid-col-2,.ui-grid-col-3,.ui-grid-col-4,.ui-grid-col-5,.ui-grid-col-6,.ui-grid-col-7,.ui-grid-col-8,.ui-grid-col-9,.ui-grid-col-10,.ui-grid-col-11,.ui-grid-col-12{float:left;box-sizing:border-box}.ui-grid-col-1{width:8.33333%}.ui-grid-col-2{width:16.66666%}.ui-grid-col-3{width:25%}.ui-grid-col-4{width:33.33333%}.ui-grid-col-5{width:41.66666%}.ui-grid-col-6{width:50%}.ui-grid-col-7{width:58.33333%}.ui-grid-col-8{width:66.66666%}.ui-grid-col-9{width:75%}.ui-grid-col-10{width:83.33333%}.ui-grid-col-11{width:91.66666%}.ui-grid-col-12{width:100%}@media(min-width:480px){.ui-grid-fixed{width:480px}}@media(min-width:768px){.ui-grid-fixed{width:768px}}@media(min-width:960px){.ui-grid-fixed{width:960px}}@media(min-width:1024px){.ui-grid-fixed{width:1024px}}@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}.ui-grid.ui-grid-pad>.ui-grid-row>div{padding:.25em .5em}@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}.ui-g{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box}.ui-g::after{clear:both;content:"";display:table;box-sizing:border-box}.ui-g-1,.ui-g-2,.ui-g-3,.ui-g-4,.ui-g-5,.ui-g-6,.ui-g-7,.ui-g-8,.ui-g-9,.ui-g-10,.ui-g-11,.ui-g-12{float:left;box-sizing:border-box;padding:.5em}.ui-g-1{width:8.3333%}.ui-g-2{width:16.6667%}.ui-g-3{width:25%}.ui-g-4{width:33.3333%}.ui-g-5{width:41.6667%}.ui-g-6{width:50%}.ui-g-7{width:58.3333%}.ui-g-8{width:66.6667%}.ui-g-9{width:75%}.ui-g-10{width:83.3333%}.ui-g-11{width:91.6667%}.ui-g-12{width:100%}.ui-g-offset-12{margin-left:100%}.ui-g-offset-11{margin-left:91.66666667%}.ui-g-offset-10{margin-left:83.33333333%}.ui-g-offset-9{margin-left:75%}.ui-g-offset-8{margin-left:66.66666667%}.ui-g-offset-7{margin-left:58.33333333%}.ui-g-offset-6{margin-left:50%}.ui-g-offset-5{margin-left:41.66666667%}.ui-g-offset-4{margin-left:33.33333333%}.ui-g-offset-3{margin-left:25%}.ui-g-offset-2{margin-left:16.66666667%}.ui-g-offset-1{margin-left:8.33333333%}.ui-g-offset-0{margin-left:0}@media screen and (max-width:40em){.ui-sm-1,.ui-sm-2,.ui-sm-3,.ui-sm-4,.ui-sm-5,.ui-sm-6,.ui-sm-7,.ui-sm-8,.ui-sm-9,.ui-sm-10,.ui-sm-11,.ui-sm-12{padding:.5em}.ui-sm-1{width:8.3333%}.ui-sm-2{width:16.6667%}.ui-sm-3{width:25%}.ui-sm-4{width:33.3333%}.ui-sm-5{width:41.6667%}.ui-sm-6{width:50%}.ui-sm-7{width:58.3333%}.ui-sm-8{width:66.6667%}.ui-sm-9{width:75%}.ui-sm-10{width:83.3333%}.ui-sm-11{width:91.6667%}.ui-sm-12{width:100%}.ui-sm-offset-12{margin-left:100%}.ui-sm-offset-11{margin-left:91.66666667%}.ui-sm-offset-10{margin-left:83.33333333%}.ui-sm-offset-9{margin-left:75%}.ui-sm-offset-8{margin-left:66.66666667%}.ui-sm-offset-7{margin-left:58.33333333%}.ui-sm-offset-6{margin-left:50%}.ui-sm-offset-5{margin-left:41.66666667%}.ui-sm-offset-4{margin-left:33.33333333%}.ui-sm-offset-3{margin-left:25%}.ui-sm-offset-2{margin-left:16.66666667%}.ui-sm-offset-1{margin-left:8.33333333%}.ui-sm-offset-0{margin-left:0}}@media screen and (min-width:40.063em){.ui-md-1,.ui-md-2,.ui-md-3,.ui-md-4,.ui-md-5,.ui-md-6,.ui-md-7,.ui-md-8,.ui-md-9,.ui-md-10,.ui-md-11,.ui-md-12{padding:.5em}.ui-md-1{width:8.3333%}.ui-md-2{width:16.6667%}.ui-md-3{width:25%}.ui-md-4{width:33.3333%}.ui-md-5{width:41.6667%}.ui-md-6{width:50%}.ui-md-7{width:58.3333%}.ui-md-8{width:66.6667%}.ui-md-9{width:75%}.ui-md-10{width:83.3333%}.ui-md-11{width:91.6667%}.ui-md-12{width:100%}.ui-md-offset-12{margin-left:100%}.ui-md-offset-11{margin-left:91.66666667%}.ui-md-offset-10{margin-left:83.33333333%}.ui-md-offset-9{margin-left:75%}.ui-md-offset-8{margin-left:66.66666667%}.ui-md-offset-7{margin-left:58.33333333%}.ui-md-offset-6{margin-left:50%}.ui-md-offset-5{margin-left:41.66666667%}.ui-md-offset-4{margin-left:33.33333333%}.ui-md-offset-3{margin-left:25%}.ui-md-offset-2{margin-left:16.66666667%}.ui-md-offset-1{margin-left:8.33333333%}.ui-md-offset-0{margin-left:0}}@media screen and (min-width:64.063em){.ui-lg-1,.ui-lg-2,.ui-lg-3,.ui-lg-4,.ui-lg-5,.ui-lg-6,.ui-lg-7,.ui-lg-8,.ui-lg-9,.ui-lg-10,.ui-lg-11,.ui-lg-12{padding:.5em}.ui-lg-1{width:8.3333%}.ui-lg-2{width:16.6667%}.ui-lg-3{width:25%}.ui-lg-4{width:33.3333%}.ui-lg-5{width:41.6667%}.ui-lg-6{width:50%}.ui-lg-7{width:58.3333%}.ui-lg-8{width:66.6667%}.ui-lg-9{width:75%}.ui-lg-10{width:83.3333%}.ui-lg-11{width:91.6667%}.ui-lg-12{width:100%}.ui-lg-offset-12{margin-left:100%}.ui-lg-offset-11{margin-left:91.66666667%}.ui-lg-offset-10{margin-left:83.33333333%}.ui-lg-offset-9{margin-left:75%}.ui-lg-offset-8{margin-left:66.66666667%}.ui-lg-offset-7{margin-left:58.33333333%}.ui-lg-offset-6{margin-left:50%}.ui-lg-offset-5{margin-left:41.66666667%}.ui-lg-offset-4{margin-left:33.33333333%}.ui-lg-offset-3{margin-left:25%}.ui-lg-offset-2{margin-left:16.66666667%}.ui-lg-offset-1{margin-left:8.33333333%}.ui-lg-offset-0{margin-left:0}}@media screen and (min-width:90.063em){.ui-xl-1,.ui-xl-2,.ui-xl-3,.ui-xl-4,.ui-xl-5,.ui-xl-6,.ui-xl-7,.ui-xl-8,.ui-xl-9,.ui-xl-10,.ui-xl-11,.ui-xl-12{padding:.5em}.ui-xl-1{width:8.3333%}.ui-xl-2{width:16.6667%}.ui-xl-3{width:25%}.ui-xl-4{width:33.3333%}.ui-xl-5{width:41.6667%}.ui-xl-6{width:50%}.ui-xl-7{width:58.3333%}.ui-xl-8{width:66.6667%}.ui-xl-9{width:75%}.ui-xl-10{width:83.3333%}.ui-xl-11{width:91.6667%}.ui-xl-12{width:100%}.ui-xl-offset-12{margin-left:100%}.ui-xl-offset-11{margin-left:91.66666667%}.ui-xl-offset-10{margin-left:83.33333333%}.ui-xl-offset-9{margin-left:75%}.ui-xl-offset-8{margin-left:66.66666667%}.ui-xl-offset-7{margin-left:58.33333333%}.ui-xl-offset-6{margin-left:50%}.ui-xl-offset-5{margin-left:41.66666667%}.ui-xl-offset-4{margin-left:33.33333333%}.ui-xl-offset-3{margin-left:25%}.ui-xl-offset-2{margin-left:16.66666667%}.ui-xl-offset-1{margin-left:8.33333333%}.ui-xl-offset-0{margin-left:0}}.ui-g-nopad{padding:0}.ui-growl{position:fixed;top:20px;right:20px;width:20em}.ui-growl-item-container{position:relative;margin:0 0 10px 0;opacity:.95;filter:alpha(opacity=95)}.ui-growl-item{position:relative;display:block;padding:.5em 1em}.ui-growl-item p{padding:0;margin:0}.ui-growl-icon-close{position:absolute;top:4px;right:4px;cursor:pointer}.ui-growl-title{font-weight:bold;padding:0 0 .5em 0;display:block}.ui-growl-image{position:absolute;display:inline-block;left:.5em;top:.25em;padding:0;font-size:2em}.ui-growl-message{padding:0 0 .25em 0;margin-left:2.5em}.ui-growl-message p{font-weight:normal}.ui-inplace .ui-inplace-display{display:inline;cursor:pointer;border:0 none;padding:.25em;font-weight:normal}.ui-inplace .ui-inplace-content{display:inline}.ui-fluid .ui-inputgroup p-inputmask{-ms-flex:1 1 auto;flex:1 1 auto}.ui-inputgroup p-inputmask:not(:first-child) .ui-inputtext{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0 none}.ui-inputgroup p-inputmask:not(:last-child) .ui-inputtext{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0 none}.ui-inputswitch{position:relative;display:inline-block;width:3em;height:1.75em}.ui-inputswitch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.3s;border-radius:30px}.ui-inputswitch-slider:before{position:absolute;content:"";height:1.250em;width:1.250em;left:.25em;bottom:.25em;border-radius:50%;transition:.3s}.ui-inputswitch-checked .ui-inputswitch-slider:before{-ms-transform:translateX(1.250em);transform:translateX(1.250em)}.ui-inputswitch.ui-state-disabled .ui-inputswitch-slider,.ui-inputswitch-readonly .ui-inputswitch-slider{cursor:default}.ui-inputtext{margin:0;outline:medium none;padding:.25em;font-weight:normal}.ui-widget-header .ui-inputtext,.ui-widget-content .ui-inputtext{font-weight:normal}.ui-fluid .ui-inputtext{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-inputgroup{display:-ms-flexbox;display:flex}.ui-inputgroup .ui-inputgroup-addon{display:inline-block;text-align:center;min-width:1.5em;padding:.25em;border-width:1px;border-style:solid}.ui-inputgroup .ui-inputgroup-addon+.ui-inputgroup-addon{border-left:0 none}.ui-inputgroup .ui-inputtext{padding-left:.5em}.ui-inputgroup .ui-inputtext:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0 none}.ui-inputgroup .ui-inputtext:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:0 none}.ui-inputgroup .ui-button{margin-right:0;border-radius:0}.ui-fluid .ui-inputgroup .ui-button{width:auto}.ui-fluid .ui-inputgroup .ui-inputtext{-ms-flex:1 1 auto;flex:1 1 auto}.ui-inputgroup .ui-chkbox,.ui-inputgroup .ui-radiobutton{margin-right:0;vertical-align:bottom}.ui-float-label{display:block;position:relative}.ui-float-label>label{font-weight:normal;position:absolute;pointer-events:none;left:.25em;top:50%;margin-top:-.5em;transition:.3s ease all;-moz-transition:.3s ease all;-webkit-transition:.3s ease all;color:#898989;line-height:1}.ui-float-label>input:-webkit-autofill ~ label{top:-.75em;font-size:12px}.ui-float-label>input:focus ~ label,.ui-float-label>input.ui-state-filled ~ label,.ui-float-label>.ui-inputwrapper-focus ~ label,.ui-float-label>.ui-inputwrapper-filled ~ label{top:-.75em;font-size:12px}.ui-inputtextarea-resizable{overflow:hidden;resize:none}.ui-fluid .ui-inputtextarea{width:100%}.ui-float-label>textarea ~ label{left:.25em;top:.75em}.ui-float-label textarea:-webkit-autofill ~ label{top:-.75em;font-size:12px}.ui-float-label textarea:focus ~ label,.ui-float-label textarea.ui-state-filled ~ label{top:-.75em;font-size:12px}.ui-lightbox{position:fixed;display:none;top:50%;left:50%;-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ui-lightbox-content-wrapper{position:relative}.ui-lightbox-content{position:relative;margin:0;padding:0;background-color:#000}.ui-lightbox-nav-right,.ui-lightbox-nav-left{position:absolute;top:50%;cursor:pointer}.ui-lightbox-nav-left{left:0}.ui-lightbox-nav-right{right:0}.ui-lightbox-loading .ui-lightbox-content{background:url('loading.gif') #000 center center no-repeat}.ui-lightbox-caption{padding:.2em .4em;display:none}.ui-lightbox-caption-text{margin:.3em 0 .1em 0;float:left}.ui-lightbox-close{float:right;margin:0;padding:.125em}.ui-lightbox-close.ui-state-hover{padding:0}.ui-lightbox-nav-left,.ui-lightbox-nav-right{opacity:.5}.ui-lightbox-nav-left:hover,.ui-lightbox-nav-right:hover{opacity:1}.ui-listbox{padding:.25em;width:10em}.ui-listbox .ui-listbox-list-wrapper{overflow:auto}.ui-listbox .ui-listbox-list{list-style-type:none;margin:0;padding:0}.ui-listbox .ui-listbox-item{padding:.25em;border:0 none;cursor:pointer;font-weight:normal;margin-bottom:1px}.ui-listbox .ui-listbox-item>span{vertical-align:middle}.ui-listbox .ui-listbox-item:last-child{margin-bottom:0}.ui-listbox.ui-state-disabled .ui-listbox-item{cursor:default}.ui-listbox-header{margin-bottom:.3em;padding:.125em .2em;position:relative}.ui-listbox-header .ui-chkbox{display:inline-block;vertical-align:middle;cursor:pointer}.ui-listbox-header .ui-listbox-filter-container{display:inline-block;vertical-align:middle;position:relative;width:100%}.ui-listbox-header.ui-listbox-header-w-checkbox .ui-listbox-filter-container{width:calc(100% - 2em)}.ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon{position:absolute;top:.25em;left:.25em}.ui-listbox-header .ui-inputtext{padding:.125em .125em .125em 1.25em;width:100%}.ui-listbox-footer{padding:.125em .2em}.ui-megamenu{padding:.25em}.ui-megamenu-root-list{margin:0;padding:0;list-style:none}.ui-megamenu-root-list>.ui-menuitem{position:relative}.ui-megamenu .ui-menuitem-link{padding:.25em;display:block;text-decoration:none}.ui-megamenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-megamenu .ui-menuitem-text{vertical-align:middle}.ui-megamenu-panel{display:none;position:absolute;width:auto}.ui-megamenu-root-list>.ui-menuitem-active>.ui-megamenu-panel{display:block}.ui-megamenu-panel .ui-menuitem{margin:.125em 0}.ui-megamenu-submenu{margin:0;padding:0;list-style:none;width:12.5em}.ui-megamenu-submenu-header{padding:.25em}.ui-megamenu-horizontal .ui-megamenu-root-list>.ui-menuitem{display:inline-block}.ui-megamenu-horizontal .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon{vertical-align:middle;margin-left:.25em}.ui-megamenu-vertical{width:12.5em}.ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem{display:block}.ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link{position:relative}.ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon{position:absolute;width:1em;height:1em;top:50%;right:0;margin-top:-.5em}.ui-megamenu .ui-g{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ui-menu{width:12.5em;padding:.25em}.ui-menu.ui-menu-dynamic{position:absolute}.ui-menu .ui-menu-separator{border-width:1px 0 0 0}.ui-menu ul{list-style:none;margin:0;padding:0}.ui-menu .ui-submenu-header{padding:.25em .5em;margin:.125em 0}.ui-menu .ui-menuitem{margin:.125em 0}.ui-menu .ui-menuitem-link{cursor:pointer;padding:.25em;display:block;text-decoration:none}.ui-menu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-menu .ui-menuitem-text{vertical-align:middle}.ui-message{border:1px solid;margin:0 .25em;padding:.25em .5em;display:inline-block;vertical-align:top}.ui-message .ui-message-icon,.ui-message .ui-message-text{vertical-align:middle}.ui-fluid .ui-message{display:block}.ui-menubar{padding:.25em}.ui-menubar:after{content:"";clear:both;display:table}.ui-menubar ul{margin:0;padding:0;list-style:none}.ui-menubar .ui-menuitem-link{display:block;padding:.25em;position:relative;text-decoration:none}.ui-menubar .ui-menuitem-icon{margin-right:.25em}.ui-menubar .ui-menubar-root-list{display:inline-block}.ui-menubar .ui-menubar-root-list>.ui-menuitem{display:inline-block;position:relative}.ui-menubar .ui-menubar-root-list>.ui-menuitem>.ui-menuitem-link{padding:.5em}.ui-menubar .ui-menubar-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon{vertical-align:middle;margin-left:.25em}.ui-menubar .ui-menubar-root-list>li ul{display:none}.ui-menubar .ui-menubar-root-list>.ui-menu-separator{display:inline-block;vertical-align:middle;height:1.5em}.ui-menubar .ui-submenu-list{display:none;position:absolute;min-width:12.5em;padding:.25em}.ui-menubar .ui-submenu-list .ui-menuitem{margin:.125em 0;position:relative}.ui-menubar .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-menubar .ui-menuitem-text{vertical-align:middle}.ui-menubar .ui-submenu-list .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}.ui-menubar .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block}.ui-menubar .ui-menubar-custom{float:right;padding:.25em}.ui-messages{border:1px solid;margin:.5em 0;padding:1em 1em 1em .5em;position:relative;display:-ms-flexbox;display:flex}.ui-messages .ui-messages-icon{display:inline-block;padding:0;vertical-align:middle;font-size:2em}.ui-messages .ui-messages-summary{font-weight:bold;margin-left:.25em}.ui-messages .ui-messages-detail{margin-left:.25em}.ui-messages ul{margin:0;padding:0;list-style-type:none;display:inline-block;vertical-align:middle;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.ui-messages ul>li{padding:.25em}.ui-messages.ui-messages-noicon ul{margin:0 1.5em 0 0}.ui-messages .ui-messages-close{cursor:pointer;position:absolute;top:5px;right:5px}.ui-multiselect{display:inline-block;position:relative;width:auto;cursor:pointer}.ui-multiselect .ui-multiselect-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:1.5em;height:100%;position:absolute;right:0;top:0;padding:0 .25em}.ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon{top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;position:absolute}.ui-multiselect .ui-multiselect-label-container{overflow:hidden}.ui-multiselect .ui-multiselect-label{display:block;padding:.25em 2em .25em .25em;width:auto;border:0;cursor:pointer;text-overflow:ellipsis;overflow:hidden}.ui-multiselect.ui-state-disabled .ui-multiselect-trigger,.ui-multiselect.ui-state-disabled .ui-multiselect-label{cursor:auto}.ui-multiselect-panel{padding:.2em;position:absolute;min-width:12em}.ui-multiselect .ui-multiselect-panel{min-width:100%}.ui-multiselect-panel .ui-multiselect-items-wrapper{overflow:auto;position:relative;padding:.2em 0}.ui-multiselect-panel .ui-multiselect-list{border:0 none}.ui-multiselect-panel .ui-multiselect-item{border:0 none;cursor:pointer;font-weight:normal;margin:1px 0;padding:.125em .25em;text-align:left;white-space:nowrap;display:block;position:relative}.ui-multiselect-panel .ui-multiselect-empty-message{padding:.5em}.ui-multiselect-panel .ui-multiselect-item .ui-chkbox{display:inline-block;vertical-align:middle}.ui-multiselect-panel .ui-multiselect-item span{display:inline-block;vertical-align:middle}.ui-multiselect-header{margin-bottom:.3em;padding:.25em;position:relative;text-align:left;min-height:2em}.ui-multiselect-header .ui-chkbox{display:inline-block;vertical-align:middle;cursor:pointer}.ui-multiselect-header .ui-multiselect-filter-container{position:relative;display:inline-block;vertical-align:middle;width:65%}.ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container{width:85%}.ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon{position:absolute;top:.25em;left:.125em}.ui-multiselect-header .ui-inputtext{padding:.125em .125em .125em 1.25em;width:100%}.ui-multiselect-header .ui-multiselect-close{position:absolute;right:.375em;top:.375em;display:block;border:0 none;cursor:pointer}.ui-multiselect-header a.ui-multiselect-all,.ui-multiselect-header a.ui-multiselect-none{float:left;margin-right:10px;display:block}.ui-multiselect-footer{padding:.25em}.ui-fluid .ui-multiselect{width:100%;box-sizing:border-box}.ui-orderlist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui-orderlist-controls-left{-ms-flex-direction:row;flex-direction:row}.ui-orderlist-controls-right{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.ui-orderlist-controls,.ui-orderlist-list-container{-ms-flex:0 0 auto;flex:0 0 auto}.ui-orderlist-controls{padding:0 .25em;width:16.66666%;-ms-flex-item-align:center;align-self:center}.ui-orderlist-controls .ui-button.ui-button-icon-only{display:block;margin-bottom:.25em;width:100%}.ui-orderlist-list-container{width:83.33333%}.ui-orderlist-list{list-style-type:none;margin:0;padding:0;overflow:auto;height:12.5em}.ui-orderlist-caption{text-align:center;padding:.5em .75em;border-bottom:0 none}.ui-orderlist-item{margin:1px;padding:.125em;cursor:pointer;border:0 none;font-weight:inherit}.ui-orderlist-filter-container{position:relative;width:100%;padding:.5em .6em;border-bottom:0 none}.ui-orderlist-filter-container .ui-inputtext{text-indent:1.1em;width:100%}.ui-orderlist-filter-container .ui-orderlist-filter-icon{position:absolute;top:50%;left:1em;margin-top:-.6em}.ui-orderlist.ui-state-disabled .ui-orderlist-item,.ui-orderlist.ui-state-disabled .ui-button{cursor:default}.ui-orderlist.ui-state-disabled .ui-orderlist-list{overflow:hidden}.ui-orderlist .ui-orderlist-droppoint{height:6px;list-style-type:none}@media(max-width:767px){.ui-orderlist-controls{width:100%;text-align:center}.ui-orderlist .ui-orderlist-list-container{width:100%}.ui-orderlist .ui-orderlist-controls .ui-button.ui-button.ui-button-icon-only{display:inline-block;width:20%;margin-right:.25em}}.ui-overlaypanel{padding:0;margin:0;position:absolute;margin-top:10px}.ui-overlaypanel-flipped{margin-top:0;margin-bottom:10px}.ui-overlaypanel-content{padding:.5em 1em}.ui-overlaypanel-close{position:absolute;top:-1em;right:-1em;width:2em;height:2em;line-height:2em;text-align:center;border-radius:100%;cursor:pointer}.ui-overlaypanel-close-icon{line-height:inherit}.ui-overlaypanel:after,.ui-overlaypanel:before{bottom:100%;left:1.25em;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ui-overlaypanel:after{border-width:8px;margin-left:-8px}.ui-overlaypanel:before{border-width:10px;margin-left:-10px}.ui-overlaypanel-shifted:after,.ui-overlaypanel-shifted:before{left:auto;right:1.25em;margin-left:auto}.ui-overlaypanel-shifted:after{margin-right:-8px}.ui-overlaypanel:before{margin-right:-10px}.ui-overlaypanel-flipped:after,.ui-overlaypanel-flipped:before{bottom:auto;top:100%}.ui-overlaypanel.ui-overlaypanel-flipped:after{border-bottom-color:transparent}.ui-overlaypanel.ui-overlaypanel-flipped:before{border-bottom-color:transparent}.ui-organizationchart .ui-organizationchart-table{border-spacing:0;border-collapse:separate;margin:0 auto}.ui-organizationchart .ui-organizationchart-table>tr>td{text-align:center;vertical-align:top;padding:0;padding:0 .75em}.ui-organizationchart .ui-organizationchart-node-content{padding:.5em .75em;display:inline-block;position:relative}.ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler{position:absolute;bottom:-9px;margin-left:-8px;z-index:2;left:50%}.ui-organizationchart .ui-organizationchart-line-down{margin:0 auto;height:20px;width:1px;float:none}.ui-organizationchart .ui-organizationchart-line-right{float:none;border-radius:0}.ui-organizationchart .ui-organizationchart-line-left{float:none;border-radius:0}.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node{cursor:pointer}.ui-paginator{margin:0;text-align:center;padding:.125em}.ui-paginator .ui-paginator-top{border-bottom:0 none}.ui-paginator .ui-paginator-bottom{border-top:0 none}.ui-paginator .ui-paginator-left-content{float:left}.ui-paginator .ui-paginator-right-content{float:right}.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-pages,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev,.ui-paginator .ui-paginator-current{display:inline-block;min-width:1.5em;height:1.5em;line-height:1.5em;zoom:1;margin-left:.063em;margin-right:.063em;text-decoration:none;vertical-align:middle;text-align:center;position:relative}.ui-paginator .ui-paginator-pages{width:auto;line-height:1}.ui-paginator .ui-paginator-icon{display:block;position:absolute;left:50%;top:50%;width:1em;height:1em;margin-top:-.5em;margin-left:-.5em}.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev{cursor:pointer}.ui-paginator .ui-paginator-current,.ui-paginator .ui-paginator-rpp-options{margin-left:1em;margin-right:1em;background-image:none}.ui-paginator .ui-paginator-jtp-select option,.ui-paginator .ui-paginator-rpp-options option{background-image:none;border:0 none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.ui-paginator a.ui-state-disabled{outline:0 none}.ui-paginator .ui-dropdown{min-width:4em;margin-left:.375em}.ui-fluid .ui-paginator .ui-dropdown{width:auto}.ui-panel{padding:.2em}.ui-panel .ui-panel-titlebar{padding:.5em .75em}.ui-panel .ui-panel-titlebar.ui-panel-titlebar-clickable{cursor:pointer}.ui-panel .ui-panel-titlebar-icon{float:right;cursor:pointer}.ui-panel .ui-panel-titlebar-icon{margin-left:.2em;margin-top:-0.1em}.ui-panel .ui-panel-content{border:0;background:0;padding:.5em .75em}.ui-panel .ui-panel-footer{border-width:1px 0 0;padding:.25em .5em;text-align:left}.ui-panel-content-wrapper-overflown{overflow:hidden}.ui-panelmenu{width:auto}.ui-panelmenu .ui-menu-separator{border-width:1px 0 0 0}.ui-panelmenu .ui-panelmenu-content-wrapper{overflow:hidden}.ui-panelmenu .ui-panelmenu-header{margin:-1px 0 0 0;zoom:1}.ui-panelmenu .ui-panelmenu-header-link{padding:.5em;display:block;text-decoration:none}.ui-panelmenu .ui-panelmenu-icon{vertical-align:middle}.ui-panelmenu .ui-menuitem-text{vertical-align:middle}.ui-panelmenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-panelmenu .ui-panelmenu-content{padding:.25em;border-top:0;margin-bottom:1px}.ui-panelmenu .ui-submenu-list{margin:0;padding:0;list-style:none;margin-left:1.5em}.ui-panelmenu .ui-panelmenu-content>.ui-panelmenu-root-submenu>.ui-submenu-list{margin-left:0}.ui-panelmenu .ui-menuitem{overflow:hidden;margin:.125em 0}.ui-panelmenu .ui-menuitem-link{padding:.25em;display:block;text-decoration:none}.ui-password-panel{padding:.25em .5em;position:absolute}.ui-password-panel .ui-password-meter{height:10px;background:transparent url('password-meter.png') no-repeat left top;padding:0;margin:0}.ui-password-info{margin-top:.25em}.ui-password-panel{-ms-transform:translateY(5%);transform:translateY(5%);opacity:0;transition:transform .3s,opacity .3s}.ui-password-panel-visible{-ms-transform:translateY(0);transform:translateY(0);opacity:1}.ui-password-panel-hidden{opacity:0;-ms-transform:translateY(5%);transform:translateY(5%);transition:transform .3s,opacity .15s}.ui-progressbar{height:1.2em;text-align:left;position:relative;overflow:hidden}.ui-progressbar-determinate .ui-progressbar-value{height:100%;width:0;position:absolute;display:none;border:0 none}.ui-progressbar-determinate .ui-progressbar-value-animate{transition:width 1s ease-in-out}.ui-progressbar-determinate .ui-progressbar-label{text-align:center;height:100%;width:100%;position:absolute;display:none;font-weight:bold}.ui-progressbar-indeterminate{height:.5em}.ui-progressbar-indeterminate .ui-progressbar-value{border:0 none}.ui-progressbar-indeterminate .ui-progressbar-value::before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite;animation:ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite}.ui-progressbar-indeterminate .ui-progressbar-value::after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;animation:ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes ui-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes ui-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes ui-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes ui-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.ui-picklist>div{float:left}.ui-picklist .ui-picklist-buttons{height:12.5em;padding:0 .25em}.ui-picklist .ui-picklist-list{list-style-type:none;margin:0;padding:0;overflow:auto;height:12.5em;width:12.5em}.ui-picklist .ui-picklist-list li{margin:1px;padding:.125em}.ui-picklist .ui-button{display:block;margin-bottom:.25em}.ui-picklist .ui-button-text-icon-left{width:100%}.ui-picklist .ui-picklist-item{cursor:pointer;border:0 none;font-weight:inherit}.ui-picklist .ui-picklist-caption{text-align:center;padding:.5em .75em;border-bottom:0 none}.ui-picklist table{width:100%;border-collapse:collapse}.ui-picklist .ui-picklist-filter-container{position:relative;width:100%;padding:.5em .6em;border-bottom:0 none}.ui-picklist .ui-picklist-filter-container .ui-picklist-filter{text-indent:1.1em;width:100%}.ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon{position:absolute;top:50%;left:1em;margin-top:-.6em}.ui-picklist{display:table}.ui-picklist>div{float:none;display:table-cell;vertical-align:top}.ui-picklist .ui-picklist-buttons{vertical-align:middle}.ui-picklist.ui-picklist-vertical{display:table}.ui-picklist.ui-picklist-vertical>div{float:none;display:table-row;vertical-align:top}.ui-picklist.ui-picklist-vertical .ui-picklist-buttons{text-align:center;height:auto}.ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button{display:inline-block}.ui-picklist.ui-picklist-vertical .ui-button{margin-top:.25em}.ui-picklist-outline{outline:1px dotted black;z-index:1}.ui-picklist .ui-picklist-droppoint{height:6px;list-style-type:none}.ui-picklist .ui-picklist-list .ui-picklist-droppoint-empty{height:100%;list-style-type:none}.ui-picklist-list.ui-picklist-source,.ui-picklist-list.ui-picklist-target{outline:0}.ui-picklist.ui-picklist-responsive *{box-sizing:border-box}.ui-picklist.ui-picklist-responsive{width:100%}.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper{width:35%}.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols{width:45%}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons{width:10%}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{width:100%}.ui-picklist.ui-picklist-responsive .ui-picklist-list{width:auto}@media(max-width:40em){.ui-picklist.ui-picklist-responsive{display:block}.ui-picklist.ui-picklist-responsive>div{display:block;width:100% !important}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons{text-align:center;height:auto;padding:.4em 0}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{display:inline-block;width:20%;margin-bottom:0;margin-right:.25em}.ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons{padding-bottom:.4em}.ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons{padding-top:.4em}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-right::before{content:"\e930"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-right::before{content:"\e92c"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-left::before{content:"\e933"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-left::before{content:"\e92f"}}.ui-progress-spinner{position:relative;margin:0 auto;width:100px;height:100px;display:inline-block}.ui-progress-spinner::before{content:'';display:block;padding-top:100%}.ui-progress-spinner-svg{-webkit-animation:ui-progress-spinner-rotate 2s linear infinite;animation:ui-progress-spinner-rotate 2s linear infinite;height:100%;-ms-transform-origin:center center;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.ui-progress-spinner-circle{stroke-dasharray:89,200;stroke-dashoffset:0;stroke:#d62d20;-webkit-animation:ui-progress-spinner-dash 1.5s ease-in-out infinite,ui-progress-spinner-color 6s ease-in-out infinite;animation:ui-progress-spinner-dash 1.5s ease-in-out infinite,ui-progress-spinner-color 6s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes ui-progress-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes ui-progress-spinner-rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes ui-progress-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes ui-progress-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-webkit-keyframes ui-progress-spinner-color{100%,0%{stroke:#d62d20}40%{stroke:#0057e7}66%{stroke:#008744}80%,90%{stroke:#ffa700}}@keyframes ui-progress-spinner-color{100%,0%{stroke:#d62d20}40%{stroke:#0057e7}66%{stroke:#008744}80%,90%{stroke:#ffa700}}.ui-radiobutton{display:inline-block;cursor:pointer;vertical-align:middle;margin-right:.25em;-ms-user-select:none;user-select:none;-moz-user-select:none;-webkit-user-select:none}.ui-radiobutton-box{width:1.125em;height:1.125em;line-height:1.125em;border-radius:100%;text-align:center;position:relative}.ui-radiobutton-icon{display:block;position:absolute;left:50%;top:50%;width:1em;height:1em;margin-top:-.5em;margin-left:-.5em}.ui-radiobutton{vertical-align:middle}.ui-rating{font-size:1.25em}.ui-fluid .fc .ui-button{width:auto}.ui-scrollpanel-wrapper{overflow:hidden;width:100%;height:100%;position:relative;z-index:1;float:left}.ui-scrollpanel-content{height:calc(100% + 18px);width:calc(100% + 18px);padding:0 18px 18px 0;position:relative;overflow:auto;box-sizing:border-box}.ui-scrollpanel-bar{position:relative;background:#c1c1c1;border-radius:3px;z-index:2;cursor:pointer;opacity:0;transition:opacity .25s linear}.ui-scrollpanel-bar-y{width:9px;top:0}.ui-scrollpanel-bar-x{height:9px;bottom:0}.ui-scrollpanel-hidden{visibility:hidden}.ui-scrollpanel:hover .ui-scrollpanel-bar,.ui-scrollpanel:active .ui-scrollpanel-bar{opacity:1}.ui-scrollpanel-grabbed{-o-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}.ui-selectbutton{display:inline-block}.ui-selectbutton.ui-state-error{padding:0}.ui-selectbutton .ui-button.ui-state-focus{outline:0}.ui-sidebar{position:fixed;padding:.5em 1em;transition:transform .3s}.ui-sidebar-left{top:0;left:0;width:20em;height:100%;-ms-transform:translateX(-100%);transform:translateX(-100%)}.ui-sidebar-right{top:0;right:0;width:20em;height:100%;-ms-transform:translateX(100%);transform:translateX(100%)}.ui-sidebar-top{top:0;left:0;width:100%;height:10em;-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-sidebar-bottom{bottom:0;left:0;width:100%;height:10em;-ms-transform:translateY(100%);transform:translateY(100%)}.ui-sidebar-full{width:100%;height:100%;left:0;transition:transform 0s}.ui-sidebar-left.ui-sidebar-active,.ui-sidebar-right.ui-sidebar-active{-ms-transform:translateX(0);transform:translateX(0)}.ui-sidebar-left.ui-sidebar-sm,.ui-sidebar-right.ui-sidebar-sm{width:20em}.ui-sidebar-left.ui-sidebar-md,.ui-sidebar-right.ui-sidebar-md{width:40em}.ui-sidebar-left.ui-sidebar-lg,.ui-sidebar-right.ui-sidebar-lg{width:60em}.ui-sidebar-top.ui-sidebar-active,.ui-sidebar-bottom.ui-sidebar-active{-ms-transform:translateY(0);transform:translateY(0)}.ui-sidebar-top.ui-sidebar-sm,.ui-sidebar-bottom.ui-sidebar-sm{height:10em}.ui-sidebar-top.ui-sidebar-md,.ui-sidebar-bottom.ui-sidebar-md{height:20em}.ui-sidebar-top.ui-sidebar-lg,.ui-sidebar-bottom.ui-sidebar-lg{height:30em}.ui-sidebar-mask{position:fixed;width:100%;height:100%}.ui-sidebar-close{float:right}.ui-sidebar-close{cursor:pointer}@media screen and (max-width:64em){.ui-sidebar-left.ui-sidebar-lg,.ui-sidebar-left.ui-sidebar-md,.ui-sidebar-right.ui-sidebar-lg,.ui-sidebar-right.ui-sidebar-md{width:20em}}.ui-slidemenu{width:12.5em;padding:.25em}.ui-slidemenu.ui-slidemenu-dynamic{position:absolute}.ui-slidemenu .ui-menu-separator{border-width:1px 0 0 0}.ui-slidemenu ul{list-style:none;margin:0;padding:0}.ui-slidemenu .ui-slidemenu-rootlist{position:absolute;top:0}.ui-slidemenu .ui-submenu-list{display:none;position:absolute;top:0;width:12.5em;padding:.25em}.ui-slidemenu .ui-menuitem-link{padding:.25em;display:block;position:relative;text-decoration:none}.ui-slidemenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-slidemenu .ui-menuitem-text{vertical-align:middle}.ui-slidemenu .ui-menuitem{position:relative;margin:.125em 0}.ui-slidemenu .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}.ui-slidemenu .ui-slidemenu-wrapper{position:relative}.ui-slidemenu .ui-slidemenu-content{overflow-x:hidden;overflow-y:auto;position:relative}.ui-slidemenu-backward{position:absolute;bottom:0;width:100%;padding:.25em;cursor:pointer;display:none}.ui-slidemenu-backward .ui-slidemenu-backward-icon{vertical-align:middle}.ui-slidemenu-backward span{vertical-align:middle}.ui-slidemenu .ui-menuitem-active{position:static}.ui-slidemenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block}.ui-slidemenu ul:not(.ui-active-submenu)>.ui-menuitem:not(.ui-menuitem-active),.ui-slidemenu .ui-active-submenu>.ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:none}.ui-slidemenu .ui-active-submenu>.ui-menuitem-active ~ .ui-menuitem{display:block}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none;z-index:1}.ui-slider .ui-slider-handle.ui-slider-handle-active{z-index:2}.ui-slider .ui-slider-range{position:absolute;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.25em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.25em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-slider-animate .ui-slider-handle{transition:left .3s}.ui-spinner{display:inline-block;overflow:visible;padding:0;position:relative;vertical-align:middle}.ui-spinner-input{vertical-align:middle;padding-right:1.5em}.ui-spinner-button{cursor:default;display:block;height:50%;margin:0;overflow:hidden;padding:0;position:absolute;right:0;text-align:center;vertical-align:middle;width:1.5em}.ui-spinner .ui-spinner-button-icon{position:absolute;top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;width:1em}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-fluid .ui-spinner{width:100%}.ui-fluid .ui-spinner .ui-spinner-input{padding-right:2em;width:100%}.ui-fluid .ui-spinner .ui-spinner-button{width:1.5em}.ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon{left:.7em}.ui-splitbutton{position:relative;display:inline-block;zoom:1}.ui-splitbutton .ui-button.ui-splitbutton-menubutton{width:2em;vertical-align:top}.ui-splitbutton.ui-state-disabled button{cursor:default}.ui-fluid .ui-splitbutton{width:100%}.ui-fluid .ui-splitbutton .ui-button:first-child{width:calc(100% - 2em)}.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton{width:2em}.ui-splitbutton .ui-menuitem-link{cursor:pointer}.ui-steps ul{list-style-type:none;padding:0;margin:0}.ui-steps .ui-steps-item{float:left;box-sizing:border-box;cursor:pointer}.ui-steps.ui-steps-readonly .ui-steps-item{cursor:auto}.ui-steps .ui-steps-item .ui-menuitem-link{text-decoration:none;display:block;padding:1em;position:relative;text-align:center}.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link,.ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link{cursor:default}.ui-steps .ui-steps-number{font-size:2em;display:block}.ui-steps .ui-steps-title{display:block;white-space:nowrap}@media(max-width:40em){.ui-steps .ui-steps-item .ui-menuitem-link{padding:.5em}.ui-steps .ui-steps-item .ui-steps-title{display:none}}.ui-table{position:relative}.ui-table table{border-collapse:collapse;width:100%;table-layout:fixed}.ui-table .ui-table-thead>tr>th,.ui-table .ui-table-tbody>tr>td,.ui-table .ui-table-tfoot>tr>td{padding:.25em .5em}.ui-table .ui-sortable-column{cursor:pointer}.ui-table p-sorticon{vertical-align:middle}.ui-table-auto-layout>.ui-table-wrapper{overflow-x:auto}.ui-table-auto-layout>.ui-table-wrapper>table{table-layout:auto}.ui-table-caption,.ui-table-summary{padding:.25em .5em;text-align:center;font-weight:bold}.ui-table-caption{border-bottom:0 none}.ui-table-summary{border-top:0 none}.ui-table .ui-paginator-top{border-bottom:0 none}.ui-table .ui-paginator-bottom{border-top:0 none}.ui-table-scrollable-wrapper{position:relative}.ui-table-scrollable-header,.ui-table-scrollable-footer{overflow:hidden;border:0 none}.ui-table-scrollable-body{overflow:auto;position:relative}.ui-table-virtual-table{position:absolute}.ui-table-loading-virtual-table{display:none}.ui-table-frozen-view .ui-table-scrollable-body{overflow:hidden}.ui-table-frozen-view>.ui-table-scrollable-body>table>.ui-table-tbody>tr>td:last-child{border-right:0 none}.ui-table-unfrozen-view{position:absolute;top:0}.ui-table-resizable>.ui-table-wrapper{overflow-x:auto}.ui-table-resizable .ui-table-thead>tr>th,.ui-table-resizable .ui-table-tfoot>tr>td,.ui-table-resizable .ui-table-tbody>tr>td{overflow:hidden}.ui-table-resizable .ui-resizable-column{background-clip:padding-box;position:relative}.ui-table-resizable-fit .ui-resizable-column:last-child .ui-column-resizer{display:none}.ui-table .ui-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5em;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.ui-table .ui-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.ui-table .ui-table-tbody>tr>td.ui-editing-cell{padding:0}.ui-table .ui-table-tbody>tr>td.ui-editing-cell p-celleditor>*{width:100%}.ui-table-reorder-indicator-up,.ui-table-reorder-indicator-down{position:absolute;display:none}.ui-table-responsive .ui-table-tbody>tr>td .ui-column-title{display:none}@media screen and (max-width:40em){.ui-table-responsive .ui-table-thead>tr>th,.ui-table-responsive .ui-table-tfoot>tr>td{display:none !important}.ui-table-responsive colgroup{display:none !important}.ui-table-responsive .ui-table-tbody>tr>td{text-align:left;display:block;border:0 none;width:100% !important;box-sizing:border-box;float:left;clear:left}.ui-table-responsive .ui-table-tbody>tr>td .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em;font-weight:bold}}.ui-table-loading{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}.ui-table-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}.ui-table .ui-table-loading-icon{font-size:2em}.ui-tabview{padding:.25em}.ui-tabview .ui-tabview-nav{margin:0}.ui-tabview .ui-tabview-nav li{list-style:none;float:left;position:relative;margin:0 .125em 1px 0;padding:0;white-space:nowrap}.ui-tabview .ui-tabview-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabview .ui-tabview-nav li.ui-tabview-selected a,.ui-tabview .ui-tabview-nav li.ui-state-disabled a,.ui-tabview .ui-tabview-nav li.ui-state-processing a{cursor:text}.ui-tabview .ui-tabview-nav li a,.ui-tabview.ui-tabview-collapsible .ui-tabview-nav li.ui-tabview-selected a{cursor:pointer}.ui-tabview .ui-tabview-panel{border-width:0;padding:1em;background:0}.ui-tabview .ui-tabview-nav li{display:block}.ui-tabview .ui-tabview-nav li .ui-tabview-left-icon{margin-right:.25em;vertical-align:middle}.ui-tabview .ui-tabview-nav li .ui-tabview-right-icon{margin-left:.25em;vertical-align:middle}.ui-tabview .ui-tabview-title{vertical-align:middle}.ui-tabview .ui-tabview-nav li .ui-tabview-close{margin:.5em .3em 0 0;cursor:pointer}.ui-tabview.ui-tabview-top>.ui-tabview-nav li{border-bottom:0;top:1px}.ui-tabview.ui-tabview-top>.ui-tabview-nav{padding:.2em .2em 0}.ui-tabview.ui-tabview-bottom>.ui-tabview-nav{padding:0 .2em .2em}.ui-tabview.ui-tabview-bottom>.ui-tabview-nav li{border-top:0}.ui-tabview-left::after,.ui-tabview-right::after{clear:both;content:".";display:block;height:0;visibility:hidden}.ui-tabview-left>.ui-tabview-nav{float:left;width:25%;height:300px;background-image:none;padding-top:1px}.ui-tabview-left>.ui-tabview-panels{float:right;width:75%}.ui-tabview.ui-tabview-left>.ui-tabview-nav li,.ui-tabview.ui-tabview-right>.ui-tabview-nav li{display:block;float:right;white-space:normal;width:99%}.ui-tabview.ui-tabview-left>.ui-tabview-nav li{margin:0 0 1px 0;border-right:0 none}.ui-tabview.ui-tabview-right>.ui-tabview-nav{float:right;width:25%;height:300px;background-image:none;padding-top:1px}.ui-tabview.ui-tabview-right>.ui-tabview-panels{float:left;width:75%}.ui-tabview.ui-tabview-right>.ui-tabview-nav li{margin:0 0 1px 0;border-left:0 none}.ui-rtl .ui-tabview .ui-tabview-nav li{float:right}.ui-tabmenu .ui-tabmenu-nav{margin:0;padding:.25em .5em 0 .25em}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem{list-style:none;float:left;position:relative;margin:0 .2em 1px 0;padding:0;white-space:nowrap;display:block;border-bottom:0;top:1px}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabmenu .ui-tabmenu-nav a{padding:.5em 1em}.ui-tabmenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-tabmenu .ui-menuitem-text{vertical-align:middle}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a{cursor:default}.ui-terminal{height:18em;overflow:auto;padding:.25em}.ui-terminal-input{border:0 none;background-color:transparent;color:inherit;padding:0;margin:0 0 0 .125em;width:75%;outline:0;vertical-align:baseline}.ui-terminal-command{margin-left:.125em;-moz-margin-start:.125em}.ui-terminal-input::-ms-clear{display:none}.ui-tieredmenu{width:12.5em;padding:.25em}.ui-tieredmenu.ui-tieredmenu-dynamic{position:absolute}.ui-tieredmenu .ui-menu-separator{border-width:1px 0 0 0}.ui-tieredmenu ul{list-style:none;margin:0;padding:0}.ui-tieredmenu .ui-submenu-list{display:none;position:absolute;width:12.5em;padding:.25em}.ui-tieredmenu .ui-menuitem-link{padding:.25em;display:block;cursor:pointer;position:relative;text-decoration:none}.ui-tieredmenu .ui-menuitem-icon{margin-right:.25em;vertical-align:middle}.ui-tieredmenu .ui-menuitem-text{vertical-align:middle}.ui-tieredmenu .ui-menuitem{position:relative;margin:.125em 0}.ui-tieredmenu .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}.ui-tieredmenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block}.ui-toast{position:fixed;width:20em}.ui-toast .ui-toast-message{position:relative;display:block;margin-bottom:.75em;overflow:hidden}.ui-toast .ui-toast-message-content{padding:.5em 1em}.ui-toast .ui-toast-close-icon{position:absolute;top:.25em;right:.25em;cursor:pointer;display:inline-block}.ui-toast .ui-toast-summary{font-weight:bold;padding:0 0 .5em 0;display:block}.ui-toast .ui-toast-icon{position:absolute;display:inline-block;left:.5em;top:.25em;padding:0;font-size:2em}.ui-toast .ui-toast-message-text-content{padding:0 0 .25em 0;margin-left:2.5em}.ui-toast-top-right{top:20px;right:20px}.ui-toast-top-left{top:20px;left:20px}.ui-toast-bottom-right{bottom:20px;right:20px}.ui-toast-bottom-left{bottom:20px;left:20px}.ui-toast-top-center{top:20px;left:50%;margin-left:-10em}.ui-toast-bottom-center{bottom:20px;left:50%;margin-left:-10em}.ui-toast-center{left:50%;top:50%;min-width:20vw;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ui-tree{width:18em}.ui-tree .ui-treenode-selectable.ui-treenode-content{cursor:pointer}.ui-tree .ui-tree-container{height:100%;margin:0;overflow:auto;padding:.25em;white-space:nowrap}.ui-tree-empty-message{padding:.25em}.ui-tree .ui-treenode-children{margin:0;padding:0 0 0 1em}.ui-tree .ui-treenode{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:repeat-y;list-style:none outside none;margin:0;padding:.125em 0 0 0}.ui-tree .ui-treenode-droppoint{height:4px;list-style-type:none}.ui-tree .ui-treenode-droppoint-active{border:0 none}.ui-tree .ui-tree-toggler{cursor:pointer;display:inline-block;vertical-align:middle}.ui-tree .ui-treenode-icon{display:inline-block;vertical-align:middle}.ui-tree .ui-treenode-label{display:inline-block;padding:0 .25em;vertical-align:middle}.ui-tree .ui-treenode-label.ui-state-hover,.ui-tree .ui-treenode-label.ui-state-highlight{font-weight:normal;border:0 none}.ui-tree .ui-treenode.ui-treenode-leaf>.ui-treenode-content>.ui-tree-toggler{visibility:hidden}.ui-tree .ui-chkbox-box{cursor:pointer}.ui-tree .ui-chkbox{display:inline-block;vertical-align:middle}.ui-tree .ui-chkbox .ui-chkbox-icon{margin-left:1px}.ui-tree .ui-tree-filter{width:100%;box-sizing:border-box;padding-right:1.5em}.ui-tree .ui-tree-filter-container{position:relative;margin:0;padding:.4em;display:inline-block;width:100%}.ui-tree .ui-tree-filter-container .ui-tree-filter-icon{position:absolute;top:.8em;right:1em}.ui-fluid .ui-tree{width:100%}.ui-tree-horizontal{width:auto;padding:.5em 0;overflow:auto}.ui-tree.ui-tree-horizontal table,.ui-tree.ui-tree-horizontal tr,.ui-tree.ui-tree-horizontal td{border-collapse:collapse;margin:0;padding:0;vertical-align:middle}.ui-tree.ui-tree-horizontal .ui-tree-toggler{vertical-align:middle;margin:0}.ui-tree-horizontal .ui-treenode-content{font-weight:normal;padding:.4em 1em .4em .2em}.ui-tree.ui-tree-horizontal .ui-tree-node-label{margin:0}.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content{font-weight:normal;white-space:nowrap}.ui-tree.ui-tree-horizontal .ui-treenode{background:url('line.gif') repeat-x scroll center center transparent;padding:.25em 2.5em}.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed{padding-right:0}.ui-tree.ui-tree-horizontal .ui-treenode-children{padding:0;margin:0}.ui-tree.ui-tree-horizontal .ui-treenode-connector{width:1px}.ui-tree.ui-tree-horizontal .ui-treenode-connector-table{height:100%;width:1px}.ui-tree.ui-tree-horizontal .ui-treenode-connector-line{background:url('line.gif') repeat-y scroll 0 0 transparent;width:1px}.ui-tree.ui-tree-horizontal table{height:0}.ui-tree.ui-tree-horizontal .ui-chkbox{vertical-align:bottom;margin-right:.25em}.ui-tree.ui-tree-loading{position:relative;min-height:4em}.ui-tree .ui-tree-loading-mask{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}.ui-tree .ui-tree-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}.ui-tree .ui-tree-loading-content .ui-tree-loading-icon{font-size:2em}.ui-toolbar{padding:.25em .5em}.ui-toolbar-group-left{float:left}.ui-toolbar-group-right{float:right}.ui-tooltip{position:absolute;display:none;padding:.25em .5em;max-width:12.5em}.ui-tooltip.ui-tooltip-right,.ui-tooltip.ui-tooltip-left{padding:0 .25em}.ui-tooltip.ui-tooltip-top,.ui-tooltip.ui-tooltip-bottom{padding:.25em 0}.ui-tooltip .ui-tooltip-text{padding:.125em .5em;background-color:#4c4c4c;color:#fff;white-space:pre-line}.ui-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.ui-tooltip-right .ui-tooltip-arrow{top:50%;left:0;margin-top:-.25em;border-width:.25em .25em .25em 0;border-right-color:#4c4c4c}.ui-tooltip-left .ui-tooltip-arrow{top:50%;right:0;margin-top:-.25em;border-width:.25em 0 .25em .25em;border-left-color:#4c4c4c}.ui-tooltip.ui-tooltip-top{padding:.25em 0}.ui-tooltip-top .ui-tooltip-arrow{bottom:0;left:50%;margin-left:-.25em;border-width:.25em .25em 0;border-top-color:#4c4c4c}.ui-tooltip-bottom .ui-tooltip-arrow{top:0;left:50%;margin-left:-.25em;border-width:0 .25em .25em;border-bottom-color:#4c4c4c}.ui-treetable{position:relative}.ui-treetable table{border-collapse:collapse;width:100%;table-layout:fixed}.ui-treetable .ui-treetable-thead>tr>th,.ui-treetable .ui-treetable-tbody>tr>td,.ui-treetable .ui-treetable-tfoot>tr>td{padding:.25em .5em}.ui-treetable .ui-treetable-toggler{cursor:pointer;display:inline-block;height:1em;position:relative;top:50%;margin-top:-.5em}.ui-treetable .ui-sortable-column{cursor:pointer}.ui-treetable p-treetablesorticon{vertical-align:middle}.ui-treetable-auto-layout>.ui-treetable-wrapper{overflow-x:auto}.ui-treetable-auto-layout>.ui-treetable-wrapper>table{table-layout:auto}.ui-treetable .ui-treetable-chkbox{margin:0 .25em;vertical-align:middle}.ui-treetable-caption,.ui-treetable-summary{padding:.25em .5em;text-align:center;font-weight:bold}.ui-treetable-caption{border-bottom:0 none}.ui-treetable-summary{border-top:0 none}.ui-treetable .ui-paginator-top{border-bottom:0 none}.ui-treetable .ui-paginator-bottom{border-top:0 none}.ui-treetable-scrollable-wrapper{position:relative}.ui-treetable-scrollable-header,.ui-treetable-scrollable-footer{overflow:hidden;border:0 none}.ui-treetable-scrollable-body{overflow:auto;position:relative}.ui-treetable-scrollable-body>table>.ui-treetable-tbody>tr:first-child>td{border-top:0 none}.ui-treetable-virtual-table{position:absolute}.ui-treetable-frozen-view .ui-treetable-scrollable-body{overflow:hidden}.ui-treetable-frozen-view>.ui-treetable-scrollable-body>table>.ui-treetable-tbody>tr>td:last-child{border-right:0 none}.ui-treetable-unfrozen-view{position:absolute;top:0}.ui-treetable-resizable>.ui-treetable-wrapper{overflow-x:auto}.ui-treetable-resizable .ui-treetable-thead>tr>th,.ui-treetable-resizable .ui-treetable-tfoot>tr>td,.ui-treetable-resizable .ui-treetable-tbody>tr>td{overflow:hidden}.ui-treetable-resizable .ui-resizable-column{background-clip:padding-box;position:relative}.ui-treetable-resizable-fit .ui-resizable-column:last-child .ui-column-resizer{display:none}.ui-treetable .ui-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5em;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.ui-treetable .ui-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.ui-treetable-reorder-indicator-up,.ui-treetable-reorder-indicator-down{position:absolute;display:none}.ui-treetable-responsive .ui-treetable-tbody>tr>td .ui-column-title{display:none}@media screen and (max-width:40em){.ui-treetable-responsive .ui-treetable-thead>tr>th,.ui-treetable-responsive .ui-treetable-tfoot>tr>td{display:none !important}.ui-treetable-responsive .ui-treetable-tbody>tr>td{text-align:left;display:block;border:0 none;width:100% !important;box-sizing:border-box;float:left;clear:left}.ui-treetable-responsive .ui-treetable-tbody>tr>td .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em;font-weight:bold}}.ui-treetable-loading{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}.ui-treetable-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}.ui-treetable .ui-treetable-loading-icon{font-size:2em}.ui-virtualscroller .ui-virtualscroller-header{text-align:center;padding:.5em .75em;border-bottom:0 none}.ui-virtualscroller .ui-virtualscroller-footer{text-align:center;padding:.25em .625em;border-top:0 none}.ui-virtualscroller .ui-virtualscroller-list{list-style-type:none;margin:0;padding:0} /*# sourceMappingURL=styles.css.map*/