.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:16px;height:11px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=)}.react-tel-input .ad{background-position:-16px 0}.react-tel-input .ae{background-position:-32px 0}.react-tel-input .af{background-position:-48px 0}.react-tel-input .ag{background-position:-64px 0}.react-tel-input .ai{background-position:-80px 0}.react-tel-input .al{background-position:-96px 0}.react-tel-input .am{background-position:-112px 0}.react-tel-input .ao{background-position:-128px 0}.react-tel-input .ar{background-position:-144px 0}.react-tel-input .as{background-position:-160px 0}.react-tel-input .at{background-position:-176px 0}.react-tel-input .au{background-position:-192px 0}.react-tel-input .aw{background-position:-208px 0}.react-tel-input .az{background-position:-224px 0}.react-tel-input .ba{background-position:-240px 0}.react-tel-input .bb{background-position:0 -11px}.react-tel-input .bd{background-position:-16px -11px}.react-tel-input .be{background-position:-32px -11px}.react-tel-input .bf{background-position:-48px -11px}.react-tel-input .bg{background-position:-64px -11px}.react-tel-input .bh{background-position:-80px -11px}.react-tel-input .bi{background-position:-96px -11px}.react-tel-input .bj{background-position:-112px -11px}.react-tel-input .bm{background-position:-128px -11px}.react-tel-input .bn{background-position:-144px -11px}.react-tel-input .bo{background-position:-160px -11px}.react-tel-input .br{background-position:-176px -11px}.react-tel-input .bs{background-position:-192px -11px}.react-tel-input .bt{background-position:-208px -11px}.react-tel-input .bw{background-position:-224px -11px}.react-tel-input .by{background-position:-240px -11px}.react-tel-input .bz{background-position:0 -22px}.react-tel-input .ca{background-position:-16px -22px}.react-tel-input .cd{background-position:-32px -22px}.react-tel-input .cf{background-position:-48px -22px}.react-tel-input .cg{background-position:-64px -22px}.react-tel-input .ch{background-position:-80px -22px}.react-tel-input .ci{background-position:-96px -22px}.react-tel-input .ck{background-position:-112px -22px}.react-tel-input .cl{background-position:-128px -22px}.react-tel-input .cm{background-position:-144px -22px}.react-tel-input .cn{background-position:-160px -22px}.react-tel-input .co{background-position:-176px -22px}.react-tel-input .cr{background-position:-192px -22px}.react-tel-input .cu{background-position:-208px -22px}.react-tel-input .cv{background-position:-224px -22px}.react-tel-input .cw{background-position:-240px -22px}.react-tel-input .cy{background-position:0 -33px}.react-tel-input .cz{background-position:-16px -33px}.react-tel-input .de{background-position:-32px -33px}.react-tel-input .dj{background-position:-48px -33px}.react-tel-input .dk{background-position:-64px -33px}.react-tel-input .dm{background-position:-80px -33px}.react-tel-input .do{background-position:-96px -33px}.react-tel-input .dz{background-position:-112px -33px}.react-tel-input .ec{background-position:-128px -33px}.react-tel-input .ee{background-position:-144px -33px}.react-tel-input .eg{background-position:-160px -33px}.react-tel-input .er{background-position:-176px -33px}.react-tel-input .es{background-position:-192px -33px}.react-tel-input .et{background-position:-208px -33px}.react-tel-input .fi{background-position:-224px -33px}.react-tel-input .fj{background-position:-240px -33px}.react-tel-input .fk{background-position:0 -44px}.react-tel-input .fm{background-position:-16px -44px}.react-tel-input .fo{background-position:-32px -44px}.react-tel-input .fr,.react-tel-input .bl,.react-tel-input .mf{background-position:-48px -44px}.react-tel-input .ga{background-position:-64px -44px}.react-tel-input .gb{background-position:-80px -44px}.react-tel-input .gd{background-position:-96px -44px}.react-tel-input .ge{background-position:-112px -44px}.react-tel-input .gf{background-position:-128px -44px}.react-tel-input .gh{background-position:-144px -44px}.react-tel-input .gi{background-position:-160px -44px}.react-tel-input .gl{background-position:-176px -44px}.react-tel-input .gm{background-position:-192px -44px}.react-tel-input .gn{background-position:-208px -44px}.react-tel-input .gp{background-position:-224px -44px}.react-tel-input .gq{background-position:-240px -44px}.react-tel-input .gr{background-position:0 -55px}.react-tel-input .gt{background-position:-16px -55px}.react-tel-input .gu{background-position:-32px -55px}.react-tel-input .gw{background-position:-48px -55px}.react-tel-input .gy{background-position:-64px -55px}.react-tel-input .hk{background-position:-80px -55px}.react-tel-input .hn{background-position:-96px -55px}.react-tel-input .hr{background-position:-112px -55px}.react-tel-input .ht{background-position:-128px -55px}.react-tel-input .hu{background-position:-144px -55px}.react-tel-input .id{background-position:-160px -55px}.react-tel-input .ie{background-position:-176px -55px}.react-tel-input .il{background-position:-192px -55px}.react-tel-input .in{background-position:-208px -55px}.react-tel-input .io{background-position:-224px -55px}.react-tel-input .iq{background-position:-240px -55px}.react-tel-input .ir{background-position:0 -66px}.react-tel-input .is{background-position:-16px -66px}.react-tel-input .it{background-position:-32px -66px}.react-tel-input .je{background-position:-144px -154px}.react-tel-input .jm{background-position:-48px -66px}.react-tel-input .jo{background-position:-64px -66px}.react-tel-input .jp{background-position:-80px -66px}.react-tel-input .ke{background-position:-96px -66px}.react-tel-input .kg{background-position:-112px -66px}.react-tel-input .kh{background-position:-128px -66px}.react-tel-input .ki{background-position:-144px -66px}.react-tel-input .xk{background-position:-128px -154px}.react-tel-input .km{background-position:-160px -66px}.react-tel-input .kn{background-position:-176px -66px}.react-tel-input .kp{background-position:-192px -66px}.react-tel-input .kr{background-position:-208px -66px}.react-tel-input .kw{background-position:-224px -66px}.react-tel-input .ky{background-position:-240px -66px}.react-tel-input .kz{background-position:0 -77px}.react-tel-input .la{background-position:-16px -77px}.react-tel-input .lb{background-position:-32px -77px}.react-tel-input .lc{background-position:-48px -77px}.react-tel-input .li{background-position:-64px -77px}.react-tel-input .lk{background-position:-80px -77px}.react-tel-input .lr{background-position:-96px -77px}.react-tel-input .ls{background-position:-112px -77px}.react-tel-input .lt{background-position:-128px -77px}.react-tel-input .lu{background-position:-144px -77px}.react-tel-input .lv{background-position:-160px -77px}.react-tel-input .ly{background-position:-176px -77px}.react-tel-input .ma{background-position:-192px -77px}.react-tel-input .mc{background-position:-208px -77px}.react-tel-input .md{background-position:-224px -77px}.react-tel-input .me{background-position:-112px -154px;height:12px}.react-tel-input .mg{background-position:0 -88px}.react-tel-input .mh{background-position:-16px -88px}.react-tel-input .mk{background-position:-32px -88px}.react-tel-input .ml{background-position:-48px -88px}.react-tel-input .mm{background-position:-64px -88px}.react-tel-input .mn{background-position:-80px -88px}.react-tel-input .mo{background-position:-96px -88px}.react-tel-input .mp{background-position:-112px -88px}.react-tel-input .mq{background-position:-128px -88px}.react-tel-input .mr{background-position:-144px -88px}.react-tel-input .ms{background-position:-160px -88px}.react-tel-input .mt{background-position:-176px -88px}.react-tel-input .mu{background-position:-192px -88px}.react-tel-input .mv{background-position:-208px -88px}.react-tel-input .mw{background-position:-224px -88px}.react-tel-input .mx{background-position:-240px -88px}.react-tel-input .my{background-position:0 -99px}.react-tel-input .mz{background-position:-16px -99px}.react-tel-input .na{background-position:-32px -99px}.react-tel-input .nc{background-position:-48px -99px}.react-tel-input .ne{background-position:-64px -99px}.react-tel-input .nf{background-position:-80px -99px}.react-tel-input .ng{background-position:-96px -99px}.react-tel-input .ni{background-position:-112px -99px}.react-tel-input .nl,.react-tel-input .bq{background-position:-128px -99px}.react-tel-input .no{background-position:-144px -99px}.react-tel-input .np{background-position:-160px -99px}.react-tel-input .nr{background-position:-176px -99px}.react-tel-input .nu{background-position:-192px -99px}.react-tel-input .nz{background-position:-208px -99px}.react-tel-input .om{background-position:-224px -99px}.react-tel-input .pa{background-position:-240px -99px}.react-tel-input .pe{background-position:0 -110px}.react-tel-input .pf{background-position:-16px -110px}.react-tel-input .pg{background-position:-32px -110px}.react-tel-input .ph{background-position:-48px -110px}.react-tel-input .pk{background-position:-64px -110px}.react-tel-input .pl{background-position:-80px -110px}.react-tel-input .pm{background-position:-96px -110px}.react-tel-input .pr{background-position:-112px -110px}.react-tel-input .ps{background-position:-128px -110px}.react-tel-input .pt{background-position:-144px -110px}.react-tel-input .pw{background-position:-160px -110px}.react-tel-input .py{background-position:-176px -110px}.react-tel-input .qa{background-position:-192px -110px}.react-tel-input .re{background-position:-208px -110px}.react-tel-input .ro{background-position:-224px -110px}.react-tel-input .rs{background-position:-240px -110px}.react-tel-input .ru{background-position:0 -121px}.react-tel-input .rw{background-position:-16px -121px}.react-tel-input .sa{background-position:-32px -121px}.react-tel-input .sb{background-position:-48px -121px}.react-tel-input .sc{background-position:-64px -121px}.react-tel-input .sd{background-position:-80px -121px}.react-tel-input .se{background-position:-96px -121px}.react-tel-input .sg{background-position:-112px -121px}.react-tel-input .sh{background-position:-128px -121px}.react-tel-input .si{background-position:-144px -121px}.react-tel-input .sk{background-position:-160px -121px}.react-tel-input .sl{background-position:-176px -121px}.react-tel-input .sm{background-position:-192px -121px}.react-tel-input .sn{background-position:-208px -121px}.react-tel-input .so{background-position:-224px -121px}.react-tel-input .sr{background-position:-240px -121px}.react-tel-input .ss{background-position:0 -132px}.react-tel-input .st{background-position:-16px -132px}.react-tel-input .sv{background-position:-32px -132px}.react-tel-input .sx{background-position:-48px -132px}.react-tel-input .sy{background-position:-64px -132px}.react-tel-input .sz{background-position:-80px -132px}.react-tel-input .tc{background-position:-96px -132px}.react-tel-input .td{background-position:-112px -132px}.react-tel-input .tg{background-position:-128px -132px}.react-tel-input .th{background-position:-144px -132px}.react-tel-input .tj{background-position:-160px -132px}.react-tel-input .tk{background-position:-176px -132px}.react-tel-input .tl{background-position:-192px -132px}.react-tel-input .tm{background-position:-208px -132px}.react-tel-input .tn{background-position:-224px -132px}.react-tel-input .to{background-position:-240px -132px}.react-tel-input .tr{background-position:0 -143px}.react-tel-input .tt{background-position:-16px -143px}.react-tel-input .tv{background-position:-32px -143px}.react-tel-input .tw{background-position:-48px -143px}.react-tel-input .tz{background-position:-64px -143px}.react-tel-input .ua{background-position:-80px -143px}.react-tel-input .ug{background-position:-96px -143px}.react-tel-input .us{background-position:-112px -143px}.react-tel-input .uy{background-position:-128px -143px}.react-tel-input .uz{background-position:-144px -143px}.react-tel-input .va{background-position:-160px -143px}.react-tel-input .vc{background-position:-176px -143px}.react-tel-input .ve{background-position:-192px -143px}.react-tel-input .vg{background-position:-208px -143px}.react-tel-input .vi{background-position:-224px -143px}.react-tel-input .vn{background-position:-240px -143px}.react-tel-input .vu{background-position:0 -154px}.react-tel-input .wf{background-position:-16px -154px}.react-tel-input .ws{background-position:-32px -154px}.react-tel-input .ye{background-position:-48px -154px}.react-tel-input .za{background-position:-64px -154px}.react-tel-input .zm{background-position:-80px -154px}.react-tel-input .zw{background-position:-96px -154px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{position:relative;font-size:14px;letter-spacing:.01rem;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;line-height:25px;height:35px;width:300px;outline:none}.react-tel-input .form-control.invalid-number{border:1px solid #d79f9f;background-color:#FAF0F0;border-left-color:#cacaca}.react-tel-input .form-control.invalid-number:focus{border:1px solid #d79f9f;border-left-color:#cacaca;background-color:#FAF0F0}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.invalid-number{border-color:#d79f9f}.react-tel-input .flag-dropdown.open{z-index:2;background:#fff;border-radius:3px 0 0 0}.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:38px;height:100%;padding:0 0 0 8px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:hover,.react-tel-input .selected-flag:focus{background-color:#fff}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-5px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 10px rgba(0,0,0,0.35);background-color:white;width:300px;max-height:200px;overflow-y:scroll;border-radius:0 0 3px 3px}.react-tel-input .country-list .flag{display:inline-block}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{padding:7px 9px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;color:#de0000}.react-tel-input .special-label{display:none;position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;white-space:nowrap}/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*//**
 * gridstack SASS styles 12.4.2
 * Copyright (c) 2021-2025 Alain Dumesny - see GridStack root license
 */
.grid-stack {
  position: relative;
}

.grid-stack-rtl {
  direction: ltr;
}
.grid-stack-rtl > .grid-stack-item {
  direction: rtl;
}

.grid-stack-placeholder > .placeholder-content {
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0;
  position: absolute;
  width: auto;
  z-index: 0 !important;
}

.grid-stack > .grid-stack-item {
  position: absolute;
  padding: 0;
  top: 0;
  left: 0;
  width: var(--gs-column-width);
  height: var(--gs-cell-height);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  margin: 0;
  position: absolute;
  width: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.grid-stack > .grid-stack-item.size-to-content:not(.size-to-content-max) > .grid-stack-item-content {
  overflow-y: hidden;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content,
.grid-stack > .grid-stack-placeholder > .placeholder-content {
  top: var(--gs-item-margin-top);
  right: var(--gs-item-margin-right);
  bottom: var(--gs-item-margin-bottom);
  left: var(--gs-item-margin-left);
}

.grid-stack-item > .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
  display: none;
}
.grid-stack-item > .ui-resizable-ne,
.grid-stack-item > .ui-resizable-nw,
.grid-stack-item > .ui-resizable-se,
.grid-stack-item > .ui-resizable-sw {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.grid-stack-item > .ui-resizable-ne {
  transform: rotate(45deg);
}
.grid-stack-item > .ui-resizable-sw {
  transform: rotate(45deg);
}
.grid-stack-item > .ui-resizable-nw {
  transform: rotate(-45deg);
}
.grid-stack-item > .ui-resizable-se {
  transform: rotate(-45deg);
}
.grid-stack-item > .ui-resizable-nw {
  cursor: nw-resize;
  width: 20px;
  height: 20px;
  top: var(--gs-item-margin-top);
  left: var(--gs-item-margin-left);
}
.grid-stack-item > .ui-resizable-n {
  cursor: n-resize;
  height: 10px;
  top: var(--gs-item-margin-top);
  left: 25px;
  right: 25px;
}
.grid-stack-item > .ui-resizable-ne {
  cursor: ne-resize;
  width: 20px;
  height: 20px;
  top: var(--gs-item-margin-top);
  right: var(--gs-item-margin-right);
}
.grid-stack-item > .ui-resizable-e {
  cursor: e-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
  right: var(--gs-item-margin-right);
}
.grid-stack-item > .ui-resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
  bottom: var(--gs-item-margin-bottom);
  right: var(--gs-item-margin-right);
}
.grid-stack-item > .ui-resizable-s {
  cursor: s-resize;
  height: 10px;
  left: 25px;
  bottom: var(--gs-item-margin-bottom);
  right: 25px;
}
.grid-stack-item > .ui-resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
  bottom: var(--gs-item-margin-bottom);
  left: var(--gs-item-margin-left);
}
.grid-stack-item > .ui-resizable-w {
  cursor: w-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
  left: var(--gs-item-margin-left);
}
.grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
  display: none !important;
}
.grid-stack-item.ui-draggable-dragging {
  will-change: left, top;
}
.grid-stack-item.ui-resizable-resizing {
  will-change: width, height;
}

.ui-draggable-dragging,
.ui-resizable-resizing {
  z-index: 10000;
}
.ui-draggable-dragging > .grid-stack-item-content,
.ui-resizable-resizing > .grid-stack-item-content {
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

.grid-stack-animate,
.grid-stack-animate .grid-stack-item {
  transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}

.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
  transition: left 0s, top 0s, height 0s, width 0s;
}

.grid-stack > .grid-stack-item[gs-y="0"] {
  top: 0px;
}

.grid-stack > .grid-stack-item[gs-x="0"] {
  left: 0%;
}.font-green {
  color: #16a34a !important;
  font-weight: 700 !important;
}

.font-grey {
  color: #64748b !important;
}

.font-blue {
  color: #0ea5e9 !important;
  font-weight: 700 !important;
}

.font-pink {
  color: #be185d !important;
  font-weight: 700 !important;
}

.font-purple {
  color: #a21caf !important;
  font-weight: 700 !important;
}

.font-red {
  color: #ef4444 !important;
}

.font-amber {
  color: #f59e0b !important;
}

.font-selected-theme {
  color: var(--level-8);
  font-weight: 700 !important;
}

.bg-red {
  background-color: #ef4444 !important;
  color: white;
}

.bg-green {
  background-color: #22c55e !important;
  color: white;
}

* {
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
}

html,
body,
.h100,
#root {
  margin: 0;
  height: 100%;
  background-color: white;
}

ul {
  padding: 0;
  list-style: none;
  margin: 0px !important;
}

a {
  text-decoration: none;
}

button,
select,
i,
input {
  border: none;
  outline: none;
  border-radius: 6px;
}

.skip {
  display: none;
}

img {
  filter: var(--img-color);
}

.total-count, .blue-count {
  color: #44403c !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-align: right !important;
  background: #22c55e !important;
  border-right: 1px solid var(--bg-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  font-family: "Spline Sans Mono", monospace !important;
  padding-right: 5px !important;
  color: white !important;
}

.blue-count {
  background: #0ea5e9 !important;
}

.balance-count {
  text-align: right !important;
  background-color: #ef4444 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: white !important;
  border-bottom: 1px solid #cbd5e0 !important;
}

.total {
  text-align: right !important;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 700 !important;
  font-family: "Calibri ", sans-serif !important;
  background-color: var(--bg-color) !important;
}

#td-center {
  text-align: center;
}

#td-right {
  text-align: right;
  padding-right: 5px;
  font-family: "Spline Sans Mono", monospace !important;
}

.logo {
  width: 40px;
  filter: none !important;
}

.logo-title {
  text-align: center;
}

hr.solid {
  border-bottom: 1px solid var(--border-color);
}

hr.dotted {
  border-bottom: 2px dotted #cbd5e0;
  margin: 5px 0px 0px 0px !important;
}

hr.dashed {
  border-bottom: 1px dashed var(--level-2);
  margin: 5px 0px 0px 0px !important;
}

.token {
  width: 450px;
  margin: 10px;
}

.modal-close-icon {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal-close-icon:hover {
  color: red;
}

.error-text {
  color: var(--failed-color);
  font-family: "Calibri ", sans-serif !important;
  font-size: 10px;
  display: block;
  font-weight: 500;
  padding-left: 2px;
}

.nodata {
  color: #b91c1c;
  padding-top: 5px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 24px;
  text-align: center;
  display: block;
}

.nodata-image {
  display: block;
  margin: auto;
  width: 300px;
  height: 300px;
}

.select-all {
  display: flex;
  margin-left: 30px;
  border-bottom: 1px dashed var(--level-2);
}
.select-all--checkbox {
  width: 20px;
  height: 20px;
}
.select-all Label {
  color: var(--level-5) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  margin: 2px 10px 0px 10px !important;
  font-family: "Calibri ", sans-serif !important;
}
.select-all__checkboxes {
  position: relative;
  display: flex;
  border-bottom: 1px dashed var(--level-2);
  padding: 5px;
}
.select-all__checkboxes input {
  width: 18px !important;
  height: 18px !important;
  margin-top: 0px !important;
}
.select-all__checkboxes label {
  font-size: 12px !important;
  margin: 0px 10px 0px 10px !important;
  color: var(--text-primary);
  font-family: "Calibri ", sans-serif !important;
}
.select-all .MuiFormControlLabel-label {
  color: var(--level-5) !important;
  font-weight: bold !important;
  font-size: 18px !important;
  margin: 2px 10px 0px 10px !important;
  font-family: "Calibri ", sans-serif !important;
}
.select-all .Mui-checked {
  color: var(--level-5) !important;
}

.data-fetch-icon {
  background-color: var(--level-10);
  padding: 4px;
  border-radius: 6px;
  margin-left: 10px;
  margin-top: 10px;
  height: 30px;
}
.data-fetch-icon:hover {
  cursor: pointer;
}

#right-align {
  text-align: right;
  padding-right: 10px;
}

.MuiStepper-root {
  margin-top: 10px;
}

.MuiStepLabel-iconContainer .Mui-active {
  color: var(--level-10) !important;
}
.MuiStepLabel-iconContainer .Mui-active .MuiStepIcon-text {
  fill: white !important;
}

.MuiStepIcon-root {
  color: #e2e8f0 !important;
}

.MuiStepIcon-text {
  fill: #000 !important;
}

.MuiStepLabel-iconContainer .Mui-completed {
  color: var(--level-4) !important;
}

.MuiStepConnector-line {
  border-color: var(--level-10) !important;
}

.MuiStepLabel-alternativeLabel {
  color: var(--text-primary) !important;
  font-family: "Calibri ", sans-serif !important;
}

.MuiTypography-root {
  font-family: "Calibri ", sans-serif !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: var(--text-primary);
}

.vertical-line {
  border-left: 4px solid var(--level-4);
  margin-top: 5px;
}

.ReactModal__Content,
.ReactModal__Content--after-open {
  background: var(--modal-bg-color);
  color: var(--text-primary) !important;
}

.MuiSvgIcon-root .MuiSelect-icon {
  fill: var(--text-primary) !important;
}

.MuiFormLabel-root,
.MuiInputLabel-root {
  color: var(--text-primary) !important;
  font-family: "Calibri ", sans-serif !important;
}

.MuiInputBase-input {
  color: var(--text-primary);
  font-family: "Calibri ", sans-serif !important;
}

.selected-row {
  background-color: var(--level-4) !important;
}
.selected-row .pointer-icon {
  width: 12px;
}
.selected-row td {
  color: white !important;
}
.selected-row:hover td {
  background-color: var(--level-4) !important;
}

.MuiTableRow-root .Mui-selected {
  background-color: var(--level-4) !important;
}
.MuiTableRow-root .Mui-selected td {
  color: white !important;
}

.MuiSnackbar-anchorOriginTopCenter {
  top: 50% !important;
}

.MuiStepLabel-label {
  font-family: "Calibri ", sans-serif !important;
}

.MuiAutocomplete-listbox {
  font-size: 12px !important;
  font-family: "Calibri ", sans-serif !important;
}

.MuiAutocomplete-option:hover {
  background-color: var(--level-2) !important;
}
.MuiAutocomplete-option:focus {
  background-color: var(--level-2) !important;
}

progress {
  margin-top: 8px;
  width: 100%;
  height: 12px;
}

progress::-webkit-progress-bar {
  background: var(--border-color) !important;
  border-radius: 6px;
}

progress::-webkit-progress-value {
  background-color: #079e52 !important;
  border-radius: 6px;
}

.sticky-table-no-border {
  border-style: none !important;
  padding-left: 0px !important;
}

.image-preview {
  height: 120px;
  width: 120px;
  margin: auto;
  display: block;
  margin-top: 10px;
}

.events-none {
  pointer-events: none;
  opacity: 0.3;
}

.desktop-error {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.eduate-success-message {
  display: flex;
  align-items: center;
  padding: 5px;
  z-index: 2000;
}
.eduate-success-message .MuiSvgIcon-root {
  fill: white !important;
}

.MuiInputBase-root .Mui-disabled {
  opacity: 1;
  -webkit-text-fill-color: var(--text-primary) !important;
  font-weight: bold;
  z-index: 5;
  cursor: not-allowed;
}

.MuiAutocomplete-root {
  width: 100%;
}

.Mui-checked {
  color: var(--level-5) !important;
}

.MuiCheckbox-root {
  padding: 0px !important;
}

.MuiAutocomplete-endAdornment {
  right: 10px !important;
}

.MuiTooltip-popper {
  z-index: 9999 !important;
}

.cal-bg-green {
  background-color: #4ade80 !important;
}

.cal-bg-red {
  background-color: #dc2626 !important;
}

.cal-bg-amber {
  background-color: #f59e0b !important;
}

ol {
  padding-left: 1.6rem !important;
}

.react-tel-input {
  font-family: "Spline Sans Mono", monospace !important;
  height: 35px;
}
.react-tel-input .special-label {
  display: none !important;
}
.react-tel-input::placeholder {
  font-family: "Calibri ", sans-serif !important;
}
.react-tel-input .form-control {
  width: 100% !important;
  height: 35px !important;
  border: 1px solid var(--border-color) !important;
}
.react-tel-input .form-control:required {
  box-shadow: 3px 0px 0px red;
  width: calc(100% - 3px) !important;
}
.react-tel-input .form-control:focus {
  border: 1px solid var(--level-10) !important;
}
.react-tel-input input {
  height: 35px;
  font-family: "Spline Sans Mono", monospace !important;
}
.react-tel-input input:focus {
  box-shadow: none !important;
}
.react-tel-input input:disabled {
  background-color: var(--disabled-color) !important;
}
.react-tel-input .arrow {
  left: 18px !important;
}
.react-tel-input .flag-dropdown {
  height: 35px;
  width: 35px;
  padding-right: 15px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  font-weight: 400;
}

.swipable-tabs {
  height: 100% !important;
}

.ql-toolbar {
  position: sticky;
  top: 0;
  background-color: #fff;
  border-style: none !important;
  z-index: 1;
  padding: 0px !important;
  border-top: none !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-left: none !important;
  border-right: none !important;
}

.ql-container {
  border-style: none !important;
  height: calc(100% - 25px) !important;
}

.ql-editor {
  padding: 5px !important;
}
.ql-editor p {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.ql-editor::placeholder {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
  margin-right: 2px;
}

.flex-center {
  display: flex;
  justify-content: center;
}

.label-grid {
  display: grid;
  grid-template-columns: 0.4fr 1fr;
}

.hide-td button,
.hide-td span,
.hide-td img,
.hide-td .MuiBox-root,
.hide-td input {
  display: none;
}

.swipable-tabs {
  height: 100% !important;
}
.swipable-tabs--p {
  height: 100% !important;
}

.overall-total-count {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  margin-top: 12px;
}
.overall-total-count b {
  padding: 5px;
  font-family: "Spline Sans Mono", monospace !important;
  background: var(--level-5);
  border-radius: 2px;
  color: white;
}

.gst-input {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 30px;
}
.gst-input__state {
  background: var(--disabled-color);
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-top: 10px;
  width: 40px;
  height: 100%;
  text-align: center;
  padding-top: 2px;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
}
.gst-input__input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  width: calc(100% - 30px);
}

.map-view {
  height: 100%;
}

.predefined-select {
  position: relative;
}
.predefined-select li {
  padding: 5px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.predefined-select li:hover {
  background-color: var(--level-1);
}

.list-tag {
  position: absolute;
  top: 100%; /* Position below the input */
  left: 0;
  z-index: 1000; /* Ensure it overlays other content */
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%; /* Match the width of the input */
  max-height: 200px; /* Add a max height to limit the size */
  overflow-y: auto; /* Allow scrolling if options exceed max height */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.selected-item {
  background-color: var(--border-color);
}

.user-dashboard {
  height: calc(100% - 140px);
  margin: 0px;
}
.user-dashboard__maps {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.user-dashboard__maps--header {
  height: 60px;
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 20px;
  border-bottom: 1px solid var(--border-color);
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(7px);
  position: sticky;
  top: 0;
  z-index: 2;
  opacity: 1;
  color: var(--text-primary);
}
.user-dashboard__maps--menu {
  min-height: 60px;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
}
.user-dashboard__maps--menu .menu-switch {
  width: fit-content;
  height: 40px;
  background-color: #e7e5e4;
  display: flex;
  justify-content: center;
  padding: 6px;
  border-radius: 20px;
}
.user-dashboard__maps--menu .menu-switch button {
  height: 10px;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}
.marker-img {
  border-radius: 50%;
  padding: 5px;
  width: 30px;
}

.status__open {
  border-color: red !important;
  z-index: 2 !important;
}
.status__open::after {
  border-top: 20px solid red;
  z-index: 2;
}
.status__open {
  animation: blink 1s infinite;
}
.status__assigned {
  border-color: orange !important;
  z-index: -1;
}
.status__assigned::after {
  border-top: 18px solid orange;
}
.status__resolved {
  border-color: skyblue !important;
  z-index: -1;
}
.status__resolved::after {
  border-top: 18px solid skyblue;
}
.status__closed {
  border-color: green !important;
  z-index: -1;
}
.status__closed::after {
  border-top: 18px solid green;
}
.status__reopened {
  border-color: black !important;
  z-index: -1;
}
.status__reopened::after {
  border-top: 18px solid black;
}
.status__not_on_issue {
  border-color: purple !important;
  z-index: -1;
}
.status__not_on_issue::after {
  border-top: 18px solid purple;
}

.marker {
  width: 30px;
  height: 30px;
  background-color: white; /* Inner circle */
  border: 4px solid green; /* Outer border */
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marker::after {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}

.clusterer-blink {
  animation: blink 1s infinite;
  z-index: 9999 !important;
  overflow: visible !important;
  position: relative !important;
}

.yNHHyP-marker-view {
  z-index: 9999 !important;
}

.re-open-ticket-status, .open-ticket-status, .not-an-issue-ticket-status, .closed-ticket-status, .exempted-ticket-status, .assigned-ticket-status, .resolved-ticket-status {
  background-color: #262626;
  color: white !important;
  border-radius: 20px;
  font-size: 10px;
  font-family: "Calibri ", sans-serif !important !important;
  display: flex;
  padding: 0px 10px;
  width: fit-content;
  font-weight: 700;
  height: 20px;
  align-items: center;
}

.resolved-ticket-status {
  background-color: #0284c7 !important;
}

.assigned-ticket-status {
  background-color: #d97706 !important;
}

.exempted-ticket-status {
  background-color: #4b5563 !important;
}

.closed-ticket-status {
  background-color: #16a34a !important;
}

.not-an-issue-ticket-status {
  background-color: #c026d3 !important;
}

.open-ticket-status {
  background-color: #dc2626 !important;
}

.priority-critical, .priority-low, .priority-medium {
  border: 1px solid #dc2626;
  color: #dc2626;
  border-radius: 8px;
  padding: 0px 10px;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  display: flex;
  align-items: center;
  background-color: var(--bg-color);
  width: fit-content;
  font-weight: 700;
  height: 20px;
}

.priority-medium {
  border: 1px solid #d97706;
  color: #d97706;
}

.priority-low {
  border: 1px solid #16a34a;
  color: #16a34a !important;
}

.multi-select-autocomplete .MuiChip-label {
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px !important;
}
.multi-select-autocomplete .MuiChip-root {
  height: 18px !important;
}
.multi-select-autocomplete .MuiChip-deleteIcon {
  font-size: 12px !important;
}
.multi-select-autocomplete .MuiAutocomplete-tag {
  margin: 0px 3px !important;
}
.multi-select-autocomplete .MuiFormControl-root,
.multi-select-autocomplete .MuiInputBase-root {
  padding: 0px !important;
}
.multi-select-autocomplete .MuiInputBase-input {
  padding: 4px !important;
}

.MuiAccordionSummary-content {
  margin: 0px 0 !important;
}

.loading-time {
  text-align: center;
}
.loading-time span {
  font-weight: 500;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.loading-time h4 {
  color: #15803d;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 500;
}
.loading-time .error-heading {
  color: #c53030;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 500;
}
.loading-time__btn {
  display: flex;
  justify-content: flex-end;
}

.loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.loading-gif {
  width: 150px !important;
  height: 150px !important;
}

.quill {
  border: 1px solid var(--border-color) !important;
  margin-top: 10px !important;
}

.bg-grey {
  background-color: var(--disabled-color);
}

.buttons-flex {
  display: flex;
  column-gap: 10px;
}

.total-list-count {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}

.edit-cell {
  background-color: #fde68a !important;
  padding: 0px 0px !important;
  text-align: right !important;
}
.edit-cell:focus {
  background-color: var(--bg-color) !important;
}
.edit-cell .storybook-input,
.edit-cell .MuiBox-root,
.edit-cell .storybook-textarea {
  margin-top: 0px !important;
  border-style: none !important;
  border-radius: 0px 0px !important;
  background: #fde68a !important;
}
.edit-cell .storybook-input:focus,
.edit-cell .MuiBox-root:focus,
.edit-cell .storybook-textarea:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
  background-color: white !important;
}
.edit-cell .storybook-input:disabled,
.edit-cell .MuiBox-root:disabled,
.edit-cell .storybook-textarea:disabled {
  background: var(--disabled-color) !important;
}

.choose-items-flex {
  display: flex;
}
.choose-items-flex .data-fetch-icon {
  width: 30px;
  margin-top: 0px;
}

#data_search::placeholder {
  padding-left: 20px;
  padding-right: 10px;
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.031%2014.617L20.314%2018.899L18.899%2020.314L14.617%2016.031C13.0237%2017.3082%2011.042%2018.0029%209%2018C4.032%2018%200%2013.968%200%209C0%204.032%204.032%200%209%200C13.968%200%2018%204.032%2018%209C18.0029%2011.042%2017.3082%2013.0237%2016.031%2014.617ZM14.025%2013.875C15.2941%2012.5699%2016.0029%2010.8204%2016%209C16%205.132%2012.867%202%209%202C5.132%202%202%205.132%202%209C2%2012.867%205.132%2016%209%2016C10.8204%2016.0029%2012.5699%2015.2941%2013.875%2014.025L14.025%2013.875Z'%20fill='%23718096'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 18px;
  color: var(--text-secondary);
  font-size: 14px;
  color: var(--text-primary);
}

.browse-input {
  padding-left: 20px;
  padding-right: 10px;
  margin-top: 5px;
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  width: 100%;
  height: 35px;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 6px;
  color: var(--text-primary);
  font-size: 12px !important;
}

.attachments {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--disabled-color);
  position: relative;
  min-width: 0;
  padding: 3px 5px;
}
.attachments img {
  height: 20px;
  width: 20px;
}
.attachments text {
  width: calc(100% - 45px);
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
}

.select-with-icon {
  display: flex;
}
.select-with-icon .predefined-select {
  width: 100%;
}
.select-with-icon .MuiBox-root {
  width: 100%;
}
.select-with-icon .data-fetch-icon {
  margin-top: 0px !important;
}

.map-lat-long-selector {
  height: calc(100% - 35px);
}
.map-lat-long-selector__button {
  position: absolute;
  top: 100px;
  background-color: var(--level-8);
  color: white;
}

.marker {
  width: 30px;
  height: 30px;
  background-color: white; /* Inner circle */
  border: 4px solid green; /* Outer border */
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.status__open {
  border-color: red !important;
  z-index: 2 !important;
}
.status__open ::after {
  border-top: 20px solid red;
  z-index: 2;
}
.status__open {
  animation: blink 1s infinite;
}
.status__assigned {
  border-color: orange !important;
  z-index: -1;
}
.status__assigned ::after {
  border-top: 18px solid orange;
}
.status__resolved {
  border-color: skyblue !important;
  z-index: -1;
}
.status__resolved ::after {
  border-top: 18px solid skyblue;
}
.status__closed {
  border-color: green !important;
  z-index: -1;
}
.status__closed ::after {
  border-top: 18px solid green;
}
.status__reopened {
  border-color: black !important;
  z-index: -1;
}
.status__reopened ::after {
  border-top: 18px solid black;
}
.status__not_on_issue {
  border-color: purple !important;
  z-index: -1;
}
.status__not_on_issue ::after {
  border-top: 18px solid purple;
}

.MuiTableContainer-root::-webkit-scrollbar,
.MuiDataGrid-columnsManagement::-webkit-scrollbar,
.MuiDataGrid-panelContent::-webkit-scrollbar,
.MuiDataGrid-scrollbar::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.MuiTableContainer-root::-webkit-scrollbar-thumb,
.MuiDataGrid-columnsManagement::-webkit-scrollbar-thumb,
.MuiDataGrid-panelContent::-webkit-scrollbar-thumb,
.MuiDataGrid-scrollbar::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.MuiTableContainer-root::-webkit-scrollbar-thumb:hover,
.MuiDataGrid-columnsManagement::-webkit-scrollbar-thumb:hover,
.MuiDataGrid-panelContent::-webkit-scrollbar-thumb:hover,
.MuiDataGrid-scrollbar::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.MuiAutocomplete-listbox::-webkit-scrollbar,
.country-list::-webkit-scrollbar,
.MuiInputBase-inputMultiline::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.MuiAutocomplete-listbox::-webkit-scrollbar-thumb,
.country-list::-webkit-scrollbar-thumb,
.MuiInputBase-inputMultiline::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.MuiAutocomplete-listbox::-webkit-scrollbar-thumb:hover,
.country-list::-webkit-scrollbar-thumb:hover,
.MuiInputBase-inputMultilineMuiInputBase-inputMultiline::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.tip-tap-editor {
  height: calc(100% - 55px);
  border: 1px solid var(--border-color);
  font-family: "Calibri ", sans-serif !important;
}
.tip-tap-editor__attachment {
  display: flex;
  column-gap: 10px;
  height: 30px;
  padding: 5px;
}
.tip-tap-editor input {
  border-style: none !important;
}
.tip-tap-editor__menu {
  display: flex;
  width: 100%;
  background-color: var(--disabled-color);
  position: relative;
  height: 24px;
}
.tip-tap-editor__menu img {
  width: 18px;
  height: 18px;
}
.tip-tap-editor__menu button {
  border-radius: 0px;
  font-size: 15px;
  font-weight: 600;
}
.tip-tap-editor__menu--color-picker {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: "translateX(-50%)";
  opacity: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.tip-tap-editor__menu--input-attachment {
  display: none;
}
.tip-tap-editor__content {
  height: calc(100% - 24px);
  overflow: auto;
}
.tip-tap-editor__content img {
  height: 80px;
  width: 80px;
}

.ProseMirror {
  height: 100%;
}

.ProseMirror p:not(:first-of-type) {
  display: none;
}

.ProseMirror-focused {
  border: 1px solid red !important;
}

.tip-tap-editor__content::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.tip-tap-editor__content::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.tip-tap-editor__content::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.login {
  height: 100%;
  background-color: white;
  padding: 50px;
}
.login .react-tel-input {
  top: 0px !important;
}
.login__block {
  border-radius: 30px;
  height: 100%;
  width: 100%;
  display: flex;
  border: 1px solid var(--border-color);
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.login__block--left {
  width: 65%;
  height: 100%;
  border-top-left-radius: 30px;
}
.login__block--left img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.login__block--right {
  width: 35%;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 2fr 1fr;
  padding: 0px 20px;
}
.login__block--right .MuiBox-root {
  margin-top: 10px;
}
.login__block--right h1 {
  display: block;
  text-align: center;
  font-family: "Calibri ", sans-serif !important;
}
.login__block--right b {
  text-align: center;
  font-family: "Calibri ", sans-serif !important;
}
.login__block--right--form {
  background-color: #ecfccb;
  border-radius: 20px;
  padding: 20px;
}
.login__block--right--text {
  font-family: "Calibri ", sans-serif !important;
  text-align: center;
  display: block;
  font-size: 12px;
}
.login__block--right--text:hover {
  text-decoration: underline;
}
.login__block--right--version {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.login__block--right--version b {
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 14px;
}

.loginfield {
  width: 100%;
}
.loginfield input {
  font-weight: 400 !important;
}

#recaptcha-container {
  display: flex;
  justify-content: center;
}

.logout-modal {
  text-align: center;
}
.logout-modal Label:hover {
  text-decoration: underline;
  font-weight: 700 !important;
}

.change-password__title img {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.change-password__title img:hover {
  color: red;
}
.change-password__textfield {
  margin: 10px 0px 0px 0px !important;
  width: 100% !important;
}
.change-password__textfield--captcha {
  height: 50px;
  width: 100%;
  display: flex;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.change-password__textfield--captcha--text {
  width: calc(100% - 30px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--level-1);
}
.change-password__textfield--captcha--text span {
  color: var(--level-5);
  font-weight: 700;
  font-size: 16px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.change-password__textfield--captcha img {
  width: 18px;
  display: block;
  margin: auto;
}

.header {
  background-color: var(--disabled-color);
  height: 50px;
  padding: 10px;
}
.header__company {
  background-color: white;
  border-radius: 4px;
  padding: 10px 8px;
  margin: 10px;
  font-size: 16px;
  font-weight: 400;
  font-family: "Calibri ", sans-serif !important;
}
.header .material-symbols-outlined {
  font-size: 25px;
}
.header .logout {
  color: red;
}
.header .logo-1 {
  width: 30px;
  height: 30px;
}
.header__icon {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
  height: 100%;
}
.header__icon .change-user {
  color: var(--level-8);
}
.header__icon--user {
  display: flex;
  height: 100%;
  background-color: white;
  padding: 2px;
  border-radius: 2px;
}
.header__icon--user--block {
  display: flex;
  flex-direction: column;
}
.header__icon--user--block b {
  font-family: "Calibri ", sans-serif !important;
  font-size: 8px;
  color: var(--text-primary);
}
.header__icon--user--email {
  font-size: 8px;
  color: #374151;
  font-family: "Calibri ", sans-serif !important;
}
.header__search-icon {
  width: 18px !important;
}
.header__logo {
  display: inline-flex;
}
.header__logo p {
  padding-left: 5px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Calibri ", sans-serif !important;
}
.header__logo img {
  margin-top: -10px;
}
.header__student-details--navigation {
  background: var(--level-2);
  padding: 10px 2px;
  border-radius: 5px 0px;
  display: flex;
  justify-content: space-between;
}
.header__student-details--navigation--info {
  filter: invert(100%);
}
.header__student-details--navigation img {
  width: 30px;
}
.header__student-details--data {
  padding: 10px;
}
.header__student-details--data--label-grid {
  display: grid;
  grid-template-columns: 1fr 0.2fr 1fr;
}
.header__student-details--data--label-grid Label {
  margin-top: 0px !important;
}
.header__student-details--data--student-profile {
  height: 120px;
  width: 120px;
}

.addressbar {
  background: var(--level-2);
  height: 30px;
  padding: 2px 0px 0px 0px;
}
.addressbar__slide-in {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.addressbar__slide-in span {
  display: inline-block;
  animation: addressbar__slide-in 35s linear infinite;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  color: var(--text-primary);
  font-weight: 700;
  width: 100%;
}
@keyframes addressbar__slide-in {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.logo-admin {
  cursor: pointer;
}

.main {
  height: 100%;
}

footer {
  background-color: var(--level-10);
  text-align: center;
  margin-top: 10px;
  color: white;
  font-family: "Calibri ", sans-serif !important;
}

.sidebar {
  width: 210px;
  background-color: var(--level-10);
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.sidebar li a {
  width: 100%;
  height: 40px;
  padding: 8px;
  display: block;
}
.sidebar__li {
  border-radius: 6px;
  margin-top: 10px;
}
.sidebar__li:hover {
  background-color: var(--level-1);
  color: var(--text-primary);
  width: 100%;
}
.sidebar__li:hover .sidebar__li--label {
  color: var(--text-primary);
}
.sidebar__li:hover .material-symbols-outlined {
  color: var(--level-4);
}
.sidebar__li .active {
  background-color: white;
  color: var(--text-primary);
  width: 100%;
  border-radius: 6px;
}
.sidebar__li .active .sidebar__li--label {
  color: var(--text-primary);
}
.sidebar__li .active .material-symbols-outlined {
  color: var(--level-4);
}
.sidebar__li--label {
  font-size: 14px;
  opacity: 1;
  box-shadow: none;
  margin-left: 0px;
  align-items: center;
  font-weight: 500;
  font-family: "Calibri ", sans-serif !important;
  color: white;
}
.sidebar .tooltip-hide {
  display: none;
}
.sidebar .material-symbols-outlined {
  color: white;
  font-size: 30px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  right: 10px;
}
.sidebar .hamburger {
  margin-left: 150px !important;
}
.sidebar .tooltip-hide {
  display: none;
}
.sidebar__myeduate {
  color: white;
  font-family: "Calibri ", sans-serif !important;
  font-size: 18px;
  font-weight: 600;
}
.sidebar__myeduate img {
  margin-right: 10px;
}

#menu {
  display: none;
}

#menu:checked ~ .sidebar {
  width: 60px;
  padding: 5px;
  height: 100%;
  overflow: auto;
  text-align: center;
  border-right: 1px solid var(--border-color);
  background-color: var(--level-10);
}
#menu:checked ~ .sidebar .material-symbols-outlined {
  font-size: 30px;
}
#menu:checked ~ .sidebar .sidebar__li--label {
  opacity: 0;
  display: none;
}
#menu:checked ~ .sidebar .sidebar__myeduate {
  display: none;
  opacity: 0;
}
#menu:checked ~ .sidebar .hamburger {
  margin-left: 10px !important;
}
#menu:checked ~ .sidebar li {
  margin-top: 5px;
}

#menu:checked ~ .sidebar::-webkit-scrollbar {
  display: none;
}

#menu:checked ~ .sidebar .tooltip-hide {
  display: block;
  text-align: center;
}

.hamburger:hover {
  cursor: pointer;
}

.h-80 {
  height: calc(100% - 80px);
  overflow: auto;
}

.sidebar::-webkit-scrollbar {
  display: none;
}

.responsive-layout {
  height: 100%;
  overflow: auto;
  background-color: var(--disabled-color);
}

.footer_version {
  display: flex;
  justify-content: flex-end;
}
.footer_version span {
  margin-right: 20px;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}

footer span {
  position: relative;
  right: 20px;
}

.footer__lost-login {
  display: flex;
  justify-content: flex-start;
}
.footer__lost-login span {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  position: relative;
  left: 80px;
}

.home-page {
  height: calc(100% - 165px);
  margin: 0px 20px;
}
.home-page__details {
  height: 160px !important;
  column-gap: 20px;
}
.home-page__details--cards {
  height: fit-content;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
  background-color: var(--bg-color);
  margin: 5px;
}
.home-page__details--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.home-page__details--cards {
  height: 100% !important;
}
.home-page__details--cards--title {
  display: flex;
  justify-content: space-between;
}
.home-page__details--cards--data {
  display: flex;
  justify-content: space-around;
}
.home-page__details--cards--data img {
  width: 100px;
  height: 100px;
}
.home-page__details--cards--data span {
  margin: auto;
  font-family: "Spline Sans Mono", monospace !important;
  font-weight: 700;
  color: #334155;
}
.home-page__tableblock {
  height: calc(100% - 220px);
  margin-top: 10px;
  border: 1px solid var(--border-color);
}
.home-page__table {
  max-height: 100%;
  height: 100%;
}
.home-page__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.home-page__table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.home-page__table td img:hover,
.home-page__table td a:hover {
  cursor: pointer;
}
.home-page__table tbody {
  background-color: var(--level-1);
}
.home-page__table tbody tr:hover {
  background-color: var(--level-2);
}
.home-page__table tbody tr:hover td {
  color: var(--level-7);
}
.home-page__table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.home-page__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.home-page__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.home-page__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.home-page__table--images img {
  width: 30px;
  margin-right: 40px;
}
.home-page__table--images--disabled {
  opacity: 0.3;
}
.home-page__table--title img {
  margin-left: auto;
  margin-right: 10px !important;
}
.home-page__search {
  margin-top: 10px;
}

.menus {
  height: 40px;
  background-color: white;
}
.menus .active {
  color: var(--level-7) !important;
}
.menus .active:hover {
  text-decoration: none !important;
}
.menus .border-right {
  border-right: 2px dashed var(--border-color);
  height: 100%;
}
.menus hr {
  width: 50px;
  border: 1px solid var(--level-7);
  border-radius: 6px;
  margin: 0px;
  opacity: 1 !important;
}
.menus ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.menus li {
  float: left;
}
.menus .dropbtn {
  display: inline-block;
  color: var(--text-primary);
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  padding: 5px 10px;
  height: 40px;
  background-color: white;
  border-radius: 0px;
}
.menus .dropbtn .MuiSvgIcon-root {
  font-size: 14px;
}
.menus .dropbtn:hover {
  background-color: white;
  color: var(--level-6) !important;
}
.menus .dropbtn:hover .MuiSvgIcon-root {
  transform: rotate(90deg);
}
.menus .dropbtn:hover .menus__dropdown-content {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(16.1333332062px);
}
.menus li.menus__dropdown {
  display: inline-block;
}
.menus .image-white {
  filter: invert(100%);
}
.menus__dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  padding: 5px 10px;
  overflow: hidden;
  height: fit-content;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(16.1333332062px);
}
.menus__dropdown-content:hover .dropbtn {
  background-color: white;
  color: var(--level-6) !important;
}
.menus__dropdown-content:hover .dropbtn .MuiSvgIcon-root {
  transform: rotate(90deg);
}
.menus__dropdown-content--flex {
  display: flex;
  column-gap: 10px;
}
.menus__dropdown-content--title {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.menus__dropdown-content--title h6 {
  font-family: "Calibri ", sans-serif !important;
  font-size: 18px;
  color: var(--text-primary);
  font-weight: 700;
}
.menus__dropdown-content--image {
  background-color: var(--level-6);
  border-radius: 6px;
}
.menus__dropdown-content--image img {
  width: 40px;
  height: 40px;
  padding: 2px;
}
.menus__dropdown-content--routes {
  margin-top: 5px;
  padding: 3px 5px;
  display: block !important;
  text-align: left !important;
  color: var(--text-primary) !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
}
.menus__dropdown-content--routes:hover {
  color: var(--level-5) !important;
  text-decoration: underline;
}

.menus__dropdown:hover .menus__dropdown-content {
  display: block;
}

.menus__dropdown-content--routes {
  color: black;
  padding: 5px;
  text-decoration: none;
  border-radius: 2px;
}

li .menus__dropdown-content--routes:hover,
.menus__dropdown:hover .dropbtn {
  background-color: white;
  color: var(--text-primary);
}

.menus__dropdown.active > button {
  background-color: var(--level-1);
  color: var(--level-6) !important;
}

:root,
:root.violet {
  --level-1: #f5f3ff;
  --level-2: #ede9fe;
  --level-3: #ddd6fe;
  --level-4: #c4b5fd;
  --level-5: #a78bfa;
  --level-6: #8b5cf6;
  --level-7: #7c3aed;
  --level-8: #6d28d9;
  --level-9: #5b21b6;
  --level-10: #4c1d95;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.fuchsia {
  --level-1: #fdf4ff;
  --level-2: #fae8ff;
  --level-3: #f5d0fe;
  --level-4: #f0abfc;
  --level-5: #e879f9;
  --level-6: #d946ef;
  --level-7: #c026d3;
  --level-8: #a21caf;
  --level-9: #86198f;
  --level-10: #701a75;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.cyan {
  --level-1: #edfdfd;
  --level-2: #c4f1f9;
  --level-3: #9decf9;
  --level-4: #76e4f7;
  --level-5: #0bc5ea;
  --level-6: #00b5d8;
  --level-7: #00a3c4;
  --level-8: #0987a0;
  --level-9: #086f83;
  --level-10: #065666;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.blue {
  --level-1: #ebf8ff;
  --level-2: #bee3f8;
  --level-3: #90cdf4;
  --level-4: #63b3ed;
  --level-5: #4299e1;
  --level-6: #3182ce;
  --level-7: #2b6cb0;
  --level-8: #2c5282;
  --level-9: #2a4365;
  --level-10: #1a365d;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.pink {
  --level-1: #fff5f7;
  --level-2: #fed7e2;
  --level-3: #fbb6ce;
  --level-4: #f687b3;
  --level-5: #ed64a6;
  --level-6: #d53f8c;
  --level-7: #b83280;
  --level-8: #97266d;
  --level-9: #702459;
  --level-10: #521b41;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.amber {
  --level-1: #fffbeb;
  --level-2: #fef3c7;
  --level-3: #fde68a;
  --level-4: #fcd34d;
  --level-5: #fbbf24;
  --level-6: #f59e0b;
  --level-7: #d97706;
  --level-8: #b45309;
  --level-9: #92400e;
  --level-10: #78350f;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.grey {
  --level-1: #f7fafc;
  --level-2: #edf2f7;
  --level-3: #edf2f7;
  --level-4: #cbd5e0;
  --level-5: #a0aec0;
  --level-6: #718096;
  --level-7: #4a5568;
  --level-8: #2d3748;
  --level-9: #1a202c;
  --level-10: #171923;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.emarald {
  --level-1: #ecfdf5;
  --level-2: #d1fae5;
  --level-3: #a7f3d0;
  --level-4: #6ee7b7;
  --level-5: #34d399;
  --level-6: #10b981;
  --level-7: #059669;
  --level-8: #047857;
  --level-9: #065f46;
  --level-10: #064e3b;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.Green {
  --level-1: #f0fff4;
  --level-2: #c6f6d5;
  --level-3: #9ae6b4;
  --level-4: #68d391;
  --level-5: #48bb78;
  --level-6: #38a169;
  --level-7: #25855a;
  --level-8: #276749;
  --level-9: #22543d;
  --level-10: #1c4532;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.indigo {
  --level-1: #eef2ff;
  --level-2: #e0e7ff;
  --level-3: #c7d2fe;
  --level-4: #a5b4fc;
  --level-5: #818cf8;
  --level-6: #6366f1;
  --level-7: #4f46e5;
  --level-8: #4338ca;
  --level-9: #3730a3;
  --level-10: #312e81;
  --bg-color: white;
  --text-secondary: #a0aec0;
  --text-primary: #000000;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.lime {
  --level-1: #f7fee7;
  --level-2: #ecfccb;
  --level-3: #d9f99d;
  --level-4: #bef264;
  --level-5: #a3e635;
  --level-6: #84cc16;
  --level-7: #65a30d;
  --level-8: #4d7c0f;
  --level-9: #3f6212;
  --level-10: #365314;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.orange {
  --level-1: #fffaf0;
  --level-2: #feebcb;
  --level-3: #fbd38d;
  --level-4: #f6ad55;
  --level-5: #ed8936;
  --level-6: #dd6b20;
  --level-7: #c05621;
  --level-8: #9c4221;
  --level-9: #7b341e;
  --level-10: #652b19;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.pink {
  --level-1: #fdf2f8;
  --level-2: #fce7f3;
  --level-3: #fbcfe8;
  --level-4: #f9a8d4;
  --level-5: #f472b6;
  --level-6: #ec4899;
  --level-7: #db2777;
  --level-8: #be185d;
  --level-9: #9d174d;
  --level-10: #831843;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.purple {
  --level-1: #faf5ff;
  --level-2: #e9d8fd;
  --level-3: #d6bcfa;
  --level-4: #b794f4;
  --level-5: #9f7aea;
  --level-6: #805ad5;
  --level-7: #6b46c1;
  --level-8: #553c9a;
  --level-9: #44337a;
  --level-10: #322659;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.red {
  --level-1: #fff5f5;
  --level-2: #fed7d7;
  --level-3: #feb2b2;
  --level-4: #fc8181;
  --level-5: #f56565;
  --level-6: #e53e3e;
  --level-7: #c53030;
  --level-8: #9b2c2c;
  --level-9: #822727;
  --level-10: #63171b;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.rose {
  --level-1: #fff1f2;
  --level-2: #ffe4e6;
  --level-3: #fecdd3;
  --level-4: #fda4af;
  --level-5: #fb7185;
  --level-6: #f43f5e;
  --level-7: #e11d48;
  --level-8: #be123c;
  --level-9: #9f1239;
  --level-10: #881337;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.sky {
  --level-1: #f0f9ff;
  --level-2: #e0f2fe;
  --level-3: #bae6fd;
  --level-4: #7dd3fc;
  --level-5: #38bdf8;
  --level-6: #0ea5e9;
  --level-7: #0284c7;
  --level-8: #0369a1;
  --level-9: #075985;
  --level-10: #0c4a6e;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.trueGrey {
  --level-1: #fafafa;
  --level-2: #f5f5f5;
  --level-3: #e5e5e5;
  --level-4: #d4d4d4;
  --level-5: #a3a3a3;
  --level-6: #737373;
  --level-7: #525252;
  --level-8: #3f4e4f;
  --level-9: #fdf8f8;
  --level-10: #171717;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(247, 242, 242, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.yellow {
  --level-1: #fffff0;
  --level-2: #fefcbf;
  --level-3: #faf089;
  --level-4: #f6e05e;
  --level-5: #ecc94b;
  --level-6: #d69e2e;
  --level-7: #b7791f;
  --level-8: #975a16;
  --level-9: #744210;
  --level-10: #5f370e;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.teal {
  --level-1: #e6fffa;
  --level-2: #b2f5ea;
  --level-3: #81e6d9;
  --level-4: #4fd1c5;
  --level-5: #38b2ac;
  --level-6: #319795;
  --level-7: #2c7a7b;
  --level-8: #285e61;
  --level-9: #234e52;
  --level-10: #1d4044;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

:root.dark {
  --level-1: #404258;
  --level-2: #6b728e;
  --level-3: #edf2f7;
  --level-4: #cbd5e0;
  --level-5: #a0aec0;
  --level-6: #474e68;
  --level-7: #404258;
  --level-8: #2d3748;
  --level-9: #1a202c;
  --level-10: #171923;
  --bg-color: #282c35;
  --text-color: #cbd5e0;
  --text-secondary: #a0aec0;
  --img-color: invert(100%);
  --border-color: #fff1f1f1;
  --modal-bg-color: #303030;
  --disabled-color: #1a202c;
  --sucees-color: #059669;
  --failed-color: #c53030;
}

.theme-option {
  margin-top: -10px !important;
}
.theme-option .MuiOutlinedInput-notchedOutline {
  border: none !important;
}
.theme-option .MuiSvgIcon-root,
.theme-option .MuiSvgIconn-root {
  display: none !important;
}
.theme-option .MuiSelect-select,
.theme-option .MuiInputBase-input,
.theme-option .MuiOutlinedInput-input {
  padding: 5px !important;
}

.theme-menu {
  display: inline-flex !important;
}

.Heading, .subtitle {
  font-family: "Calibri ", sans-serif !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 20px !important;
  color: var(--text-primary) !important;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Heading span, .subtitle span {
  font-weight: 400 !important;
  color: #1f2937 !important;
  margin-left: 5px;
  font-size: 16px !important;
}

.subtitle {
  padding-left: 0px;
  font-size: 18px !important;
}

.subtitle2 {
  font-size: 14px !important;
  margin-top: 0px !important;
  font-weight: 500 !important;
  height: 18px;
  color: #64748b !important;
}

.subtitle1 {
  text-align: center;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  font-size: 16px !important;
  color: #475569 !important;
  font-weight: 400px !important;
  font-family: "Calibri ", sans-serif !important;
  font-style: normal;
  height: 25px;
}
.subtitle1 b {
  color: var(--level-4) !important;
}

.storybook-button {
  font-family: "Calibri ", sans-serif !important;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  background-color: white;
  border-radius: 3px;
  margin-top: 10px;
  color: white;
  padding: 0px 8px;
  height: 30px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color) !important;
}
.storybook-button span {
  font-size: 20px;
  padding-right: 5px;
}
.storybook-button img {
  width: 25px;
  padding-right: 5px;
}
.storybook-button:hover {
  cursor: pointer;
  opacity: 0.6;
}
.storybook-button:focus {
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--text-primary);
}
.storybook-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--default {
  color: var(--level-8);
}
.storybook-button--default:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--back,
.storybook-button--proceed,
.storybook-button--cancel,
.storybook-button--mrf-to-po {
  color: #ca8a04;
  border-color: #ca8a04;
}

.storybook-button--submit {
  background-color: #16a34a;
  color: white;
  width: 100% !important;
}

.storybook-button--reject-quotation {
  color: white;
  background-color: #ef4444;
  width: 100%;
}

.storybook-button--save,
.storybook-button--active-maintenance,
.storybook-button--mark-as-done,
.storybook-button--distribute,
.storybook-button--received,
.storybook-button--approved,
.storybook-button--just-save,
.storybook-button--apply,
.storybook-button--save-next,
.storybook-button--approve,
.storybook-button--send,
.storybook-button--pending-mail,
.storybook-button--okay,
.storybook-button--finalize,
.storybook-button--verify-save,
.storybook-button--active {
  color: #2c7a7b;
  border-color: #2c7a7b;
}

.storybook-button--view,
.storybook-button--associate,
.storybook-button--view-ticket,
.storybook-button--view-store,
.storybook-button--config,
.storybook-button--new-transfer,
.storybook-button--verify-transfer,
.storybook-button--re-order {
  color: #334155;
  border-color: #334155;
}

.storybook-button--delete,
.storybook-button--reject,
.storybook-button--no {
  color: #ef4444 !important;
  border-color: #ef4444;
}

.storybook-button--reset {
  color: var(--text-primary) !important;
  font-weight: 400;
}
.storybook-button--reset .material-symbols-outlined {
  color: var(--text-primary) !important;
}

.storybook-button--clear,
.storybook-button--apply-all,
.storybook-button--previous,
.storybook-button--save-progress,
.storybook-button--browse,
.storybook-button--select,
.storybook-button--schedule,
.storybook-button--follow-up,
.storybook-button--sla,
.storybook-button--next {
  color: #475569;
  border-color: #475569;
}

.storybook-button--yes,
.storybook-button--packed,
.storybook-button--inward-stock,
.storybook-button--initiate-transfer {
  color: #4ade80;
  border-color: #4ade80;
}

.storybook-button--edit,
.storybook-button--update {
  color: #38bdf8;
  border-color: #38bdf8;
}

.storybook-button--in-active {
  color: #94a3b8;
  border-color: #e2e8f0;
}

.storybook-button--add {
  color: var(--level-8);
  border-color: var(--level-8);
}
.storybook-button--add:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--raise-ticket,
.storybook-button--close-ticket {
  background-color: #dc2626;
}
.storybook-button--raise-ticket:hover,
.storybook-button--close-ticket:hover {
  background-color: #ef4444;
}
.storybook-button--raise-ticket:focus,
.storybook-button--close-ticket:focus {
  background-color: #b91c1c;
}
.storybook-button--raise-ticket:disabled,
.storybook-button--close-ticket:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--print {
  background-color: #8b5cf6;
}
.storybook-button--print:hover {
  background-color: #a78bfa;
}
.storybook-button--print:focus {
  background-color: #4c1d95;
}
.storybook-button--print:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--export,
.storybook-button--excel,
.storybook-button--pdf,
.storybook-button--re-open,
.storybook-button--import {
  background-color: rgba(0, 0, 0, 0.8);
}
.storybook-button--export:hover,
.storybook-button--excel:hover,
.storybook-button--pdf:hover,
.storybook-button--re-open:hover,
.storybook-button--import:hover {
  background: rgba(0, 0, 0, 0.48);
}
.storybook-button--export:focus,
.storybook-button--excel:focus,
.storybook-button--pdf:focus,
.storybook-button--re-open:focus,
.storybook-button--import:focus {
  background: rgba(0, 0, 0, 0.92);
}
.storybook-button--export:disabled,
.storybook-button--excel:disabled,
.storybook-button--pdf:disabled,
.storybook-button--re-open:disabled,
.storybook-button--import:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--resolved {
  background-color: #0369a1;
}

.storybook-button--assigned,
.storybook-button--assign-ticket,
.storybook-button--reassign {
  background-color: #f59e0b;
}

.storybook-button--not-an-issue {
  background-color: #7e22ce;
}

.storybook-button--assign {
  background-color: #15803d;
}
.storybook-button--assign:hover {
  background-color: #22c55e;
}
.storybook-button--assign:focus {
  background-color: #14532d !important;
}
.storybook-button--assign:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--sign-in,
.storybook-button--continue {
  border-radius: 6px;
  padding: 8px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.storybook-button--sign-in:hover,
.storybook-button--continue:hover {
  background: rgba(0, 0, 0, 0.48);
}
.storybook-button--sign-in:focus,
.storybook-button--continue:focus {
  background: rgba(0, 0, 0, 0.92);
}
.storybook-button--sign-in:disabled,
.storybook-button--continue:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--sign-out {
  background-color: #ef4444;
  border-radius: 20px;
  padding: 6px;
  width: 100%;
}
.storybook-button--sign-out:hover {
  background-color: #f87171;
}
.storybook-button--sign-out:focus {
  background-color: #b91c1c;
}
.storybook-button--sign-out:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.set-up-button, .customize-widgets-button, .clear-all-button, .view-ticket-button, .view-history-button, .verified-button, .continue-button,
.schedule-button,
.verify-button,
.quote-button, .view-button, .select-confirm-button, .add-schedule-button, .select-company-button,
.conclude-button, .rejected-button, .update-set-up-button, .assign-button {
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
  border: 1px solid #16a34a;
  color: #16a34a;
  background-color: white;
  border-radius: 20px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
}
.set-up-button:hover, .customize-widgets-button:hover, .clear-all-button:hover, .view-ticket-button:hover, .view-history-button:hover, .verified-button:hover, .continue-button:hover,
.schedule-button:hover,
.verify-button:hover,
.quote-button:hover, .view-button:hover, .select-confirm-button:hover, .add-schedule-button:hover, .select-company-button:hover,
.conclude-button:hover, .rejected-button:hover, .update-set-up-button:hover, .assign-button:hover {
  cursor: pointer;
}
.set-up-button span, .customize-widgets-button span, .clear-all-button span, .view-ticket-button span, .view-history-button span, .verified-button span, .continue-button span,
.schedule-button span,
.verify-button span,
.quote-button span, .view-button span, .select-confirm-button span, .add-schedule-button span, .select-company-button span,
.conclude-button span, .rejected-button span, .update-set-up-button span, .assign-button span {
  font-size: 16px;
  margin-left: 5px;
}

.update-set-up-button {
  border: 1px solid #0284c7;
  color: #0284c7;
}

.rejected-button {
  border: 1px solid #dc2626;
  color: #dc2626;
}

.select-company-button,
.conclude-button {
  border: 1px solid #16a34a;
  color: #16a34a;
}

.add-schedule-button {
  background-color: #15803d;
  color: white;
  font-weight: 700;
}

.select-confirm-button {
  border: 1px solid #e5e7eb;
  color: #16a34a;
  font-size: 12px;
}
.select-confirm-button .material-symbols-outlined.filled {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.view-button {
  border: 1px solid #475569;
  color: #475569;
}

.continue-button,
.schedule-button,
.verify-button,
.quote-button {
  border: 1px solid #d97706;
  color: #d97706;
}

.verified-button {
  background-color: #16a34a;
  color: white !important;
}

.view-history-button {
  background-color: #1e293b;
  color: white !important;
  border-style: none !important;
}

.view-ticket-button {
  border-color: #ef4444;
  color: #ef4444 !important;
}

.clear-all-button {
  border: 1px solid var(--border-color);
  color: #0284c7;
}

.customize-widgets-button {
  color: white;
  background-color: var(--level-8);
  padding: 10px 5px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 700;
}
.customize-widgets-button span {
  color: black;
  font-size: 25px !important;
  background: white;
  padding: 5px;
  border-radius: 50%;
}

.storybook-input {
  border-radius: 6px;
  border: 1px solid var(--border-color);
  background-color: var(--bg-color);
  width: 100%;
  height: 35px;
  margin-top: 5px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
}

.storybook-input:focus {
  border: 1px solid var(--level-3);
}

.large {
  height: 4.5rem;
  font-size: 1.25rem;
  width: 100%;
}

.medium {
  width: 70%;
}

.required_error {
  box-shadow: 3px 0px 0px red;
  width: calc(100% - 3px) !important;
}

/*Hide the arrow tag in type number*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* 
Firefox */
input[type=number] {
  -moz-appearance: textfield;
  font-family: "Spline Sans Mono", monospace !important;
}

.small {
  padding-left: 1rem;
  height: 25px;
  margin: 2px;
  padding: 10px;
  font-size: 14px;
}

.storybook-input[disabled] {
  background-color: var(--disabled-color);
  color: var(--text-primary);
  cursor: not-allowed;
}

input[type=date] {
  width: fit-content !important;
}

input[type=time] {
  width: fit-content !important;
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s; /* hack to override autofill */
}

input[type=date]::-webkit-calendar-picker-indicator {
  filter: var(--img-color);
}

.storybook-input[type=checkbox] {
  width: 22px !important;
  height: 22px !important;
  border-radius: 3px !important;
}

input[type=checkbox]:checked {
  background-color: var(--level-8);
  border-color: var(--level-8);
}

.select {
  border-radius: 6px;
  border: 1px solid var(--border-color) !important;
  background-color: var(--bg-color);
  width: 100%;
  height: 32px;
  margin-top: 10px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
  padding-left: 8px;
}

.select:focus {
  border: 1px solid var(--level-3);
}

.large {
  height: 4.5rem;
  font-size: 1.25rem;
  width: 100%;
}

.medium {
  width: 70%;
}

.small {
  height: 25px;
  margin-top: 2px;
  padding: 0px;
  padding-left: 3px;
  font-size: 14px;
}

.select:disabled {
  background-color: var(--disabled-color) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  color: var(--text-primary);
  cursor: not-allowed !important;
}

.storybook-textarea {
  padding-left: 1rem;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  background-color: var(--bg-color);
  width: 100%;
  height: 65px !important;
  margin-top: 5px;
  padding: 5px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
  outline: none;
}
.storybook-textarea::placeholder {
  color: var(--text-secondary);
}

.storybook-textarea:disabled {
  background-color: var(--disabled-color);
  color: var(--text-primary);
}

.storybook-textarea:focus {
  outline: none;
  border: 1px solid var(--level-3) !important;
}

.storybook-textarea:required {
  box-shadow: 3px 0px 0px red;
  width: calc(100% - 3px) !important;
}

.storybook-textarea::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.storybook-textarea::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.storybook-textarea::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.Label, .present-day, .LabelPrimary, .LabelBold, .AccountingLabel {
  font-family: "Calibri ", sans-serif !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px;
  color: var(--text-secondary);
}

.AccountingLabel {
  font-size: 14px;
  margin-top: 3px;
  padding: 0px;
}

.LabelBold {
  font-weight: 600 !important;
}

.LabelPrimary {
  color: var(--level-6);
  font-weight: 600;
}

.present-day {
  margin-top: 5px !important;
  margin-left: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 4px;
  background-color: var(--disabled-color);
}

.delete-modal__title {
  height: 35px;
  background-color: #fee2e2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.delete-modal__title .subtitle {
  padding-top: 0px !important;
}
.delete-modal__body {
  text-align: left;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  margin-top: 20px;
  height: calc(100% - 85px);
  padding: 10px;
  color: var(--text-primary);
}
.delete-modal .buttons-flex {
  margin-bottom: 10px;
  margin-left: 10px;
}

.customer-list {
  height: calc(100% - 140px);
  margin: 0px;
}
.customer-list__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 90px);
}

.add-customer {
  height: 100%;
}
.add-customer__block {
  height: calc(100% - 45px);
  margin-top: 5px;
}
.add-customer__block--form {
  height: calc(100% - 65px);
}
.add-customer__block--form--details {
  height: calc(100% - 40px);
  overflow: auto;
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.add-customer__block--form--grid {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 10px;
}
.add-customer__block--form--grid-item {
  height: 40px;
  margin-bottom: 10px;
}

.add-customer__block--form--details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.add-customer__block--form--details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.add-customer__block--form--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.cust-nomenclature {
  height: calc(100% - 120px);
  margin-top: 10px;
}
.cust-nomenclature--left {
  height: 100%;
  padding-right: 20px;
  border-right: 3px solid var(--border-color);
}
.cust-nomenclature--right {
  height: 100%;
  padding-left: 20px;
}
.cust-nomenclature--add {
  height: 100%;
}
.cust-nomenclature--add--li {
  height: calc(100% - 75px);
  overflow: auto;
}
.cust-nomenclature--add--li--switch {
  margin-top: 10px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 5px;
  color: #334155;
}
.cust-nomenclature--add--li--switch label {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.cust-nomenclature--list {
  height: 100%;
}
.cust-nomenclature--list--block {
  height: calc(100% - 125px);
  margin-top: 10px;
}
.cust-nomenclature__tree-view {
  height: calc(100% - 20px);
}
.cust-nomenclature__tree-view--ol {
  border-left: 2px dashed var(--border-color) !important;
}
.cust-nomenclature__tree-view--icons {
  width: 20px;
}
.cust-nomenclature__tree-view--list {
  height: calc(100% - 75px);
  overflow: auto;
  margin-top: 10px;
  border-radius: 20px;
  background-color: white;
}
.cust-nomenclature__tree-view--li {
  display: flex;
  align-items: center;
  column-gap: 5px;
  border-radius: 30px;
  padding: 5px;
  margin-left: -15px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
}
.cust-nomenclature__tree-view--li:hover {
  font-weight: 600;
  cursor: pointer;
  background-color: var(--level-1);
}
.cust-nomenclature__tree-view--li:focus {
  background-color: var(--level-3);
  color: white;
}

.cust-nomenclature__tree-view--list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.cust-nomenclature__tree-view--list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.cust-nomenclature__tree-view--list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.cust-configurations {
  height: calc(100% - 40px);
  margin-top: 5px;
  overflow: auto;
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.cust-configurations .MuiBox-root {
  margin-top: 10px;
}
.cust-configurations__block {
  height: 100%;
  column-count: 2;
  column-fill: auto;
  column-gap: 40px;
}
.cust-configurations__block--disabled {
  background-color: var(--disabled-color);
  padding: 5px 10px 10px 20px;
}
.cust-configurations__license {
  padding: 10px;
  border: 1px dashed var(--border-color);
}

.cust-configurations::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.cust-configurations::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.cust-configurations::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.cust-license-details {
  height: calc(100% - 40px);
  margin-top: 5px;
  position: relative;
  overflow: auto;
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.cust-license-details__block {
  display: block;
  margin: auto;
  height: fit-content;
  width: 40%;
  border: 1px dashed var(--text-secondary);
  padding: 10px;
}
.cust-license-details__block--header {
  display: flex;
  align-items: center;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  column-gap: 10px;
}
.cust-license-details__block--flex {
  display: flex;
  column-gap: 20px;
}
.cust-license-details__block--details .MuiBox-root {
  margin-top: 10px;
}
.cust-license-details__block--expire {
  display: block;
  margin: auto;
  text-align: center;
  width: fit-content;
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 5px 10px;
  column-gap: 10px;
  margin-top: 10px;
}
.cust-license-details__block--expire b {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  margin-right: 5px;
}
.cust-license-details__block--expire span {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  color: var(--text-secondary);
}

.cust-license-details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.cust-license-details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.cust-license-details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.view-customer {
  height: 100%;
}
.view-customer__tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.view-customer__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.view-customer__tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.view-customer__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.view-customer__tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.view-customer__tabs {
  margin-top: 10px;
}
.view-customer__tab-panel {
  height: calc(100% - 105px);
  margin-top: 10px;
}
.view-customer .cust-license-details {
  height: calc(100% - 40px);
}

.edit-customer-tabs {
  height: 100%;
}
.edit-customer-tabs--buttons {
  height: calc(100% - 75px);
  display: flex;
  column-gap: 20px;
  padding-top: 20px;
}
.edit-customer-tabs--buttons button {
  background-color: white;
  color: var(--text-primary);
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 10px;
  height: fit-content !important;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.5);
}

.edit-cust-basic-details {
  height: 100%;
}
.edit-cust-basic-details .add-customer__block--form--details {
  height: calc(100% - 80px);
}
.edit-cust-basic-details .cust-license-details {
  height: calc(100% - 80px);
}
.edit-cust-basic-details .cust-configurations {
  height: calc(100% - 80px);
}

.eduate-configurations {
  height: calc(100% - 140px);
  margin: 0px;
}
.eduate-configurations__block {
  height: calc(100% - 50px);
  overflow: auto;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
}
.eduate-configurations__block--grid {
  column-count: 2;
  column-fill: auto;
  height: 100%;
}
.eduate-configurations__block--grid .MuiBox-root {
  margin-top: 10px;
}

.eduate-configurations__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.eduate-configurations__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.eduate-configurations__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.import-excel-data {
  height: calc(100% - 140px);
  margin: 0px;
}
.import-excel-data__modal {
  height: 100%;
}
.import-excel-data--title img {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.import-excel-data--title img:hover {
  color: red;
}
.import-excel-data__select {
  column-gap: 10px;
}
.import-excel-data__select--tableblock {
  margin-top: 10px;
  height: calc(100% - 110px);
}
.import-excel-data__blocks {
  margin-top: 10px;
  gap: 10px;
  height: 75px;
}
.import-excel-data__blocks--cards {
  height: fit-content;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
  background-color: var(--bg-color);
  margin: 5px;
}
.import-excel-data__blocks--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.import-excel-data__blocks--cards img {
  width: 35px;
}
.import-excel-data__blocks--cards b {
  margin-left: 10px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
}
.import-excel-data__blocks--cards--total-students, .import-excel-data__blocks--cards--contains-error, .import-excel-data__blocks--cards--ready-to-import {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
  display: flex;
  justify-content: center;
}
.import-excel-data__blocks--cards--ready-to-import {
  color: #22c55e;
}
.import-excel-data__blocks--cards--contains-error {
  color: #ef4444;
}
.import-excel-data__datablock, .import-excel-data__datablock--general {
  height: calc(100% - 170px);
  margin-top: 10px;
}
.import-excel-data__datablock .css-1q1u3t4-MuiTableRow-root.Mui-selected, .import-excel-data__datablock--general .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.import-excel-data__datablock th .MuiSvgIcon-root, .import-excel-data__datablock--general th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.import-excel-data__datablock td .MuiSvgIcon-root, .import-excel-data__datablock--general td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.import-excel-data__datablock, .import-excel-data__datablock--general {
  overflow: auto;
}
.import-excel-data__datablock--general {
  height: calc(100% - 142px);
}
.import-excel-data__datablock--title {
  display: flex;
  justify-content: space-between;
  height: 50px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  margin-top: 10px;
  padding: 0px 10px 0px 10px;
}
.import-excel-data__datablock--title img {
  width: 25px;
}
.import-excel-data__datablock--title img:hover {
  background-color: #e2e8f0;
  border-radius: 6px;
  width: 25px;
  height: 25px;
  margin-top: auto;
  margin-bottom: auto;
}
.import-excel-data__datablock--records-count, .import-excel-data__datablock--errors-count {
  display: flex;
  gap: 10px;
}
.import-excel-data__datablock--records-count span, .import-excel-data__datablock--errors-count span {
  font-family: "Spline Sans Mono", monospace !important;
  padding: 8px;
  background-color: #4ade80;
  color: white;
  font-size: 12px;
  border-radius: 50%;
  font-weight: 700;
  margin: auto;
}
.import-excel-data__datablock--records-count b, .import-excel-data__datablock--errors-count b {
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  margin-top: auto;
  margin-bottom: auto;
}
.import-excel-data__datablock--errors-count span {
  background-color: #ef4444;
}
.import-excel-data__datablock--errors-count b {
  color: #dc2626;
}
.import-excel-data__datablock--error {
  background-color: #ef4444 !important;
}
.import-excel-data__datablock--tableblock {
  margin-top: 10px;
}
.import-excel-data__datablock--tableblock--error-message {
  display: flex;
  justify-content: space-between;
}
.import-excel-data__datablock--table {
  max-height: 100%;
  height: 100%;
}
.import-excel-data__datablock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.import-excel-data__datablock--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.import-excel-data__datablock--table td img:hover,
.import-excel-data__datablock--table td a:hover {
  cursor: pointer;
}
.import-excel-data__datablock--table tbody {
  background-color: var(--level-1);
}
.import-excel-data__datablock--table tbody tr:hover {
  background-color: var(--level-2);
}
.import-excel-data__datablock--table tbody tr:hover td {
  color: var(--level-7);
}
.import-excel-data__datablock--table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.import-excel-data__datablock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.import-excel-data__datablock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.import-excel-data__button {
  display: flex;
  justify-content: flex-end;
}
.import-excel-data__file-upload {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.import-excel-data__file-upload--browse {
  width: 160px !important;
  background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  margin-top: 10px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
  height: 32px;
  width: 115px;
}
.import-excel-data__file-upload--browse input {
  display: none;
}
.import-excel-data__file-upload--browse img {
  padding-right: 5px;
  height: 25px;
  width: 25px;
}
.import-excel-data__file-upload--browse {
  margin-top: 20px;
}
.import-excel-data__file-upload--input {
  display: none;
}
.import-excel-data__file-upload--file-name {
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  width: 100%;
  height: 35px;
  background-color: var(--disabled-color);
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.import-excel-data__receipts {
  height: 100%;
}
.import-excel-data__receipts--title img {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.import-excel-data__receipts--title img:hover {
  color: red;
}
.import-excel-data__receipts--block {
  height: calc(100% - 70px);
  overflow: auto;
}
.import-excel-data__receipts--block .select-all {
  margin-left: 0px !important;
}

.import-excel-data__receipts--block::-webkit-scrollbar,
.import-excel-data__datablock::-webkit-scrollbar,
.import-excel-data__datablock--general::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.import-excel-data__receipts--block::-webkit-scrollbar-thumb,
.import-excel-data__datablock::-webkit-scrollbar-thumb,
.import-excel-data__datablock--general::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.import-excel-data__receipts--block::-webkit-scrollbar-thumb:hover,
.import-excel-data__datablock::-webkit-scrollbar-thumb:hover,
.import-excel-data__datablock--general::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.excel-loading {
  height: 450px;
  width: 400px;
  border: 1px solid var(--border-color);
}
.excel-loading__close-icon {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.excel-loading__close-icon:hover {
  color: red;
}
.excel-loading__top {
  height: 30%;
  background-color: var(--level-1);
  padding-top: 20px;
}
.excel-loading__top img {
  width: 30px;
  height: 30px;
}
.excel-loading__top b {
  font-family: "Calibri ", sans-serif !important;
  color: var(--level-6);
  font-size: 25px;
}
.excel-loading__top--flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.excel-loading__top--text {
  font-size: 20px;
  color: #6b7280;
  text-align: center;
  font-family: "Calibri ", sans-serif !important;
}
.excel-loading__top--total {
  text-align: center;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 20px;
}
.excel-loading__top--details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100% - 30px);
}
.excel-loading__bottom {
  height: 68%;
}
.excel-loading__bottom--flex {
  display: flex;
  justify-content: space-between;
  height: 40px;
}
.excel-loading__bottom--flex--f {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.excel-loading__bottom--flex--f img {
  width: 30px;
  height: 30px;
}
.excel-loading__bottom--flex--f span {
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.excel-loading__bottom--flex--f b {
  font-size: 18px;
  font-family: "Calibri ", sans-serif !important;
}
.excel-loading__bottom--loading {
  width: 100%;
  height: calc(100% - 40px);
}
.excel-loading__bottom--loading img {
  height: 180px;
  width: 200px;
  display: block;
  margin: auto;
}
.excel-loading__bottom--details {
  height: calc(100% - 25px);
  padding: 40px 40px 30px 40px;
}

.asset-config {
  height: 100%;
}
.asset-config__title img {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.asset-config__title img:hover {
  color: red;
}
.asset-config__form {
  height: calc(100% - 30px);
}
.asset-config__form--details {
  height: calc(100% - 50px);
  column-gap: 40px;
  margin-top: 5px;
}
.asset-config__form--details--left, .asset-config__form--details--right {
  height: 100%;
  border-top-right-radius: 30px;
  border: 1px solid var(--border-color);
  padding: 10px;
}
.asset-config__form--details--right {
  border-top-left-radius: 30px;
}
.asset-config__form--details--block {
  height: calc(100% - 50px);
  overflow: auto;
}
.asset-config__form--details--block--dynamic {
  background-color: var(--level-2);
  border-radius: 2px;
  padding: 10px;
  margin-bottom: 5px;
}
.asset-config__form--details--block--dynamic--li, .asset-config__form--details--block--predefined--li {
  padding: 15px 10px;
  display: flex;
  align-items: center;
  font-family: "Calibri ", sans-serif !important;
  background-color: var(--bg-color);
  margin-top: 10px;
  border-radius: 5px;
  justify-content: space-between;
  border: 1px solid var(--level-5);
}
.asset-config__form--details--block--dynamic--li b, .asset-config__form--details--block--predefined--li b {
  font-size: 14px;
  font-weight: 400;
}
.asset-config__form--details--block--dynamic--li span, .asset-config__form--details--block--predefined--li span {
  font-size: 12px;
  background-color: #e5e7eb;
  border-radius: 10px;
  padding: 5px 8px;
}
.asset-config__form--details--block--dynamic--li img, .asset-config__form--details--block--predefined--li img {
  margin-left: 5px;
  width: 25px;
  height: 25px;
}
.asset-config__form--details--block--header {
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.asset-config__form--details--block--predefined--li {
  background-color: #f9fafb;
  border: 1px solid var(--bg-color);
}
.asset-config__form--details--block--predefined ul {
  margin-bottom: 0px !important;
}
.asset-config__form--legend {
  display: flex;
  column-gap: 5px;
  align-items: center;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
}
.asset-config__form--legend--dynamic, .asset-config__form--legend--default {
  width: 25px;
  height: 25px;
  border: 1px solid var(--level-5);
  border-radius: 2px;
  margin-left: 10px;
}
.asset-config__form--legend--default {
  border: 1px solid var(--border-color);
}
.asset-config__form--preview-button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  padding: 2px 10px;
}
.asset-config__form--preview-button:hover {
  cursor: pointer;
}
.asset-config__form--preview-button img {
  width: 20px;
}
.asset-config__form--assign-button {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Calibri ", sans-serif !important;
}
.asset-config__form--assign-button:hover {
  cursor: pointer;
}
.asset-config__form--assign-button img {
  width: 15px;
  margin-left: 10px;
}
.asset-config__form--assign-button {
  margin: 10px;
}
.asset-config__form--clear-button {
  background-color: #1e40af;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  padding: 2px 10px;
}
.asset-config__form--clear-button:hover {
  cursor: pointer;
}
.asset-config__form--clear-button img {
  width: 20px;
}
.asset-config__form--clear-button:disabled {
  background-color: #93c5fd;
  cursor: not-allowed;
}
.asset-config__form--edit-button {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Calibri ", sans-serif !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.asset-config__form--edit-button:hover {
  cursor: pointer;
}
.asset-config__form--edit-button img {
  width: 15px;
  margin-left: 10px;
}
.asset-config__form--edit-button {
  margin: 10px;
}
.asset-config__form--reorder-button {
  background-color: #334155;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  padding: 2px 10px;
}
.asset-config__form--reorder-button:hover {
  cursor: pointer;
}
.asset-config__form--reorder-button img {
  width: 20px;
}
.asset-config__form--reorder-button {
  margin-top: 5px;
}
.asset-config__form--save-button {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Calibri ", sans-serif !important;
}
.asset-config__form--save-button:hover {
  cursor: pointer;
}
.asset-config__form--save-button img {
  width: 15px;
  margin-left: 10px;
}
.asset-config__form--save-button {
  margin-top: 5px;
}
.asset-config__form--preview {
  width: calc(100% - 40px);
  margin: 20px;
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 20px 30px;
}
.asset-config__form--preview b {
  font-size: 20px;
  color: var(--text-primary);
  font-family: "Calibri ", sans-serif !important;
  display: flex;
  justify-content: center;
}
.asset-config__edit--title img {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.asset-config__edit--title img:hover {
  color: red;
}
.asset-config__predefined {
  height: calc(100% - 30px);
}
.asset-config__predefined .MuiDataGrid-root {
  border-style: none;
}

.asset-config__form--details--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.asset-config__form--details--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.asset-config__form--details--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.asset-config__form--details--block--predefined--li {
  transition: transform 0.2s;
}

.asset-config__form--details--block--predefined--li:active {
  opacity: 0.8;
}

.message-config {
  height: calc(100% - 105px);
}
.message-config--modal {
  height: 100%;
}
.message-config__form {
  margin-top: 5px;
  height: calc(100% - 85px);
  background-color: var(--bg-color);
  padding: 10px;
  border-radius: 20px 20px 0px 0px;
  column-gap: 10px;
}
.message-config__form--block {
  height: calc(100% - 50px);
}
.message-config__form--title {
  display: flex;
  column-gap: 10px;
}
.message-config__form--title--i {
  height: 40px;
  width: 40px;
  background-color: var(--level-5);
  border-radius: 6px;
}
.message-config__form--title--i span {
  display: block;
  text-align: center;
  color: white;
  font-size: 40px;
}
.message-config__form--title--b hr {
  width: 70px;
  margin-top: 5px;
  color: var(--level-7);
  height: 4px;
}
.message-config__form--right {
  border: 1px solid var(--border-color);
  padding: 20px;
  background-color: var(--disabled-color);
  border-radius: 6px;
}
.message-config__form--right .MuiBox-root {
  margin-top: 10px;
}
.message-config__form--left {
  border: 1px solid var(--border-color);
  padding: 10px;
}
.message-config__text {
  height: 70%;
}
.message-config__text .quill {
  height: calc(100% - 50px);
}
.message-config__text b {
  display: block;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
}
.message-config__tags-list {
  height: 30%;
  border: 1px solid var(--border-color);
  padding: 10px;
  border-radius: 6px;
}
.message-config__tags-list--tags {
  margin-top: 10px;
}
.message-config__tags-list--tags b {
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  text-align: left;
}
.message-config__tags-list--tags {
  height: calc(100% - 35px);
  overflow: auto;
}
.message-config__tags-list--tags button {
  margin-top: 5px;
  border: 1px solid var(--level-5);
  background-color: var(--level-1);
  border-radius: 20px;
  padding: 5px 10px;
  height: fit-content;
  margin: 3px;
}
.message-config__email b {
  display: block;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}

.message-config__tags-list--tags::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.message-config__tags-list--tags::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.message-config__tags-list--tags::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.companies-list {
  height: calc(100% - 140px);
  margin: 0px;
}
.companies-list__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 90px);
}

.set-up-company {
  height: 100%;
}
.set-up-company__form {
  height: calc(100% - 35px);
  margin-top: 5px;
}
.set-up-company__form--bg {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 50px);
}
.set-up-company__form--details {
  height: calc(100% - 50px);
  overflow: auto;
}
.set-up-company__form--grid {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 10px;
}
.set-up-company__form--grid-item {
  height: 40px;
  margin-bottom: 10px;
}
.set-up-company__fy {
  height: calc(100% - 35px);
}
.set-up-company__fy--edit {
  height: calc(100% - 10px);
}
.set-up-company__fy--left {
  height: 100%;
  padding-right: 20px;
  border-right: 3px solid var(--border-color);
}
.set-up-company__fy--left--details {
  height: calc(100% - 30px);
  overflow: auto;
}
.set-up-company__fy--left--details .MuiBox-root {
  margin-top: 10px;
}
.set-up-company__fy--right {
  height: 100%;
  padding-left: 20px;
}
.set-up-company__fy--list {
  height: calc(100% - 125px);
  margin-top: 10px;
}

.set-up-company__fy--left--details::-webkit-scrollbar,
.set-up-company__block--form--details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.set-up-company__fy--left--details::-webkit-scrollbar-thumb,
.set-up-company__block--form--details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.set-up-company__fy--left--details::-webkit-scrollbar-thumb:hover,
.set-up-company__block--form--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.make-active-fin-yr {
  height: calc(100% - 20px);
}
.make-active-fin-yr--block {
  height: calc(100% - 75px);
  margin-top: 20px;
}

.company-configurations {
  height: calc(100% - 75px);
  overflow: auto;
}
.company-configurations__module-name {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.company-configurations__grid-item {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.company-configurations__grid-item .MuiBox-root {
  margin-top: 10px;
}

.company-configurations::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.company-configurations::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.company-configurations::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.view-company-details {
  height: calc(100% - 20px);
}
.view-company-details__block {
  margin-top: 10px;
  height: calc(100% - 65px);
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.view-company-details__tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.view-company-details__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.view-company-details__tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.view-company-details__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.view-company-details__tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.view-company-details__tab-panel {
  margin-top: 10px;
  height: calc(100% - 65px);
}
.view-company-details__tab-panel .set-up-company__form--details {
  height: 100%;
}

.update-company-status {
  height: 100%;
}
.update-company-status__buttons {
  height: calc(100% - 75px);
  display: flex;
  column-gap: 20px;
  padding-top: 20px;
}
.update-company-status__buttons button {
  background-color: white;
  color: var(--text-primary);
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 10px;
  height: fit-content !important;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.5);
}

.branch-list {
  height: calc(100% - 140px);
  margin: 0px;
}
.branch-list--modal {
  height: calc(100% - 35px);
}
.branch-list__search {
  column-gap: 10px;
}
.branch-list__search .MuiBox-root {
  margin-top: 5px !important;
}
.branch-list__total {
  background-color: white;
  padding: 5px;
  margin: 5px 10px 0px;
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.branch-list__total label {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.branch-list__total .font-red {
  border: 1px solid #f87171;
}
.branch-list__total .font-green {
  border: 1px solid #4ade80;
}
.branch-list__total span {
  padding: 0px 5px;
  border-radius: 3px;
}
.branch-list__block {
  display: flex;
  column-gap: 10px;
  height: calc(100% - 105px);
}
.branch-list__block--table {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: 100%;
  width: calc(70% - 5px);
  margin-top: 5px !important;
}
.branch-list__block--tree {
  height: 100%;
  width: calc(30% - 5px);
}
.branch-list__block--tree .MuiTreeItem-content .MuiTreeItem-label {
  font-size: 14px !important;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
}
.branch-list__block--tree .MuiTreeItem-content .MuiTreeItem-label:hover {
  color: #000;
}
.branch-list__block--tree .MuiTreeItem-content.Mui-selected {
  padding-left: 10px;
  font-weight: 500 !important;
}
.branch-list__block--tree .MuiSvgIcon-root {
  fill: var(--text-primary) !important;
}
.branch-list__breadcrumb {
  height: 20px;
  cursor: pointer;
  font-size: 14px;
  background-color: white;
  display: flex;
  align-items: center;
  color: var(--text-primary);
}
.branch-list__breadcrumb--button {
  background: none;
  border: none;
}

.branch-configurtaions {
  height: calc(100% - 140px);
  margin: 0px;
}
.branch-configurtaions--modal {
  height: calc(100% - 35px);
}
.branch-configurtaions__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
  overflow: auto;
}
.branch-configurtaions__block--grid {
  column-count: 2;
  column-fill: auto;
  height: 100%;
}
.branch-configurtaions__block--grid .MuiBox-root {
  margin-top: 10px;
}
.branch-configurtaions__block--header {
  width: 100% !important;
}
.branch-configurtaions__block--header .MuiFormControlLabel-root {
  margin-top: 0px !important;
  border: none !important;
}
.branch-configurtaions__block--header .MuiTypography-root {
  color: var(--text-primary) !important;
}
.branch-configurtaions__block--config-button {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.branch-configurtaions__block--config-button .predefined-select {
  width: calc(100% - 150px);
}
.branch-configurtaions__block--config-button .storybook-button {
  width: 150px;
}
.branch-configurtaions__number-config {
  height: 100%;
}
.branch-configurtaions__number-config__form {
  height: calc(100% - 85px);
  overflow: auto;
}
.branch-configurtaions__number-config__form .MuiBox-root {
  margin-top: 10px;
}
.branch-configurtaions__number-config__form--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
}

.branch-configurtaions__block::-webkit-scrollbar,
.branch-configurtaions__number-config::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.branch-configurtaions__block::-webkit-scrollbar-thumb,
.branch-configurtaions__number-config::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.branch-configurtaions__block::-webkit-scrollbar-thumb:hover,
.branch-configurtaions__number-config::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.group-config {
  height: calc(100% - 140px);
  margin: 0px;
}
.group-config--modal {
  height: calc(100% - 35px);
}
.group-config__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
  display: flex;
  width: 100%;
  column-gap: 30px;
}
.group-config__block .MuiPaper-root {
  border: 1px solid #d1d5db;
  margin-top: 10px !important;
  border-radius: 6px;
}
.group-config__block--left {
  height: 100%;
  overflow: auto;
  width: 350px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
}
.group-config__block--left .enabled {
  background-color: #15803d;
  color: white;
}
.group-config__block--left--title {
  background-color: #e5e7eb;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  text-align: center;
}
.group-config__block--left--list {
  height: calc(100% - 50px);
}
.group-config__block--left .menu-item {
  padding: 8px 12px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
  color: var(--text-primary);
  font-weight: 500;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  transition: background 0.2s ease;
}
.group-config__block--left .menu-item:hover {
  background-color: var(--level-1);
  color: var(--text-primary);
}
.group-config__block--left .menu-item.active {
  background-color: var(--level-3);
  color: var(--text-primary);
}
.group-config__block--left span {
  font-size: 10px;
  background-color: var(--disabled-color);
  padding: 2px 5px;
  color: var(--text-secondary);
  border-radius: 2px;
}
.group-config__block--right {
  height: 100%;
  overflow: auto;
  width: calc(100% - 350px);
  border-radius: 6px;
  padding: 5px;
}
.group-config__block--sub {
  width: 50%;
}
.group-config__block--grid {
  height: 100%;
}
.group-config__block--grid .MuiBox-root {
  margin-top: 10px;
}
.group-config__block--header {
  width: 100% !important;
}
.group-config__block--header .MuiFormControlLabel-root {
  margin-top: 0px !important;
  border: none !important;
}
.group-config__block--header .MuiTypography-root {
  color: var(--text-primary) !important;
}
.group-config__block--config-button {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.group-config__block--config-button .predefined-select {
  width: calc(100% - 150px);
}
.group-config__block--config-button .storybook-button {
  width: 150px;
}
.group-config__number-config {
  height: 100%;
}
.group-config__number-config__form {
  height: calc(100% - 85px);
  overflow: auto;
}
.group-config__number-config__form .MuiBox-root {
  margin-top: 10px;
}
.group-config__number-config__form--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
}

.branch-company-assoc {
  height: 100%;
}
.branch-company-assoc__form {
  height: calc(100% - 35px);
  margin-top: 5px;
}
.branch-company-assoc__form--bg {
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  height: calc(100% - 45px);
}
.branch-company-assoc__form--details {
  height: calc(100% - 75px);
  overflow: auto;
}
.branch-company-assoc__form--details .subtitle {
  margin-top: 15px;
}
.branch-company-assoc__form--details .MuiBox-root,
.branch-company-assoc__form--details .react-tel-input {
  margin-top: 10px;
}
.branch-company-assoc__form--grid {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.branch-company-assoc__form--grid2 {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.branch-company-assoc__form--grid-item {
  height: 40px;
  margin-bottom: 10px;
}
.branch-company-assoc__form--selected {
  margin-top: 10px;
  background-color: #f0fdf4;
  width: fit-content;
  padding: 5px;
  border-radius: 6px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}

.branch-company-assoc__form--details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.branch-company-assoc__form--details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.branch-company-assoc__form--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.branch-statutory-details {
  height: calc(100% - 70px);
  border: 1.5px solid var(--border-color);
  border-radius: 6px;
  background-color: var(--disabled-color);
}
.branch-statutory-details__header .MuiFormControlLabel-root {
  margin-top: 0px !important;
}
.branch-statutory-details__header .MuiTypography-root {
  color: var(--text-primary) !important;
}
.branch-statutory-details__block {
  padding: 10px 0px 0px 20px;
  height: calc(100% - 45px);
  overflow: auto;
}
.branch-statutory-details__block--item {
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background-color: var(--disabled-color);
}
.branch-statutory-details__block--item--h .MuiFormControlLabel-root {
  margin-top: 0px !important;
}
.branch-statutory-details__block--item--h .MuiTypography-root {
  color: var(--text-primary) !important;
}
.branch-statutory-details__block--item--grid {
  padding-left: 20px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
  padding-bottom: 10px;
}

.branch-statutory-details__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.branch-statutory-details__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.branch-statutory-details__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.view-branch-company-details {
  height: 100%;
}
.view-branch-company-details__block {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 75px);
}
.view-branch-company-details__block--tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.view-branch-company-details__block--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.view-branch-company-details__block--tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.view-branch-company-details__block--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.view-branch-company-details__block--tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.view-branch-company-details__block--tab-panel {
  height: calc(100% - 55px);
  margin-top: 10px;
}
.view-branch-company-details__block--tab-panel .branch-company-assoc__form--details {
  height: 100% !important;
}
.view-branch-company-details__block--tab-panel .subtitle {
  margin-top: 0px !important;
}
.view-branch-company-details__block--tab-panel .branch-statutory-details {
  height: 100% !important;
}

.edit-branch-details {
  height: 100%;
}
.edit-branch-details__block {
  height: calc(100% - 75px);
  display: flex;
  column-gap: 10px;
}
.edit-branch-details__block button {
  background-color: white;
  color: var(--text-primary);
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 10px;
  height: fit-content !important;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.5);
}
.edit-branch-details__basic {
  height: 100%;
}
.edit-branch-details__basic--block {
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  height: calc(100% - 75px);
}
.edit-branch-details__basic--block .branch-company-assoc__form--details {
  height: 100%;
}
.edit-branch-details__basic--block .branch-statutory-details {
  height: 100%;
}

.add-store {
  height: 100%;
}
.add-store--general {
  height: calc(100% - 140px);
  margin: 0px;
}
.add-store--general .add-store__block {
  height: calc(100% - 45px);
  margin-top: 0px !important;
}
.add-store__block {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 80px);
}
.add-store__block--left {
  height: 100%;
  padding-right: 20px;
  border-right: 2px solid var(--border-color);
}
.add-store__block--left--block {
  height: calc(100% - 30px);
  margin-top: 5px;
  overflow: auto;
}
.add-store__block--left--block .MuiBox-root,
.add-store__block--left--block .react-tel-input {
  margin-top: 10px;
}
.add-store__block--right {
  height: 100%;
  padding-left: 20px;
}

.add-store__block--left--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.add-store__block--left--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.add-store__block--left--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.store-list {
  height: 100%;
}
.store-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 90px);
}
.store-list__tableblock--modal {
  height: calc(100% - 120px);
  margin-top: 5px;
}

.store-nomenclature {
  height: 100%;
}
.store-nomenclature__block {
  height: calc(100% - 70px);
  padding-top: 20px;
}

.department {
  height: 100%;
}
.department--general {
  height: calc(100% - 140px);
  margin: 0px;
}
.department--general .department__form {
  height: 100%;
}
.department__form {
  height: calc(100% - 30px);
}
.department__form--block {
  height: calc(100% - 50px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
}
.department__form--block--left {
  height: 100%;
}
.department__form--block--left .MuiBox-root {
  margin-top: 10px;
}
.department__form--block--left {
  padding-right: 20px;
  border-right: 2px solid var(--border-color);
}
.department__form--block--left--block {
  height: calc(100% - 30px);
  overflow: auto;
}
.department__form--block--right {
  height: 100%;
  padding-left: 20px;
}
.department__list {
  height: 100%;
}
.department__list--tableblock {
  margin-top: 10px;
  height: calc(100% - 70px);
}

.department__form--left--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.department__form--left--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.department__form--left--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.mrf {
  height: calc(100% - 140px);
  margin: 0px;
}
.mrf__block {
  height: calc(100% - 50px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
}
.mrf__filters {
  column-gap: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  height: 85px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.mrf__filters .MuiBox-root {
  margin-top: 5px;
  height: fit-content;
}
.mrf__filters--grid {
  display: flex;
  column-gap: 5px;
  width: 100%;
}
.mrf__filters--grid .predefined-select {
  width: calc(100% - 25px);
}
.mrf__tableblock {
  margin-top: 10px;
  height: calc(100% - 160px);
}
.mrf__table {
  max-height: 100%;
  height: 100%;
}
.mrf__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.mrf__table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.mrf__table td img:hover,
.mrf__table td a:hover {
  cursor: pointer;
}
.mrf__table tbody {
  background-color: var(--level-1);
}
.mrf__table tbody tr:hover {
  background-color: var(--level-2);
}
.mrf__table tbody tr:hover td {
  color: var(--level-7);
}
.mrf__table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.mrf__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.mrf__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.mrf__table {
  height: 100%;
}
.mrf__table .MuiTableCell-head {
  font-size: 12px !important;
}
.mrf__table--edit-row:hover {
  background-color: transparent !important;
}
.mrf__table--edit-row:hover td {
  color: var(--level-7);
}
.mrf__table--edit-row td {
  padding: 0px !important;
  background: hsl(55, 79%, 94%) !important;
}
.mrf__table--edit-row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.mrf__table--edit-row .MuiDataGrid-cell,
.mrf__table--edit-row td {
  padding: 0px 5px 0px 0px !important;
}
.mrf__table--edit-row .MuiFormControl-root {
  margin-top: 0px !important;
}
.mrf__table--edit-row .storybook-input,
.mrf__table--edit-row .storybook-textarea {
  margin-top: 0px !important;
  border-style: none !important;
  border-radius: 0px !important;
  background: #fef3c7 !important;
}
.mrf__table--edit-row .storybook-input:focus,
.mrf__table--edit-row .storybook-textarea:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
  background-color: white !important;
}
.mrf__table--edit-row .storybook-input:disabled,
.mrf__table--edit-row .storybook-textarea:disabled {
  background: var(--disabled-color) !important;
}
.mrf__table--edit-row .data-fetch-icon {
  margin-top: 0px !important;
  width: 25px !important;
  height: 25px !important;
}
.mrf__table--flex {
  width: 180px;
  display: flex;
  column-gap: 5px;
}
.mrf__table--flex .data-fetch-icon {
  margin-top: 0px !important;
  width: 30px;
}
.mrf__table--flex .predefined-select {
  width: calc(100% - 30px);
}
.mrf__table--number {
  width: 70px;
}
.mrf__bottom {
  height: 60px;
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 6px;
  column-gap: 10px;
}
.mrf__bottom .MuiBox-root {
  margin-top: 5px !important;
}
.mrf__bottom--grid {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.mrf__bottom--input {
  display: none;
}

.mrf-other-details {
  height: 100%;
}
.mrf-other-details__block {
  height: calc(100% - 125px);
}
.mrf-other-details__block .MuiBox-root {
  margin-top: 10px;
}
.mrf-other-details__block--flex {
  display: flex;
}
.mrf-other-details__block--flex .MuiBox-root {
  width: calc(100% - 30px);
}
.mrf-other-details__block--flex .data-fetch-icon {
  width: 30px;
}
.mrf-other-details__block--selected-suppliers {
  height: calc(100% - 280px);
  background-color: var(--disabled-color);
  margin-top: 10px;
  overflow: auto;
  padding: 10px 5px;
}
.mrf-other-details__block--selected-suppliers--head {
  height: 30px;
  background-color: #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 5px;
}
.mrf-other-details__block--selected-suppliers--head .overall-total-count {
  margin-top: 0px !important;
}
.mrf-other-details__block--selected-suppliers span {
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  padding: 5px 8px;
  background-color: #e5e7eb;
  color: var(--text-primary);
  border: 1px solid var(--text-primary);
  border-radius: 20px;
  margin-right: 10px;
}

.mrf-other-details__block--selected-suppliers::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.mrf-other-details__block--selected-suppliers::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.mrf-other-details__block--selected-suppliers::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.mrf-acceptance {
  height: calc(100% - 140px);
  margin: 0px;
}
.mrf-acceptance__select {
  column-gap: 10px;
}
.mrf-acceptance__select--flex {
  display: flex;
  column-gap: 10px;
}
.mrf-acceptance__select--flex .storybook-input,
.mrf-acceptance__select--flex .MuiBox-root {
  width: 50%;
}
.mrf-acceptance__select .MuiBox-root {
  margin-top: 5px;
}
.mrf-acceptance__select .flex-end {
  height: fit-content;
  align-items: center;
  column-gap: 10px;
}
.mrf-acceptance__select--title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  margin-top: 5px;
  width: 100%;
  height: 35px;
  background-color: #f9fafb;
}
.mrf-acceptance__select--title .overall-total-count {
  margin-top: 0px !important;
}
.mrf-acceptance__tableblock {
  margin-top: 5px;
  height: calc(100% - 90px);
}

.view-detailed-mrf {
  height: 100%;
}
.view-detailed-mrf__text-field {
  column-count: 3;
  background-color: white;
  padding: 5px;
}
.view-detailed-mrf__text-field .MuiBox-root {
  margin-top: 5px;
}
.view-detailed-mrf__tableblock {
  margin-top: 5px;
  height: calc(100% - 255px);
}
.view-detailed-mrf__bottom-details {
  height: 45px;
  background-color: white;
  column-gap: 10px;
  align-items: center;
  padding: 5px;
  margin-top: 5px;
  border-radius: 6px;
}
.view-detailed-mrf__bottom-details--attachments {
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  position: relative;
  min-width: 0;
  width: 100%;
}
.view-detailed-mrf__bottom-details--attachments b {
  width: calc(100% - 80px);
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
}
.view-detailed-mrf__bottom-details--attachments img {
  height: 25px;
  width: 25px;
}

.view-mrf-details {
  height: calc(100% - 140px);
  margin: 0px;
}
.view-mrf-details--modal {
  height: calc(100% - 35px);
}
.view-mrf-details__order {
  height: 25px;
  background-color: var(--level-8);
  color: white;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  padding: 3px;
}
.view-mrf-details__details-block {
  height: 90px;
  background-color: white;
  padding: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.view-mrf-details__details-block--columns {
  column-count: 3;
  gap: 10;
}
.view-mrf-details__details-block--grid {
  display: grid;
  grid-template-columns: 0.6fr 0.1fr 1fr;
  align-items: center;
  position: relative;
  min-width: 0;
  width: 100%;
}
.view-mrf-details__details-block--grid .Label {
  color: var(--text-secondary);
}
.view-mrf-details__details-block--grid b {
  font-family: "Calibri ", sans-serif !important;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.view-mrf-details__details-block--attachments {
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  position: relative;
  min-width: 0;
  width: 100%;
}
.view-mrf-details__details-block--attachments b {
  width: calc(100% - 80px);
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
}
.view-mrf-details__details-block--attachments img {
  height: 25px;
  width: 25px;
}
.view-mrf-details__details-block--attachments--flex {
  display: flex;
  column-gap: 10px;
  width: calc(100% - 25px);
}
.view-mrf-details__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 225px);
}
.view-mrf-details__tableblock--order {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 250px);
}
.view-mrf-details__table {
  height: 100%;
  max-height: 100%;
  height: 100%;
}
.view-mrf-details__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.view-mrf-details__table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.view-mrf-details__table td img:hover,
.view-mrf-details__table td a:hover {
  cursor: pointer;
}
.view-mrf-details__table tbody {
  background-color: var(--level-1);
}
.view-mrf-details__table tbody tr:hover {
  background-color: var(--level-2);
}
.view-mrf-details__table tbody tr:hover td {
  color: var(--level-7);
}
.view-mrf-details__table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.view-mrf-details__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.view-mrf-details__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.view-mrf-details__table td {
  padding: 0px !important;
}
.view-mrf-details__acceptance-block {
  height: 55px;
  margin-top: 5px;
  background-color: white;
  align-items: center;
  padding: 10px;
}
.view-mrf-details__acceptance-block--row {
  column-gap: 10px;
}

.conclude-mrf {
  height: 100%;
}
.conclude-mrf__block {
  height: calc(100% - 80px);
  margin-top: 5px;
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.conclude-mrf__block--left {
  height: 100%;
  padding-right: 20px;
  border-right: 2px solid var(--border-color);
}
.conclude-mrf__block--right {
  height: 100%;
  padding-left: 20px;
  border-left: 2px solid var(--border-color);
}
.conclude-mrf__detailed-info {
  background-color: #f9fafb;
  border-radius: 20px;
  height: 100%;
  padding: 10px;
}
.conclude-mrf__detailed-info--grid {
  display: grid;
  grid-template-columns: 0.4fr 0.1fr 2fr;
  gap: 10px;
  padding-bottom: 10px;
}
.conclude-mrf__detailed-info--grid b {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.conclude-mrf__detailed-info--grid .Label {
  color: var(--text-secondary);
}
.conclude-mrf__detailed-info--details {
  height: calc(100% - 30px);
  overflow: auto;
}
.conclude-mrf__add {
  height: 100%;
}
.conclude-mrf__add--block {
  height: calc(100% - 30px);
  overflow: auto;
}
.conclude-mrf__add--block .MuiBox-root {
  margin-top: 10px;
}
.conclude-mrf__add--grid {
  display: flex;
  column-gap: 10px;
}
.conclude-mrf__add--flex {
  display: flex;
}
.conclude-mrf__add .mrf-other-details__block--selected-suppliers {
  height: calc(100% - 295px);
}

.conclude-mrf__detailed-info--details::-webkit-scrollbar,
.conclude-mrf__add--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.conclude-mrf__detailed-info--details::-webkit-scrollbar-thumb,
.conclude-mrf__add--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.conclude-mrf__detailed-info--details::-webkit-scrollbar-thumb:hover,
.conclude-mrf__add--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.selected-suuplier-modal {
  height: 100%;
}
.selected-suuplier-modal__block {
  height: calc(100% - 130px) !important;
  margin-top: 10px;
}
.selected-suuplier-modal__block .mrf-other-details__block--selected-suppliers {
  height: 100% !important;
}

.particular-stock-details {
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
.particular-stock-details b {
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
}
.particular-stock-details span {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-secondary);
}

.mrf-to-po {
  height: 100%;
}
.mrf-to-po__block {
  height: calc(100% - 115px);
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.mrf-to-po__block--details {
  height: 90px;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 5px;
}
.mrf-to-po__block--tableblock {
  height: calc(100% - 135px);
  margin-top: 10px;
}
.mrf-to-po__block--bottom {
  margin-top: 10px;
}

.mrf-po-confirm {
  height: 100%;
}
.mrf-po-confirm__block {
  height: calc(100% - 110px);
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  padding: 10px;
  column-gap: 30px;
}
.mrf-po-confirm__block--left {
  height: 100%;
  border: 1px solid var(--border-color);
  padding: 10px;
}
.mrf-po-confirm__block--left--details {
  height: calc(100% - 30px);
  overflow: auto;
}
.mrf-po-confirm__block--left--details .MuiBox-root {
  margin-top: 10px;
}
.mrf-po-confirm__block--mid {
  height: 100%;
  background-color: var(--disabled-color);
  padding: 10px;
}
.mrf-po-confirm__block--mid--details {
  height: calc(100% - 30px);
  overflow: auto;
}
.mrf-po-confirm__block--mid--details--grid {
  display: grid;
  grid-template-columns: 0.6fr 0.03fr 1fr;
  padding: 10px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.mrf-po-confirm__block--mid--details--grid label {
  color: var(--text-secondary);
}
.mrf-po-confirm__block--mid--details--grid b {
  color: var(--text-primary);
}
.mrf-po-confirm__block--mid--accepted {
  background-color: white;
  border-radius: 10px;
  padding: 10px;
}
.mrf-po-confirm__block--right {
  height: 100%;
}

.mrf-po-confirm__block--left--details::-webkit-scrollbar,
.mrf-po-confirm__block--mid--details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.mrf-po-confirm__block--left--details::-webkit-scrollbar-thumb,
.mrf-po-confirm__block--mid--details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.mrf-po-confirm__block--left--details::-webkit-scrollbar-thumb:hover,
.mrf-po-confirm__block--mid--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.rfq {
  height: calc(100% - 140px);
  margin: 0px;
}
.rfq__form {
  height: calc(100% - 50px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  padding: 10px 0px;
}
.rfq__modal {
  height: calc(100% - 30px);
}
.rfq__modal .rfq__form {
  height: calc(100% - 80px);
}
.rfq__tableblock {
  margin-top: 10px;
  height: calc(100% - 120px);
}
.rfq__tableblock--table {
  max-height: 100%;
  height: 100%;
}
.rfq__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.rfq__tableblock--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.rfq__tableblock--table td img:hover,
.rfq__tableblock--table td a:hover {
  cursor: pointer;
}
.rfq__tableblock--table tbody {
  background-color: var(--level-1);
}
.rfq__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.rfq__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.rfq__tableblock--table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.rfq__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.rfq__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.rfq__tableblock--table--flex {
  display: flex;
  width: 100%;
}
.rfq__tableblock--table--select {
  width: 180px;
}
.rfq__tableblock--table .MuiTableCell-root {
  font-size: 12px !important;
  font-weight: 700;
  white-space: nowrap !important;
}
.rfq__tableblock--table--row:hover {
  background-color: transparent !important;
}
.rfq__tableblock--table--row:hover td {
  color: var(--level-7);
}
.rfq__tableblock--table--row td {
  padding: 0px !important;
  background: hsl(55, 79%, 94%) !important;
}
.rfq__tableblock--table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.rfq__tableblock--table--row .MuiDataGrid-cell,
.rfq__tableblock--table--row td {
  padding: 0px 5px 0px 0px !important;
}
.rfq__tableblock--table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.rfq__tableblock--table--row .storybook-input,
.rfq__tableblock--table--row .storybook-textarea {
  margin-top: 0px !important;
  border-style: none !important;
  border-radius: 0px !important;
  background: #fef3c7 !important;
}
.rfq__tableblock--table--row .storybook-input:focus,
.rfq__tableblock--table--row .storybook-textarea:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
  background-color: white !important;
}
.rfq__tableblock--table--row .storybook-input:disabled,
.rfq__tableblock--table--row .storybook-textarea:disabled {
  background: var(--disabled-color) !important;
}
.rfq__tableblock--table--row .data-fetch-icon {
  margin-top: 0px !important;
  width: 25px !important;
  height: 25px !important;
}
.rfq__tableblock--table--row .data-fetch-icon {
  margin-top: 0px !important;
}
.rfq__b-details {
  height: 80px;
  margin-top: 5px;
}
.rfq__b-details--grid {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(4, 1fr);
}

.mrf-details {
  height: 100%;
}
.mrf-details__block {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 80px);
}
.mrf-details__block--table {
  margin-top: 10px;
  height: calc(100% - 40px);
}
.mrf-details__block--select .flex-end {
  align-items: center;
  column-gap: 5px;
}

.view-rfq {
  height: 100%;
}
.view-rfq__block {
  height: calc(100% - 80px);
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.view-rfq__block--select {
  column-gap: 10px;
}
.view-rfq__block--select .flex-end {
  align-items: center;
  column-gap: 5px;
}
.view-rfq__block--select .storybook-input {
  margin-top: 0px !important;
}
.view-rfq__block--select--flex {
  display: flex;
  column-gap: 2px;
}
.view-rfq__block--select--flex .data-fetch-icon {
  margin-top: 0px !important;
}
.view-rfq__block--select--flex .predefined-select {
  width: 100% !important;
}
.view-rfq__block--tableblock {
  margin-top: 10px;
  height: calc(100% - 35px);
}

.confirmation-mail {
  height: 100%;
}
.confirmation-mail__title, .confirmation-mail__success {
  display: flex;
  justify-content: space-between;
  background-color: #fef3c7;
  height: 35px;
  align-items: center;
}
.confirmation-mail__title--icon {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
}
.confirmation-mail__title--icon span {
  color: #d97706;
  font-size: 30px;
  top: 5px;
  margin-right: 5px;
}
.confirmation-mail__title .modal-close-icon, .confirmation-mail__success .modal-close-icon {
  top: 0px !important;
  right: 0px !important;
}
.confirmation-mail__success {
  background-color: #dcfce7;
}
.confirmation-mail__success .confirmation-mail__title--icon span {
  color: #16a34a;
}
.confirmation-mail__block {
  height: calc(100% - 80px);
  padding: 10px;
}
.confirmation-mail__block span {
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
}
.confirmation-mail .buttons-flex {
  margin-left: 10px;
}

.rfq-comparision {
  height: calc(100% - 140px);
  margin: 0px;
}
.rfq-comparision__select {
  height: 35px;
  column-gap: 5px;
}
.rfq-comparision__select .flex-end {
  align-items: center;
}
.rfq-comparision__select--flex {
  display: flex;
  column-gap: 5px;
}
.rfq-comparision__select--flex .storybook-input,
.rfq-comparision__select--flex .MuiBox-root {
  width: 50%;
  margin-top: 0px !important;
}
.rfq-comparision__select--title {
  background-color: var(--disabled-color);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.rfq-comparision__select--title .overall-total-count {
  margin-top: 0px;
  font-weight: 600;
}
.rfq-comparision__tableblock {
  margin-top: 5px;
  height: calc(100% - 85px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
}

.rfq-status-pending, .rfq-status-completed {
  background-color: #f3f4f6;
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 600;
  text-align: center;
}

.rfq-status-completed {
  background-color: #22c55e !important;
  color: white;
}

.vendor-submission-status {
  height: 100%;
}
.vendor-submission-status__tableblock {
  margin-top: 10px;
  height: calc(100% - 80px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
}
.vendor-submission-status-submitted, .vendor-submission-status-not-submitted {
  background-color: #16a34a;
  color: white;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 600;
  text-align: center;
}
.vendor-submission-status-not-submitted {
  background-color: #dc2626;
}

.rfq-view-quotation {
  height: calc(100% - 140px);
  margin: 0px;
}
.rfq-view-quotation--modal {
  height: calc(100% - 30px);
}
.rfq-view-quotation__error-text {
  text-align: center;
  font-size: 14px;
  color: #ef4444;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 600;
}
.rfq-view-quotation__tableblock {
  margin-top: 5px;
  height: calc(100% - 200px);
}
.rfq-view-quotation__tableblock--compare {
  margin-top: 5px;
  height: calc(100% - 215px);
}
.rfq-view-quotation__tableblock--compare .select-confirm-button {
  height: 18px !important;
}
.rfq-view-quotation__filters {
  column-gap: 5px;
  align-items: center;
}
.rfq-view-quotation__filters .MuiBox-root {
  margin-top: 5px;
}
.rfq-view-quotation__filters--sub {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.rfq-view-quotation__filters--total {
  border: 1px solid var(--border-color);
  padding: 2px;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
  font-weight: 500;
  background-color: white;
}
.rfq-view-quotation__filters--status {
  background-color: #e5e7eb;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  padding: 2px;
  border-radius: 2px;
  color: var(--text-secondary);
}
.rfq-view-quotation__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 10px;
}

.compare-negotiate {
  height: 100%;
}
.compare-negotiate__block {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 80px);
  column-gap: 40px;
}
.compare-negotiate__confirm {
  border: 1px solid var(--border-color);
  height: 100%;
  padding: 10px;
  border-radius: 6px;
}
.compare-negotiate__confirm--details {
  height: calc(100% - 30px);
  overflow: auto;
}
.compare-negotiate__confirm--details .MuiBox-root {
  margin-top: 10px;
}
.compare-negotiate__vendor, .compare-negotiate__stock {
  background-color: var(--disabled-color);
  height: 100%;
  padding: 10px;
  border-radius: 6px;
}
.compare-negotiate__vendor--name {
  background-color: var(--level-7);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  color: white;
  padding: 0px 5px;
  border-radius: 6px;
}
.compare-negotiate__vendor--name b {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.compare-negotiate__vendor--name b:hover {
  text-decoration: underline;
}
.compare-negotiate__vendor--details {
  height: calc(100% - 80px);
  overflow: auto;
}
.compare-negotiate__vendor--details--grid {
  display: grid;
  grid-template-columns: 0.8fr 0.03fr 1fr;
  padding-top: 8px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.compare-negotiate__vendor--details--grid span {
  color: var(--text-secondary);
}
.compare-negotiate__vendor--details--grid b {
  font-weight: 600;
  color: var(--text-primary);
}
.compare-negotiate__stock--details {
  height: calc(100% - 30px);
  overflow: auto;
}
.compare-negotiate__stock--details--attachments {
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  position: relative;
  min-width: 0;
  width: 100%;
}
.compare-negotiate__stock--details--attachments b {
  width: calc(100% - 80px);
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
}
.compare-negotiate__stock--details--attachments img {
  height: 25px;
  width: 25px;
}

.compare-negotiate__confirm--details::-webkit-scrollbar,
.compare-negotiate__vendor--details::-webkit-scrollbar,
.compare-negotiate__stock--details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.compare-negotiate__confirm--details::-webkit-scrollbar-thumb,
.compare-negotiate__vendor--details::-webkit-scrollbar-thumb,
.compare-negotiate__stock--details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.compare-negotiate__confirm--details::-webkit-scrollbar-thumb:hover,
.compare-negotiate__vendor--details::-webkit-scrollbar-thumb:hover,
.compare-negotiate__stock--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.quotation-dashboard {
  height: calc(100% - 140px);
  margin: 0px;
}
.quotation-dashboard__top-details {
  height: 50%;
  margin-top: 5px;
}

.rfq-list {
  height: 100%;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  padding: 5px;
}
.rfq-list__title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 700;
}
.rfq-list__title span {
  color: #38bdf8;
}
.rfq-list__select {
  column-gap: 10px;
}
.rfq-list__select .MuiBox-root {
  margin-top: 5px;
}
.rfq-list__tableblock {
  height: calc(100% - 90px);
  margin-top: 5px;
}
.rfq-list__buttons {
  display: flex;
  justify-content: center;
}

.quotation-preview {
  height: 100%;
  margin: 0px 10px;
}
.quotation-preview__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 80px);
}
.quotation-preview__rfq-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: white;
  padding: 5px;
  border-radius: 6px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  height: 90px;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.quotation-preview__rfq-details--grid {
  display: grid;
  grid-template-columns: 0.6fr 0.01fr 1fr;
  gap: 5px;
}
.quotation-preview__tableblock {
  margin-top: 5px;
  height: calc(100% - 160px);
}
.quotation-preview__tableblock--table {
  margin-top: 5px;
  height: calc(100% - 40px);
}
.quotation-preview__tableblock--title {
  align-items: center;
}
.quotation-preview__remarks {
  height: 60px;
  border: 1px dashed var(--text-secondary);
  padding: 10px;
  margin-top: 5px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
}
.quotation-preview__remarks--grid {
  display: grid;
  grid-template-columns: 0.4fr 0.03fr 1fr;
}
.quotation-preview__proceed {
  margin-top: 5px;
  height: calc(100% - 160px);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quotation-preview__proceed--block {
  width: 40%;
  height: 230px;
  background-color: #f3f4f6;
  border-radius: 30px;
  padding: 20px 40px;
}
.quotation-preview__proceed--block--li {
  display: flex;
  justify-content: space-between;
  padding: 8px 5px;
  background-color: white;
  border-radius: 6px;
  align-items: center;
  margin-top: 10px;
}
.quotation-preview__proceed--block--li--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.quotation-preview__proceed--block--li--span {
  background-color: #f3f4f6;
  padding: 2px 5px;
  margin-right: 5px;
  border-radius: 2px;
}

.fill-quotation {
  height: 100%;
  margin: 0px 10px;
}
.fill-quotation__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 80px);
}
.fill-quotation__block--table {
  margin-top: 5px;
  height: calc(100% - 100px);
}

.quote {
  height: 100%;
}
.quote__block {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 80px);
}
.quote__block--left {
  height: 100%;
  padding-right: 20px;
  border-right: 2px solid var(--border-color);
}
.quote__block--right {
  height: 100%;
  padding-left: 20px;
}
.quote__add {
  height: 100%;
}
.quote__add--block {
  height: calc(100% - 30px);
  overflow: auto;
}
.quote__add--block .MuiBox-root {
  margin-top: 10px;
}
.quote__add--grid {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.quote__add--input {
  display: none;
}
.quote__add .font-green .MuiInputBase-input {
  color: #16a34a !important;
}
.quote__add .bg-green {
  background: #16a34a !important;
}
.quote__add .bg-green .MuiInputBase-input,
.quote__add .bg-green .MuiFormLabel-root {
  color: white !important;
}
.quote__list {
  height: 100%;
}
.quote__list--block {
  height: calc(100% - 30px);
  overflow: auto;
  background-color: var(--disabled-color);
  padding: 10px;
  border-radius: 20px;
}
.quote__list--block--grid {
  display: grid;
  grid-template-columns: 0.4fr 0.01fr 1fr;
  column-gap: 5px;
}
.quote__list--block--grid b {
  font-weight: 600;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
}
.quote__list--block--flex {
  display: flex;
  align-items: center;
}

.quote__add--block::-webkit-scrollbar,
.quote__list--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.quote__add--block::-webkit-scrollbar-thumb,
.quote__list--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.quote__add--block::-webkit-scrollbar-thumb:hover,
.quote__list--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.terms {
  height: calc(100% - 40px);
  margin: 0px 10px;
}
.terms--view {
  height: 100%;
}
.terms--view .terms__block {
  height: 100%;
}
.terms__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 40px);
  padding: 5px;
}
.terms__block--left {
  height: 100%;
  padding-right: 20px;
  border-right: 2px solid var(--border-color);
}
.terms__block--right {
  height: 100%;
  padding-left: 20px;
}
.terms__add {
  height: 100%;
}
.terms__add--block {
  height: calc(100% - 30px);
  overflow: auto;
}
.terms__add--block .MuiBox-root {
  margin-top: 10px;
}
.terms__add--grid {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.terms__add--input {
  display: none;
}
.terms__add .font-green .MuiInputBase-input {
  color: #16a34a !important;
}
.terms__add .bg-green {
  background: #16a34a !important;
}
.terms__add .bg-green .MuiInputBase-input,
.terms__add .bg-green .MuiFormLabel-root {
  color: white !important;
}
.terms__list {
  height: 100%;
}
.terms__list--block {
  height: calc(100% - 30px);
  overflow: auto;
  background-color: var(--disabled-color);
  padding: 10px;
  border-radius: 20px;
}
.terms__list--block--grid {
  display: grid;
  grid-template-columns: 0.4fr 0.01fr 1fr;
  column-gap: 5px;
}
.terms__list--block--grid b {
  font-weight: 600;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
}
.terms__list--block--flex {
  display: flex;
  align-items: center;
}

.terms__add--block::-webkit-scrollbar,
.terms__list--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.terms__add--block::-webkit-scrollbar-thumb,
.terms__list--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.terms__add--block::-webkit-scrollbar-thumb:hover,
.terms__list--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.quotation-success-block {
  height: calc(100% - 140px);
  margin: 0px;
}
.quotation-success-block__frame {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
}
.quotation-success-block__frame--image {
  height: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.quotation-success-block__frame--image img {
  width: 250px;
  height: 250px;
}
.quotation-success-block__frame--b {
  height: 100px;
  display: block;
  text-align: center;
  font-size: 18px;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 500;
}

.quote-view {
  height: calc(100% - 35px);
}
.quote-view__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
  padding: 5px;
}
.quote-view__block--tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.quote-view__block--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.quote-view__block--tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.quote-view__block--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.quote-view__block--tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.quote-view__block--tabpanel {
  margin-top: 5px;
  height: calc(100% - 50px);
}

.vendor-login {
  height: 100%;
}
.vendor-login__block {
  padding: 20px;
  height: 100%;
  display: flex;
}
.vendor-login__block--left {
  height: 100%;
  width: calc(100% - 400px);
}
.vendor-login__block--left img {
  height: 100%;
  width: 100%;
  border-radius: 20px 0px 0px 20px;
}
.vendor-login__block--right {
  height: 100%;
  width: 400px;
  border: 1px solid var(--text-secondary);
  border-radius: 0px 20px 20px 0px;
  padding: 10px;
}
.vendor-login__block--right--top {
  height: 40%;
  display: grid;
  align-items: center;
  text-align: center;
}
.vendor-login__block--right--top b {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  color: var(--text-primary);
}
.vendor-login__block--right--top span {
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
  color: var(--text-primary);
}
.vendor-login__block--right--bottom {
  height: 60%;
  position: relative;
  display: block;
  align-items: center;
}
.vendor-login__block--right--bottom--login {
  background-color: #f0f9ff;
  height: fit-content;
  padding: 20px 30px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.vendor-login__block--right--bottom--login .font-green,
.vendor-login__block--right--bottom--login .font-red {
  font-size: 14px;
  text-align: center;
  display: block;
  margin-top: 5px;
}
.vendor-login__block--right--bottom--version {
  position: absolute;
  bottom: 5px;
  left: 45%;
  align-items: center;
  font-family: "Calibri ", sans-serif !important;
}
.vendor-login__block--right--bottom--version span {
  text-align: center;
  display: block;
  font-size: 14px;
}
.vendor-login__block--right--bottom--version b {
  text-align: center;
  display: block;
  background-color: var(--disabled-color);
  padding: 2px 5px;
  border-radius: 6px;
  font-size: 14px;
}
.vendor-login__block--right--bottom--recaptcha {
  display: flex;
  margin-top: 10px;
  width: 100%;
  border-radius: 6px;
}
.vendor-login__block--right--bottom--recaptcha button {
  background-color: #1e293b;
  border-radius: 0px;
  align-items: center;
  color: white;
  height: 35px;
}
.vendor-login__block--right--bottom--recaptcha button span {
  text-align: center;
  display: block;
}

.purchase-order-details {
  height: calc(100% - 140px);
  margin: 0px;
}
.purchase-order-details__select {
  column-gap: 20px;
}
.purchase-order-details__select .MuiBox-root {
  margin-top: 10px;
}
.purchase-order-details__select--flex {
  display: flex;
}
.purchase-order-details__select--flex .predefined-select,
.purchase-order-details__select--flex .MuiBox-root {
  width: 100%;
}
.purchase-order-details__select--grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
}
.purchase-order-details__tableblock {
  height: calc(100% - 180px);
  margin-top: 10px;
}
.purchase-order-details__table {
  max-height: 100%;
  height: 100%;
}
.purchase-order-details__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.purchase-order-details__table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.purchase-order-details__table td img:hover,
.purchase-order-details__table td a:hover {
  cursor: pointer;
}
.purchase-order-details__table tbody {
  background-color: var(--level-1);
}
.purchase-order-details__table tbody tr:hover {
  background-color: var(--level-2);
}
.purchase-order-details__table tbody tr:hover td {
  color: var(--level-7);
}
.purchase-order-details__table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.purchase-order-details__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.purchase-order-details__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.purchase-order-details__table--edit-row:hover {
  background-color: transparent !important;
}
.purchase-order-details__table--edit-row:hover td {
  color: var(--level-7);
}
.purchase-order-details__table--edit-row td {
  padding: 0px !important;
  background: hsl(55, 79%, 94%) !important;
}
.purchase-order-details__table--edit-row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.purchase-order-details__table--edit-row .MuiDataGrid-cell,
.purchase-order-details__table--edit-row td {
  padding: 0px 5px 0px 0px !important;
}
.purchase-order-details__table--edit-row .MuiFormControl-root {
  margin-top: 0px !important;
}
.purchase-order-details__table--edit-row .storybook-input,
.purchase-order-details__table--edit-row .storybook-textarea {
  margin-top: 0px !important;
  border-style: none !important;
  border-radius: 0px !important;
  background: #fef3c7 !important;
}
.purchase-order-details__table--edit-row .storybook-input:focus,
.purchase-order-details__table--edit-row .storybook-textarea:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
  background-color: white !important;
}
.purchase-order-details__table--edit-row .storybook-input:disabled,
.purchase-order-details__table--edit-row .storybook-textarea:disabled {
  background: var(--disabled-color) !important;
}
.purchase-order-details__table--edit-row .data-fetch-icon {
  margin-top: 0px !important;
  width: 25px !important;
  height: 25px !important;
}
.purchase-order-details__bottom {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: 10px;
}
.purchase-order-details__tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.purchase-order-details__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.purchase-order-details__tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.purchase-order-details__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.purchase-order-details__tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.purchase-order-details__tabs {
  margin-top: 10px;
}

.approved-transaction-list {
  height: 100%;
}
.approved-transaction-list__filters {
  column-gap: 10px;
}
.approved-transaction-list__filters .MuiBox-root {
  margin-top: 5px;
}
.approved-transaction-list__filters--flex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.approved-transaction-list__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 120px);
}
.approved-transaction-list__sub-title {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--disabled-color);
  height: 35px;
  margin-top: 5px;
}
.approved-transaction-list__sub-title .overall-total-count {
  margin-top: 0px;
}

.view-approved-rfq {
  height: 100%;
}
.view-approved-rfq__details {
  height: 90px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: white;
  padding: 5px;
  border-radius: 6px;
}
.view-approved-rfq__details--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.view-approved-rfq__details--flex {
  display: grid;
  grid-template-columns: 0.6fr 0.02fr 1fr;
  padding: 5px;
}
.view-approved-rfq__tableblock {
  margin-top: 10px;
  height: calc(100% - 205px);
}

.approved-items-list {
  height: 100%;
}
.approved-items-list__mrf-details {
  height: 90px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: white;
  padding: 5px;
  border-radius: 6px;
  margin-top: 10px;
}
.approved-items-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 190px);
}

.purchase-order-list {
  height: 100%;
}
.purchase-order-list__filters {
  column-gap: 10px;
  height: 45px;
}
.purchase-order-list__filters--flex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.purchase-order-list__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 125px);
}

.po-details {
  height: 90px;
  padding: 10px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-top: 5px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.po-details label {
  color: var(--text-secondary);
}
.po-details b {
  color: var(--text-primary);
}
.po-details__grid--voucher {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
}
.po-details__grid--po {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
}
.po-details__grid--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.po-details__grid2 {
  display: grid;
  grid-template-columns: 0.6fr 0.02fr 1fr;
  column-gap: 10px;
}

.view-detailed-po-list {
  height: 100%;
}
.view-detailed-po-list__tableblock {
  height: calc(100% - 215px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  margin-top: 10px;
}

.apply-all-transactions {
  height: 100%;
}
.apply-all-transactions__tableblock {
  margin-top: 10px;
  height: calc(100% - 155px);
}

.purchase-entry {
  height: calc(100% - 140px);
  margin: 0px;
}
.purchase-entry__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
}

.purchase-entry-modal {
  height: 100%;
}
.purchase-entry-modal__list {
  margin-top: 20px;
  height: calc(100% - 75px);
  margin-bottom: 0px;
}
.purchase-entry-modal__list li {
  padding: 10px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  display: flex;
  column-gap: 10px;
  border: 2px dashed var(--border-color);
}
.purchase-entry-modal__list li:hover {
  background-color: var(--level-1);
}

.purchase-entry-po {
  height: 100%;
}
.purchase-entry-po__select {
  column-gap: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 10px;
  height: 170px;
}
.purchase-entry-po__select--flex {
  display: flex;
  column-gap: 10px;
  grid-column: span 1;
}
.purchase-entry-po__select--flex .MuiBox-root {
  width: 50%;
}
.purchase-entry-po__select--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
.purchase-entry-po__select--choose {
  display: flex;
  column-gap: 5px;
  margin-bottom: 5px;
}
.purchase-entry-po__select--choose .data-fetch-icon {
  margin-top: 0px !important;
  width: 30px;
}
.purchase-entry-po__select--choose .predefined-select {
  width: calc(100% - 30px);
}
.purchase-entry-po__select--choose .MuiBox-root {
  width: 100%;
}
.purchase-entry-po__tableblock {
  margin-top: 10px;
  height: calc(100% - 260px);
}
.purchase-entry-po__table {
  max-height: 100%;
  height: 100%;
}
.purchase-entry-po__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.purchase-entry-po__table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.purchase-entry-po__table td img:hover,
.purchase-entry-po__table td a:hover {
  cursor: pointer;
}
.purchase-entry-po__table tbody {
  background-color: var(--level-1);
}
.purchase-entry-po__table tbody tr:hover {
  background-color: var(--level-2);
}
.purchase-entry-po__table tbody tr:hover td {
  color: var(--level-7);
}
.purchase-entry-po__table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.purchase-entry-po__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.purchase-entry-po__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.purchase-entry-po__table .MuiTableCell-root {
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.2rem;
}
.purchase-entry-po__table--edit-row:hover {
  background-color: transparent !important;
}
.purchase-entry-po__table--edit-row:hover td {
  color: var(--level-7);
}
.purchase-entry-po__table--edit-row td {
  padding: 0px !important;
  background: hsl(55, 79%, 94%) !important;
}
.purchase-entry-po__table--edit-row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.purchase-entry-po__table--edit-row .MuiDataGrid-cell,
.purchase-entry-po__table--edit-row td {
  padding: 0px 5px 0px 0px !important;
}
.purchase-entry-po__table--edit-row .MuiFormControl-root {
  margin-top: 0px !important;
}
.purchase-entry-po__table--edit-row .storybook-input,
.purchase-entry-po__table--edit-row .storybook-textarea {
  margin-top: 0px !important;
  border-style: none !important;
  border-radius: 0px !important;
  background: #fef3c7 !important;
}
.purchase-entry-po__table--edit-row .storybook-input:focus,
.purchase-entry-po__table--edit-row .storybook-textarea:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
  background-color: white !important;
}
.purchase-entry-po__table--edit-row .storybook-input:disabled,
.purchase-entry-po__table--edit-row .storybook-textarea:disabled {
  background: var(--disabled-color) !important;
}
.purchase-entry-po__table--edit-row .data-fetch-icon {
  margin-top: 0px !important;
  width: 25px !important;
  height: 25px !important;
}
.purchase-entry-po__table--flex {
  display: flex;
  column-gap: 5px;
}
.purchase-entry-po__table--flex .data-fetch-icon {
  margin-top: 0px !important;
  width: 30px;
}
.purchase-entry-po__table--flex .predefined-select .MuiBox-root {
  width: 100%;
}
.purchase-entry-po__bottom-details {
  gap: 5px;
}
.purchase-entry-po__bottom-details .margin-top {
  margin-top: 5px;
}
.purchase-entry-po__bottom-details .total-count .MuiInputLabel-standard, .purchase-entry-po__bottom-details .total-count input {
  color: white !important;
}

.purchase-entry-edit {
  height: 100%;
}
.purchase-entry-edit__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
}
.purchase-entry-edit__tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.purchase-entry-edit__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.purchase-entry-edit__tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.purchase-entry-edit__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.purchase-entry-edit__tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.purchase-entry-edit__tabs {
  padding-top: 5px;
}
.purchase-entry-edit__tabpanel {
  margin-top: 10px;
  height: calc(100% - 135px);
}
.purchase-entry-edit__invoice {
  height: 100%;
}
.purchase-entry-edit__invoice--table {
  height: calc(100% - 220px);
  margin-top: 10px;
}
.purchase-entry-edit__invoice--modal {
  height: calc(100% - 110px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
}
.purchase-entry-edit__invoice--modal .purchase-entry-po__select .MuiBox-root,
.purchase-entry-edit__invoice--modal .purchase-entry-po__select .data-fetch-icon {
  margin-top: 5px !important;
}
.purchase-entry-edit__invoice--modal .purchase-entry-po__select--choose {
  margin-bottom: 0px !important;
}
.purchase-entry-edit__invoice .purchase-entry-po__select {
  height: 140px;
}
.purchase-entry-edit__invoice .purchase-entry-po__select .MuiBox-root,
.purchase-entry-edit__invoice .purchase-entry-po__select .data-fetch-icon {
  margin-top: 5px !important;
}
.purchase-entry-edit__invoice .purchase-entry-po__select--choose {
  margin-bottom: 0px !important;
}
.purchase-entry-edit__po--select {
  column-gap: 20px;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 5px;
}
.purchase-entry-edit__po--select .MuiBox-root,
.purchase-entry-edit__po--select .data-fetch-icon {
  margin-top: 5px !important;
}

.pe-by-invoice {
  height: 100%;
}
.pe-by-invoice__select {
  column-gap: 10px;
}
.pe-by-invoice__select .flex-end {
  align-items: center;
}
.pe-by-invoice__select .MuiBox-root {
  margin-top: 5px;
}
.pe-by-invoice__tableblock {
  margin-top: 5px;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 125px);
}
.pe-by-invoice__tableblock--modal {
  margin-top: 5px;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 75px);
}

.view-pe-detailed {
  height: 100%;
}
.view-pe-detailed__details {
  height: 90px;
  background-color: white;
  border-radius: 15px;
  font-family: "Calibri ", sans-serif !important;
  padding: 5px 10px;
}
.view-pe-detailed__details--grid {
  display: grid;
  grid-template-columns: 0.5fr 0.05fr 1fr;
}
.view-pe-detailed__details--grids {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.view-pe-detailed__tableblock {
  margin-top: 5px;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 200px);
  padding: 5px;
}
.view-pe-detailed__table {
  height: calc(100% - 40px);
}

.po-stocks-list {
  height: 100%;
}
.po-stocks-list__table {
  margin-top: 10px;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 205px);
}

.view-po-in-detail {
  height: 100%;
}
.view-po-in-detail__tableblock {
  margin-top: 10px;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 205px);
}

.edit-pe {
  height: 100%;
}
.edit-pe__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  margin-top: 10px;
  height: calc(100% - 135px);
}

.edit-purchase-entry {
  height: 100%;
}

.confirm-pe {
  height: 100%;
}
.confirm-pe__tableblock {
  height: calc(100% - 290px);
  margin-top: 10px;
}

.branch-tree-structure {
  border: 1px solid var(--border-color);
  padding: 10px;
  height: 100%;
  background-color: white;
  margin-top: 5px;
  border-radius: 6px;
}
.branch-tree-structure__block {
  height: calc(100% - 30px);
  overflow: auto;
}
.branch-tree-structure__block--text {
  margin-top: 5px;
  margin-left: 5px;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
}

.branch-tree-structure__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.branch-tree-structure__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.branch-tree-structure__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.ticketing-reports {
  height: calc(100% - 125px);
}
.ticketing-reports__block {
  display: flex;
  column-gap: 10px;
  margin-top: 10px;
  padding: 5px;
  background-color: var(--bg-color);
  height: 100%;
}
.ticketing-reports__block .storybook-input {
  margin-top: 0px !important;
}
.ticketing-reports__block--left {
  width: 250px;
  height: 100%;
}
.ticketing-reports__block--right {
  width: calc(100% - 250px);
  height: 100%;
}
.ticketing-reports__block--right .flex-end {
  align-items: center;
}
.ticketing-reports__block--select {
  column-gap: 10px;
  margin-top: 5px;
}
.ticketing-reports__block--table {
  max-height: 100%;
  height: 100%;
}
.ticketing-reports__block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.ticketing-reports__block--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.ticketing-reports__block--table td img:hover,
.ticketing-reports__block--table td a:hover {
  cursor: pointer;
}
.ticketing-reports__block--table tbody {
  background-color: var(--level-1);
}
.ticketing-reports__block--table tbody tr:hover {
  background-color: var(--level-2);
}
.ticketing-reports__block--table tbody tr:hover td {
  color: var(--level-7);
}
.ticketing-reports__block--table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.ticketing-reports__block--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.ticketing-reports__block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.ticketing-reports__block--table {
  height: 100%;
  border: 1px solid var(--border-color);
}
.ticketing-reports__block--tableblock {
  margin-top: 10px;
  height: calc(100% - 130px);
}

.stock-group {
  height: calc(100% - 140px);
  margin: 0px;
}
.stock-group--modal {
  height: calc(100% - 35px);
}
.stock-group__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
  padding: 0px 20px;
}
.stock-group__block--left {
  height: 100%;
  border-right: 2px solid var(--border-color);
  padding-right: 20px;
}
.stock-group__block--right {
  height: 100%;
  padding-left: 20px;
}
.stock-group__add {
  height: 100%;
}
.stock-group__add .MuiBox-root {
  margin-top: 10px;
}
.stock-group__list {
  height: 100%;
}
.stock-group__list--tableblock {
  margin-top: 10px;
  height: calc(100% - 85px);
}

.stock-complete-details {
  height: 100%;
}
.stock-complete-details__block {
  height: calc(100% - 70px);
  overflow: auto;
}
.stock-complete-details__block .Label {
  color: var(--text-secondary);
}
.stock-complete-details__block--items {
  border-top: 1px solid var(--border-color);
  padding-top: 5px;
  width: 100%;
}
.stock-complete-details__block--grid {
  display: grid;
  grid-template-columns: 0.6fr 0.03fr 1fr;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  padding: 2px;
}
.stock-complete-details__block--config--grids {
  column-count: 2;
  column-gap: 2;
  border-top: 1px solid var(--border-color);
  padding-top: 5px;
  width: 100%;
}
.stock-complete-details__block--config--grid-items {
  display: flex;
  gap: 5px;
}
.stock-complete-details__block--config--grid-items .Label {
  font-size: 12px !important;
}
.stock-complete-details__block--subtitle {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  padding-top: 10px;
}

.stock-complete-details__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.stock-complete-details__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.stock-complete-details__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.highway {
  height: calc(100% - 140px);
  margin: 0px;
}
.highway__block {
  column-gap: 10px;
  height: calc(100% - 45px);
  background-color: var(--bg-color);
}
.highway__block--left {
  border-right: 5px solid var(--border-color);
  padding: 10px;
}
.highway__block--right {
  padding: 10px;
}
.highway__block--add {
  height: calc(100% - 40px);
  padding: 10px;
}
.highway__block--add .MuiBox-root {
  margin-top: 5px !important;
}
.highway__block--list {
  height: calc(100% - 40px);
  padding: 10px;
}
.highway__block--list--tableblock {
  height: calc(100% - 35px);
  margin-top: 10px;
}

.stock-item {
  height: calc(100% - 140px);
  margin: 0px;
}
.stock-item__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
  overflow: auto;
}
.stock-item__add .MuiBox-root {
  margin-top: 10px;
}
.stock-item__add--grid {
  display: grid;
  grid-template-columns: 1fr 0.01fr;
}
.stock-item__add--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
  border: 1px solid var(--border-color);
  height: 35px;
  margin-top: 10px;
}
.stock-item__add--flex .MuiFormControlLabel-root {
  margin-top: 0px !important;
}
.stock-item__add--flex--image {
  background-color: var(--disabled-color);
  height: 35px;
  margin-left: 5px;
  display: flex;
  align-items: center;
}
.stock-item__add--flex--image span {
  padding-left: 5px;
  font-size: 12px;
  color: #0ea5e9;
}
.stock-item__add--flex--image span:hover {
  cursor: pointer;
  text-decoration: underline;
}
.stock-item__add--number-config {
  background-color: var(--disabled-color);
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
}
.stock-item__add--number-config--grid1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
}
.stock-item__add--number-config--grid2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
}
.stock-item__add--number-config--example {
  color: var(--text-secondary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.stock-item__view {
  height: 100%;
}
.stock-item__view--select {
  column-gap: 10px;
}
.stock-item__view--select .MuiBox-root {
  margin-top: 5px;
}
.stock-item__view--select .flex-end {
  align-items: center;
}
.stock-item__view--tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 120px);
}
.stock-item__view--buttons {
  display: flex;
}

.stock-item__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.stock-item__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.stock-item__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.stock-item-config__block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 10px;
}
.stock-item-config__block--grid-item .Label {
  font-size: 12px !important;
}
.stock-item-config__dynamic {
  margin-top: 10px;
}
.stock-item-config__dynamic--li {
  margin-top: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 4px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}
.stock-item-config__dynamic--li span {
  background-color: #f3f4f6;
  font-size: 12px !important;
  padding: 3px 8px;
  border-radius: 20px;
}
.stock-item-config__dynamic--li:hover {
  background-color: var(--level-1);
}

.stock-item-dynamic-parameter {
  height: 100%;
}
.stock-item-dynamic-parameter--form {
  height: calc(100% - 30px);
}
.stock-item-dynamic-parameter--block {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 50px);
}
.stock-item-dynamic-parameter--left {
  height: 100%;
  padding-right: 20px;
  border-right: 2px solid var(--border-color);
}
.stock-item-dynamic-parameter--right {
  height: 100%;
  padding-left: 20px;
}
.stock-item-dynamic-parameter__add {
  height: 100%;
}
.stock-item-dynamic-parameter__add--block {
  height: calc(100% - 30px);
}
.stock-item-dynamic-parameter__add--block .MuiBox-root {
  margin-top: 10px;
}
.stock-item-dynamic-parameter__list {
  height: 100%;
}
.stock-item-dynamic-parameter__list--tableblock {
  margin-top: 10px;
  height: calc(100% - 85px);
}

.stock-depl {
  height: calc(100% - 140px);
  margin: 0px;
}
.stock-depl__block {
  margin-top: 5px;
  height: calc(100% - 90px);
}
.stock-depl__select {
  column-gap: 10px;
}

.sd-view-history {
  height: 100%;
}
.sd-view-history__filters {
  column-gap: 10px;
}
.sd-view-history__filters .storybook-input {
  margin-top: 0px !important;
}
.sd-view-history__tableblock {
  height: calc(100% - 115px);
  margin-top: 5px;
}

.distribute-available-stock {
  height: calc(100% - 140px);
  margin: 0px;
}
.distribute-available-stock__select {
  column-gap: 10px;
  margin-top: 10px;
}
.distribute-available-stock__select .predefined-select {
  width: 100%;
}
.distribute-available-stock__select--flex {
  display: flex;
  column-gap: 5px;
}
.distribute-available-stock__select--flex .data-fetch-icon {
  margin-top: 0px !important;
}
.distribute-available-stock__block {
  margin-top: 10px;
  height: calc(100% - 100px);
}
.distribute-available-stock__block--table {
  max-height: 100%;
  height: 100%;
}
.distribute-available-stock__block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.distribute-available-stock__block--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.distribute-available-stock__block--table td img:hover,
.distribute-available-stock__block--table td a:hover {
  cursor: pointer;
}
.distribute-available-stock__block--table tbody {
  background-color: var(--level-1);
}
.distribute-available-stock__block--table tbody tr:hover {
  background-color: var(--level-2);
}
.distribute-available-stock__block--table tbody tr:hover td {
  color: var(--level-7);
}
.distribute-available-stock__block--table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.distribute-available-stock__block--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.distribute-available-stock__block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.distribute-available-stock__block--table .edit-cell {
  padding: 0px !important;
}
.distribute-available-stock__block--flex, .distribute-available-stock__block--flex2 {
  display: flex !important;
  column-gap: 5px;
  align-items: center;
}
.distribute-available-stock__block--flex span, .distribute-available-stock__block--flex2 span {
  margin-top: 0px !important;
  margin-right: 10px;
  font-size: 20px !important;
}
.distribute-available-stock__block--flex2 {
  justify-content: flex-end;
}

.select-stock-distribution {
  height: 100%;
}
.select-stock-distribution__block {
  height: calc(100% - 120px);
}
.select-stock-distribution__block--first-row {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.select-stock-distribution__block--verify {
  background-color: #86efac;
  display: flex;
  height: 30px;
  align-items: center;
  column-gap: 20px;
  width: fit-content;
  padding: 0px 5px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  border-radius: 6px;
}
.select-stock-distribution__block--verify span {
  color: var(--text-primary);
}
.select-stock-distribution__block--verify b {
  color: #166534;
}
.select-stock-distribution__block--table {
  height: calc(100% - 75px);
  margin-top: 5px;
}

.distributed-stock {
  height: 100%;
}
.distributed-stock__block {
  margin-top: 10px;
  height: calc(100% - 155px);
}

.verify-transfer-stock {
  height: 100%;
}
.verify-transfer-stock__table-block {
  height: calc(100% - 75px);
  background-color: var(--bg-color);
}
.verify-transfer-stock__table {
  max-height: 100%;
  height: 100%;
}
.verify-transfer-stock__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.verify-transfer-stock__table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.verify-transfer-stock__table td img:hover,
.verify-transfer-stock__table td a:hover {
  cursor: pointer;
}
.verify-transfer-stock__table tbody {
  background-color: var(--level-1);
}
.verify-transfer-stock__table tbody tr:hover {
  background-color: var(--level-2);
}
.verify-transfer-stock__table tbody tr:hover td {
  color: var(--level-7);
}
.verify-transfer-stock__table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.verify-transfer-stock__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.verify-transfer-stock__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.verify-transfer-stock__table td {
  padding: 0px !important;
}

.view-distributed-stocks {
  height: 100%;
}
.view-distributed-stocks__tableblock {
  margin-top: 5px;
  height: calc(100% - 120px);
}
.view-distributed-stocks__stock {
  background-color: var(--bg-color);
}

.transfer-in-transit, .transfer-installed, .transfer-recieved, .transfer-wip {
  background-color: #f3f4f6;
  color: #6b7280;
  display: flex;
  align-items: center;
  column-gap: 2px;
}
.transfer-in-transit .material-symbols-outlined, .transfer-installed .material-symbols-outlined, .transfer-recieved .material-symbols-outlined, .transfer-wip .material-symbols-outlined {
  color: black !important;
}

.transfer-wip {
  background-color: #fef3c7;
  color: #f59e0b;
}

.transfer-recieved {
  background-color: #fae8ff;
  color: #d946ef;
}

.transfer-installed {
  background-color: #dcfce7;
  color: #22c55e;
}

.add-vendor {
  height: calc(100% - 140px);
  margin: 0px;
}
.add-vendor__block {
  height: calc(100% - 45px);
  padding-top: 10px;
}
.add-vendor__block--basic-details {
  height: calc(100% - 65px);
  overflow: auto;
}
.add-vendor__block--basic-details .MuiBox-root,
.add-vendor__block--basic-details .react-tel-input {
  margin-top: 10px;
}

.add-vendor__block--basic-details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.add-vendor__block--basic-details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.add-vendor__block--basic-details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.view-vendor {
  height: calc(100% - 30px);
}
.view-vendor__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 85px);
}
.view-vendor__block--tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.view-vendor__block--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.view-vendor__block--tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.view-vendor__block--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.view-vendor__block--tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.view-vendor__block--tabs {
  display: flex;
  justify-content: center;
}
.view-vendor__block--tabpanel {
  height: calc(100% - 60px);
}
.view-vendor__block--tabpanel .add-vendor__block--basic-details {
  height: 100%;
}
.view-vendor__block--details {
  margin-top: 10px;
  height: calc(100% - 10px);
}

.vendor-list {
  height: 100%;
}
.vendor-list__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 125px);
}
.vendor-list__search {
  column-gap: 10px;
}
.vendor-list__search .MuiBox-root {
  margin-top: 5px;
}

.transfer-stock {
  height: calc(100% - 140px);
  margin: 0px;
}
.transfer-stock__filter {
  column-gap: 10px;
}
.transfer-stock__table {
  margin-top: 5px;
  height: calc(100% - 70px);
}

.available-stock {
  height: calc(100% - 40px);
}
.available-stock__store {
  height: 65px;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 8px;
  border-radius: 6px;
}
.available-stock__store span {
  color: var(--text-secondary);
}
.available-stock__store--grid {
  display: flex;
  padding-bottom: 3px;
  column-gap: 5px;
}
.available-stock__store--grid .Label {
  width: 150px;
}
.available-stock__store--grid b {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.available-stock__store--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.available-stock__store--flex b {
  background-color: var(--level-4);
  padding: 2px 5px;
  border-radius: 5px;
}
.available-stock__store--code {
  background-color: var(--level-2);
  padding: 2px 5px;
  border-radius: 5px;
}
.available-stock__store--code span {
  font-size: 15px;
  color: var(--text-primary);
  margin-right: 5px;
}
.available-stock__table {
  height: calc(100% - 105px);
  margin-top: 3px;
}
.available-stock__table--block {
  height: calc(100% - 40px);
  margin-top: 5px;
}
.available-stock__without-sl {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.available-stock__without-sl--block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 6px;
  height: 250px;
  width: 300px;
  background-color: var(--level-2);
  padding: 60px;
}
.available-stock__without-sl--block span {
  font-size: 60px;
}
.available-stock__without-sl--block .Label {
  color: var(--text-primary);
  padding: 15px;
}
.available-stock__without-sl--block b {
  color: white;
  padding: 5px 20px;
  background-color: var(--level-8);
  border-radius: 6px;
}

.new-stock-transfer {
  height: calc(100% - 140px);
  margin: 0px;
}
.new-stock-transfer__block {
  height: calc(100% - 45px);
}
.new-stock-transfer__block--filters {
  column-gap: 10px;
}
.new-stock-transfer__block--tableblock {
  height: calc(100% - 55px);
  margin-top: 10px;
}
.new-stock-transfer__block--table {
  max-height: 100%;
  height: 100%;
}
.new-stock-transfer__block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.new-stock-transfer__block--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.new-stock-transfer__block--table td img:hover,
.new-stock-transfer__block--table td a:hover {
  cursor: pointer;
}
.new-stock-transfer__block--table tbody {
  background-color: var(--level-1);
}
.new-stock-transfer__block--table tbody tr:hover {
  background-color: var(--level-2);
}
.new-stock-transfer__block--table tbody tr:hover td {
  color: var(--level-7);
}
.new-stock-transfer__block--table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.new-stock-transfer__block--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.new-stock-transfer__block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.new-stock-transfer__block--table td {
  padding: 0px !important;
  align-items: center;
}
.new-stock-transfer__block--table--code {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.new-stock-transfer__block--table--flex {
  display: flex;
  justify-content: space-between;
}
.new-stock-transfer__block--table--qty {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 5px;
}
.new-stock-transfer__mrf {
  height: 100%;
}
.new-stock-transfer__mrf--block {
  height: calc(100% - 75px);
  margin-top: 10px;
  overflow: auto;
}
.new-stock-transfer__mrf--block ul {
  margin-bottom: 0px !important;
}
.new-stock-transfer__mrf--block li {
  border-bottom: 1px dashed var(--text-secondary);
  padding: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-primary);
}
.new-stock-transfer__mrf--block li b {
  font-weight: 500;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  display: flex;
  align-items: center;
  column-gap: 5px;
  background-color: var(--level-2);
  border-radius: 6px;
  padding: 2px 5px;
}
.new-stock-transfer__mrf--block li b span {
  font-size: 18px;
}

.new-stock-transfer__mrf--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.new-stock-transfer__mrf--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.new-stock-transfer__mrf--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.initiate-stock {
  height: 100%;
}
.initiate-stock__header {
  background-color: #fef3c7;
  height: 50px;
  display: flex;
  align-items: center;
}
.initiate-stock__header--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.initiate-stock__header--flex span {
  font-size: 35px;
}
.initiate-stock__block {
  height: calc(100% - 90px);
  padding: 10px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  color: var(--text-primary);
}

.success-stock {
  height: 100%;
}
.success-stock__header {
  background-color: #dcfce7;
  height: 50px;
  display: flex;
  align-items: center;
}
.success-stock__header--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.success-stock__header--flex span {
  font-size: 35px;
  color: #4ade80;
}
.success-stock__block {
  height: calc(100% - 90px);
  padding: 10px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  color: var(--text-primary);
}

.verify-transfer {
  height: calc(100% - 140px);
  margin: 0px;
}
.verify-transfer__tableblock {
  margin-top: 5px;
  height: calc(100% - 85px);
}

.transfer-stock-details {
  height: calc(100% - 40px);
}
.transfer-stock-details .available-stock__store {
  height: 40px;
  align-items: center;
}
.transfer-stock-details .available-stock__table--block {
  height: calc(100% - 75px);
}
.transfer-stock-details__tableblock {
  margin-top: 5px;
  height: calc(100% - 80px);
}
.transfer-stock-details__counts {
  margin-top: 5px;
  column-gap: 10px;
}
.transfer-stock-details__counts .edit-cell {
  width: fit-content !important;
}
.transfer-stock-details__counts--selected {
  width: fit-content;
  padding: 4px 8px;
  background-color: #bbf7d0;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.transfer-stock-details__counts--selected b {
  color: #15803d;
  font-size: 16px;
  border-radius: 3px;
  margin-left: 5px;
}

.confirm-stock-details {
  height: 100%;
}
.confirm-stock-details .available-stock__store {
  height: 40px;
  align-items: center;
}
.confirm-stock-details .available-stock__table--block {
  height: calc(100% - 75px);
}
.confirm-stock-details__tableblock {
  height: calc(100% - 110px);
}

.no-stocks {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-stocks--block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 6px;
  height: 250px;
  width: 350px;
  background-color: var(--level-2);
  padding: 20px;
}
.no-stocks--block span {
  font-size: 60px;
}
.no-stocks--block .Label {
  color: var(--text-primary);
  margin-top: 20px;
}
.no-stocks--block b {
  color: white;
  padding: 5px 20px;
  background-color: var(--level-8);
  border-radius: 6px;
}

.transit-verification-dashboard {
  height: calc(100% - 140px);
  margin: 0px;
  padding: 10px;
}
.transit-verification-dashboard__f-row {
  height: 50%;
}

.transit-verification-table {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background-color: var(--bg-color);
}
.transit-verification-table__title {
  display: flex;
  justify-content: space-between;
  height: 30px;
  padding: 5px;
}
.transit-verification-table__block {
  margin-top: 5px;
  height: calc(100% - 105px);
}
.transit-verification-table__view {
  display: flex;
  justify-content: center;
}

.transfer-verification {
  height: calc(100% - 140px);
  margin: 0px;
}
.transfer-verification__block {
  height: calc(100% - 85px);
}
.transfer-verification__block .transit-verification-table__block {
  height: 100%;
}

.verify-transit {
  height: calc(100% - 140px);
  margin: 0px;
}
.verify-transit__bs {
  height: 60px;
  margin-left: 10px;
  background-color: var(--bg-color);
}
.verify-transit__bs--addr {
  background-color: var(--level-4);
  padding: 5px 8px;
  border-radius: 3px;
  width: fit-content;
}
.verify-transit__block {
  height: calc(100% - 110px);
  background-color: var(--bg-color);
}
.verify-transit__block--table {
  max-height: 100%;
  height: 100%;
}
.verify-transit__block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.verify-transit__block--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.verify-transit__block--table td img:hover,
.verify-transit__block--table td a:hover {
  cursor: pointer;
}
.verify-transit__block--table tbody {
  background-color: var(--level-1);
}
.verify-transit__block--table tbody tr:hover {
  background-color: var(--level-2);
}
.verify-transit__block--table tbody tr:hover td {
  color: var(--level-7);
}
.verify-transit__block--table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.verify-transit__block--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.verify-transit__block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.verify-transit__block--table {
  margin-top: 5px;
}
.verify-transit__block--table td {
  padding: 0px 0px !important;
}
.verify-transit__block--table td img {
  width: 20px;
  height: 20px;
}
.verify-transit__block--table--flex {
  display: flex;
}
.verify-transit__block--table--qty {
  display: flex;
  justify-content: flex-end;
  margin-right: 4px;
  align-items: center;
}

.confirm-stock-details {
  height: 100%;
}
.confirm-stock-details__row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 8px 5px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.confirm-stock-details__row--grid {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}
.confirm-stock-details__row--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.confirm-stock-details__row--flex:hover {
  text-decoration: underline;
}
.confirm-stock-details__block {
  height: calc(100% - 80px);
  margin-top: 5px;
  background-color: var(--bg-color);
  padding: 5px;
}
.confirm-stock-details__block--table {
  height: 100%;
}
.confirm-stock-details__block--table--first-row {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.confirm-stock-details__block--table--verify {
  background-color: #86efac;
  display: flex;
  height: 30px;
  align-items: center;
  column-gap: 20px;
  width: fit-content;
  padding: 0px 5px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  border-radius: 6px;
}
.confirm-stock-details__block--table--verify span {
  color: var(--text-primary);
}
.confirm-stock-details__block--table--verify b {
  color: #166534;
}
.confirm-stock-details__block--table--second-row {
  padding: 5px 0px;
}
.confirm-stock-details__block--table--third-row {
  height: calc(100% - 125px);
}
.confirm-stock-details__block--table--not-received {
  background-color: #b91c1c !important;
  color: white !important;
}
.confirm-stock-details__block--table--received {
  background-color: #15803d !important;
  color: white !important;
}

.ticketing {
  height: 100%;
}
.ticketing__header {
  height: 50px;
  position: sticky;
  background: var(--whiteAlpha-100, rgba(255, 255, 255, 0.06));
  backdrop-filter: blur(16.1333332062px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ticketing__header--left {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.ticketing__header--hamburger {
  width: 50px;
  height: 100%;
  background-color: var(--bg-color);
  display: flex;
  align-items: center;
  border-radius: 3px;
}
.ticketing__header--hamburger span {
  font-size: 40px;
}
.ticketing__header--h {
  border: 1px solid var(--border-color);
  width: 340px;
  display: flex;
  column-gap: 5px;
  z-index: 999;
  background-color: var(--bg-color);
  align-items: center;
  height: 100%;
  border-radius: 6px;
}
.ticketing__header--h span {
  font-size: 40px;
}
.ticketing__header--h .select {
  border-style: none;
  width: calc(100% - 80px);
  margin-top: 0px !important;
  height: 40px !important;
}

.filter-option-maps {
  height: 100%;
}
.filter-option-maps__header {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter-option-maps__header .storybook-button {
  margin-top: 0px !important;
}
.filter-option-maps__block {
  height: calc(100% - 40px);
  overflow: auto;
}
.filter-option-maps__block .storybook-input {
  margin-top: 2px !important;
}
.filter-option-maps__block .MuiAccordionDetails-root {
  padding: 8px !important;
}
.filter-option-maps__block .MuiButtonBase-root {
  padding: 2px !important;
}
.filter-option-maps__flex {
  display: flex;
  justify-content: space-between;
  padding: 3px;
  align-items: center;
  width: 100%;
}
.filter-option-maps__flex--l {
  display: flex;
  align-items: center;
  font-size: 11px;
}
.filter-option-maps__flex--l span {
  color: #4b5563;
  display: block;
}
.filter-option-maps__flex--r {
  display: flex;
  align-items: center;
  column-gap: 2px;
}

.ticket-details {
  height: 100%;
}
.ticket-details__block {
  width: 100%;
  height: calc(100% - 75px);
  display: flex;
  background-color: var(--bg-color);
}
.ticket-details__l {
  width: 35%;
  border: 1px solid var(--border-color);
  height: 100%;
}
.ticket-details__r {
  width: 65%;
  height: 100%;
}

.particular-tkt {
  height: 100%;
}

.particular-item {
  display: flex;
  justify-content: space-between;
  border-radius: 3px;
  border-left: 5px solid red !important;
  padding: 3px 5px;
  border: 1px solid var(--border-color);
  height: 60px;
}
.particular-item__details {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.particular-item__details--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.particular-item__details--flex b {
  color: var(--text-primary);
  font-size: 16px;
}
.particular-item__details--flex span {
  color: var(--text-secondary);
}
.particular-item__details--maintained-by {
  color: var(--text-secondary);
  font-size: 14px;
  display: block;
}
.particular-item__details--r {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.particular-item__details--r span {
  font-size: 30px;
}

.co-ordinate {
  background-color: #dcfce7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Calibri ", sans-serif !important;
  height: 25px;
}
.co-ordinate span {
  font-size: 12px;
  background-color: white;
  border-radius: 20px;
  padding: 2px 10px;
}

.ticket-raised-list {
  height: calc(100% - 90px);
}
.ticket-raised-list__header {
  height: 40px;
  background-color: #ef4444;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  color: white;
  padding-left: 10px;
  font-weight: 700;
}
.ticket-raised-list__block {
  height: calc(100% - 40px);
  overflow: auto;
  font-family: "Calibri ", sans-serif !important;
  padding: 5px;
  font-size: 14px;
}
.ticket-raised-list__block li {
  display: grid;
  grid-template-columns: 0.6fr 0.04fr 1fr;
  padding: 3px;
}
.ticket-raised-list__block--raised-by {
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 3px 5px;
}
.ticket-raised-list__block--raised-by span {
  display: block;
}
.ticket-raised-list__block--raised-by b {
  color: var(--text-primary);
}
.ticket-raised-list__block--raised-by span {
  color: var(--text-secondary);
}
.ticket-raised-list__block--raised-by--flex {
  display: flex;
  justify-content: space-between;
}
.ticket-raised-list__block--attachments {
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ticket-raised-list__block--attachments--flex {
  display: flex;
  column-gap: 5px;
}

.ticket-raised-list__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.ticket-raised-list__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.ticket-raised-list__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.follow-up {
  height: calc(100% - 30px);
  font-family: "Calibri ", sans-serif !important;
}
.follow-up__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  padding: 0px 5px;
  height: 35px;
}
.follow-up__header .overall-total-count {
  margin-top: 0px !important;
}
.follow-up__user-input {
  border-bottom: 1px solid var(--border-color);
  width: 100%;
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
}
.follow-up--input {
  height: 40px;
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.follow-up--input input {
  width: calc(100% - 30px);
  height: 38px;
}
.follow-up--input :focus {
  border: 1px solid var(--level-3);
}
.follow-up--input img {
  float: right;
  cursor: pointer;
  width: 25px;
  height: 25px;
}
.follow-up--choose-file {
  display: none;
}
.follow-up__vendor-status {
  display: flex;
  justify-content: space-between;
  height: 40px;
  align-items: center;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  padding: 0px 5px;
  border-bottom: 1px dashed var(--border-color);
}
.follow-up__vendor-status b {
  font-weight: 500;
}
.follow-up__vendor-status span {
  background-color: #f3f4f6;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
}
.follow-up__block-details {
  height: calc(100% - 120px);
  overflow: auto;
}
.follow-up__vendor-details {
  padding: 5px;
  border-bottom: 2.3px dashed var(--border-color);
  display: flex;
  justify-content: space-between;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.follow-up__vendor-details--l {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  gap: 1px;
}
.follow-up__vendor-details--l--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.follow-up__vendor-details--l p {
  font-size: 14px;
  margin-bottom: 0px !important;
}
.follow-up__vendor-details--r {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.follow-up__vendor-details--r--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.follow-up__vendor-details--ul {
  margin-bottom: 0px !important;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.follow-up__vendor-details--ul li {
  padding: 5px;
}
.follow-up__edit {
  height: 100%;
}
.follow-up__edit--block {
  height: calc(100% - 65px);
  background-color: var(--bg-color);
  padding: 5px;
}
.follow-up__sla {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--disabled-color);
}
.follow-up__sla p {
  font-size: 14px;
  margin-bottom: 0px !important;
}

.follow-up__block-details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.follow-up__block-details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.follow-up__block-details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.raise-ticket {
  height: 100%;
}
.raise-ticket__block {
  height: calc(100% - 65px);
}
.raise-ticket__block--tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.raise-ticket__block--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.raise-ticket__block--tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.raise-ticket__block--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.raise-ticket__block--tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.raise-ticket__block--tab-panel {
  height: calc(100% - 40px) !important;
}
.raise-ticket__stock-details {
  height: calc(100% - 10px);
  background-color: var(--bg-color);
  padding: 5px;
}
.raise-ticket__stock-details .co-ordinate {
  margin-bottom: 5px;
}
.raise-ticket__stock-details--preview {
  background-color: var(--disabled-color);
  height: 80px;
  width: 80px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.raise-ticket__stock-details--preview--img {
  position: relative;
  background-color: var(--disabled-color);
  height: 100%;
  width: 100%;
}
.raise-ticket__stock-details--preview--img img {
  height: 100%;
  width: 100%;
}
.raise-ticket__stock-details--preview--delete {
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: 5px;
  background-color: white;
  border-radius: 50%;
  padding: 5px;
  right: 5px;
}
.raise-ticket__stock-details--preview--delete span {
  font-size: 20px !important;
}
.raise-ticket__stock-details--preview span {
  font-size: 60px;
}
.raise-ticket__stock-details--input {
  display: none;
}
.raise-ticket__buttons {
  align-items: center;
}

.raise-ticket-legends {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 5px;
  margin-top: 10px;
}
.raise-ticket-legends span {
  font-size: 10px;
  font-family: "Calibri ", sans-serif !important;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 0px 6px;
  font-weight: 500;
}

.border-red {
  border-left: 3px solid red !important;
}

.border-yellow {
  border-left: 3px solid #fbbf24 !important;
}

.border-green {
  border-Left: 3px solid green !important;
}

.border-purple {
  border-Left: 3px solid #e879f9 !important;
}

.particular-item-details {
  height: 100%;
  width: 100%;
}
.particular-item-details__block {
  height: calc(100% - 65px);
  width: 100%;
  overflow: auto;
}
.particular-item-details__block--details {
  padding: 5px;
  border-bottom: 2.3px dashed var(--border-color);
}
.particular-item-details__block--details li {
  padding: 5px;
  display: grid;
  grid-template-columns: 0.4fr 0.02fr 1fr;
}
.particular-item-details__block b {
  display: block;
}

.particular-stock-details__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.particular-stock-details__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.particular-stock-details__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.raise-ticket-history {
  background-color: var(--bg-color);
  height: calc(100% - 5px);
}
.raise-ticket-history__select {
  column-gap: 5px;
}
.raise-ticket-history__block {
  height: calc(100% - 105px);
  overflow: auto;
  margin-top: 5px;
  padding: 5px;
}
.raise-ticket-history__block ul {
  margin-bottom: 0px !important;
  height: 100%;
}
.raise-ticket-history__block ul li {
  display: grid;
  grid-template-columns: 0.2fr repeat(4, 1fr) 0.2fr;
  align-items: center;
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 3px;
}
.raise-ticket-history__block ul li:hover {
  background-color: var(--level-2);
}
.raise-ticket-history__block--grid b {
  display: block;
}

.raise-ticket-history__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.raise-ticket-history__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.raise-ticket-history__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.sla-exemption {
  height: 100%;
}
.sla-exemption__block {
  height: calc(100% - 75px);
  background-color: var(--bg-color);
}
.sla-exemption__block .storybook-input {
  margin-top: 0px !important;
  width: 100%;
}
.sla-exemption__block--grid {
  display: flex;
  width: 100%;
  column-gap: 10px;
}
.sla-exemption__block--grid .storybook-button {
  margin-top: 0px !important;
  width: fit-content !important;
}
.sla-exemption__block--grid .storybook-button {
  width: 100%;
}

.assign-technician {
  height: 100%;
  background-color: var(--disabled-color);
  padding: 0px 20px;
  z-index: 2000;
}
.assign-technician__title {
  margin-bottom: 5px;
}
.assign-technician__block {
  height: calc(100% - 110px);
  background-color: var(--bg-color);
  padding: 5px;
  overflow: auto;
}
.assign-technician__block--li {
  border-bottom: 2px dashed var(--border-color);
  margin-bottom: 5px;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.assign-technician__block--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.assign-technician__block--flex b {
  color: var(--text-primary);
}
.assign-technician__block--flex span {
  color: var(--text-secondary);
}

.assign-technician__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.assign-technician__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.assign-technician__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.filter-options-ticketing {
  height: 100%;
  font-family: "Calibri ", sans-serif !important;
}
.filter-options-ticketing__block {
  height: calc(100% - 70px);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background-color: var(--disabled-color);
}
.filter-options-ticketing__block--header {
  background-color: var(--level-7);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  font-weight: 700;
}
.filter-options-ticketing__block--body {
  border: 1px solid var(--border-color);
}
.filter-options-ticketing__block--body--button {
  display: flex;
  justify-content: flex-end;
}
.filter-options-ticketing__block--body--li {
  display: block;
  border-bottom: 2px solid var(--disabled-color);
  padding: 5px;
  font-size: 14px;
  padding: 5px;
  color: var(--text-secondary);
}
.filter-options-ticketing__block--body--li:hover {
  border-radius: 6px;
  background-color: var(--level-2);
}
.filter-options-ticketing__block--body--li b {
  font-size: 16px;
  color: var(--text-primary);
}
.filter-options-ticketing__block--body--grid {
  display: grid;
  column-gap: 5px;
  grid-template-columns: auto 0.1fr;
  padding: 5px;
}
.filter-options-ticketing__block--body--ul {
  height: calc(100% - 65px);
  overflow: auto;
}
.filter-options-ticketing__block--body--flex {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.filter-options-ticketing__block--body--flex span {
  font-size: 14px;
}
.filter-options-ticketing__block--body--text {
  border: 1px solid var(--border-color);
  padding: 2px 8px;
  border-radius: 20px;
  background-color: var(--disabled-color);
  color: var(--text-primary);
}
.filter-options-ticketing__block--body--title {
  display: flex;
  justify-content: space-between;
}
.filter-options-ticketing__block--body--title button {
  font-size: 10px;
  padding: 0px 8px;
  border-radius: 10px;
}
.filter-options-ticketing__stock {
  height: 100%;
  background-color: var(--bg-color);
}
.filter-options-ticketing__stock--block {
  height: calc(100% - 75px);
  display: flex;
  font-family: "Calibri ", sans-serif !important;
  border: 1px solid var(--border-color);
}
.filter-options-ticketing__stock--block--left {
  width: 200px;
  border-right: 1px solid var(--border-color);
  height: 100%;
}
.filter-options-ticketing__stock--block--right {
  width: calc(100% - 200px);
  height: 100%;
}
.filter-options-ticketing__stock--block--right b {
  padding: 5px;
}
.filter-options-ticketing__stock--block--right--ul {
  position: relative;
  height: calc(100% - 130px);
  padding: 5px;
  margin-top: 5px;
  overflow: auto;
}
.filter-options-ticketing__stock--block--right--ul li {
  font-size: 14px;
  padding: 3px;
}
.filter-options-ticketing__stock--block--right--sub-li {
  margin-left: 10px;
  display: flex;
  justify-content: space-between;
  padding: 5px;
}
.filter-options-ticketing__stock--block--right--sub-li span {
  font-size: 16px;
}
.filter-options-ticketing__stock--block--ul {
  height: calc(100% - 105px);
  overflow: auto;
  margin-top: 5px;
}
.filter-options-ticketing__stock--block--ul .active {
  background-color: var(--level-4);
  border-radius: 3px;
}
.filter-options-ticketing__stock--block--ul li {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 3px;
}
.filter-options-ticketing__stock--block--ul li:hover {
  background-color: var(--level-1);
  border-radius: 3px;
}
.filter-options-ticketing__stock--block--ul ul {
  margin-bottom: 0px !important;
}
.filter-options-ticketing__stock--header {
  background-color: #e5e7eb;
  color: var(--text-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border: 1px solid var(--border-color);
  width: 100%;
  height: 60px;
  font-weight: 700;
}
.filter-options-ticketing__category {
  height: 100%;
}
.filter-options-ticketing__category--header {
  background-color: var(--disabled-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  height: 60px;
}
.filter-options-ticketing__category--header b {
  text-align: center;
  font-size: 16px;
}
.filter-options-ticketing__category--body {
  height: calc(100% - 200px);
  margin-top: 10px !important;
  overflow: auto;
}
.filter-options-ticketing__category--body--sub-li {
  padding: 3px;
  margin-left: 5px;
}

.filter-options-ticketing__stock--block--right--ul::-webkit-scrollbar,
.filter-options-ticketing__category--body::-webkit-scrollbar,
.filter-options-ticketing__stock--block--ul::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.filter-options-ticketing__stock--block--right--ul::-webkit-scrollbar-thumb,
.filter-options-ticketing__category--body::-webkit-scrollbar-thumb,
.filter-options-ticketing__stock--block--ul::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.filter-options-ticketing__stock--block--right--ul::-webkit-scrollbar-thumb:hover,
.filter-options-ticketing__category--body::-webkit-scrollbar-thumb:hover,
.filter-options-ticketing__stock--block--ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.technician-dashboard {
  height: calc(100% - 140px);
  margin: 0px;
  position: relative;
}
.technician-dashboard .buttons-flex {
  position: relative;
  z-index: 1000;
  margin-left: 10px;
}
.technician-dashboard__data {
  height: calc(100% - 25px);
  position: relative;
}
.technician-dashboard__data--re-order {
  height: calc(100% - 45px);
  position: relative;
}
.technician-dashboard__row-1 {
  height: calc(50% - 5px);
}
.technician-dashboard__row-2 {
  height: calc(50% - 5px);
  border: 1px solid var(--border-color);
  background-color: var(--bg-color);
  padding: 10px;
}
.technician-dashboard__row-2--title {
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.technician-dashboard__row-2--title span {
  margin-right: 10px;
  font-size: 35px !important;
}
.technician-dashboard__tableblock {
  height: 100%;
}
.technician-dashboard__tableblock--table {
  margin-top: 5px;
  height: calc(100% - 115px);
  background-color: var(--bg-color);
}
.technician-dashboard__tableblock--view {
  height: calc(100% - 140px);
  margin: 0px;
}
.technician-dashboard__tableblock--button {
  display: flex;
  justify-content: center;
}
.technician-dashboard__tableblock--title span {
  font-size: 35px !important;
  margin-right: 10px;
}
.technician-dashboard__block {
  height: auto !important;
  height: fit-content;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
  background-color: var(--bg-color);
  margin: 5px;
}
.technician-dashboard__block:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.technician-dashboard__block {
  position: relative;
}
.technician-dashboard__block .reorder-handle--icon {
  position: absolute;
  top: 5px;
  right: 5px;
  left: auto;
  cursor: grab;
  padding: 5px;
}
.technician-dashboard__ppm {
  height: 100%;
}
.technician-dashboard__ppm--title {
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  width: calc(100% - 25px);
}
.technician-dashboard__ppm--title .activity-icon {
  font-size: 20px;
  background-color: #fee2e2;
  padding: 3px;
  border-radius: 6px;
  margin-right: 5px;
}
.technician-dashboard__ppm--select {
  column-gap: 10px;
}
.technician-dashboard__ppm--data {
  margin-top: 5px;
  height: calc(100% - 125px);
  overflow: auto;
  background-color: var(--bg-color);
  border-radius: 6px;
}
.technician-dashboard__ppm--data--left span {
  color: #6b7280;
  font-size: 12px;
}
.technician-dashboard__ppm--data--li {
  display: grid;
  grid-template-columns: 1fr 0.02fr;
  align-items: center;
  padding: 5px;
  border-bottom: 1px solid var(--text-secondary);
}
.technician-dashboard__ppm--data--li b {
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.technician-dashboard__ppm--data--title {
  display: flex;
  justify-content: space-between;
  column-gap: 5px;
}
.technician-dashboard__ppm--data--flex {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;
}
.technician-dashboard__ppm--data--flex span {
  background-color: var(--level-2);
  color: var(--text-primary);
  padding: 3px 5px;
  font-size: 12px;
  border-radius: 20px;
  font-weight: 600;
}
.technician-dashboard__ppm--button {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.technician-dashboard__ticket-summary {
  background-color: white;
  height: 100%;
}
.technician-dashboard__ticket-summary--title, .technician-dashboard__stocks--title, .technician-dashboard__ticket-details--title {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.technician-dashboard__ticket-summary--title span, .technician-dashboard__stocks--title span, .technician-dashboard__ticket-details--title span {
  font-size: 20px;
  background-color: #fae8ff;
  padding: 3px;
  border-radius: 6px;
  margin-right: 5px;
}
.technician-dashboard__ticket-details {
  background-color: white;
  height: 100%;
}
.technician-dashboard__ticket-details--list {
  margin-top: 5px;
  height: calc(100% - 100px);
  overflow: auto;
}
.technician-dashboard__ticket-details--list--li {
  border-bottom: 1px solid var(--text-secondary);
  padding: 5px;
  display: grid;
  grid-template-columns: 1fr 0.03fr;
  align-items: center;
  column-gap: 5px;
}
.technician-dashboard__ticket-details--list--title {
  display: flex;
  justify-content: space-between;
}
.technician-dashboard__ticket-details--list--title b {
  color: #ef4444;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.technician-dashboard__ticket-details--list--date {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.technician-dashboard__ticket-details--list--time {
  background-color: #d1d5db;
  color: var(--text-primary) !important;
  font-size: 14px;
  border-radius: 10px;
  padding: 5px;
}
.technician-dashboard__ticket-details--list--left span {
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-secondary);
}
.technician-dashboard__ticket-details--button {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.technician-dashboard__stocks {
  background-color: white;
  height: 100%;
}
.technician-dashboard__stocks--title span {
  background-color: #dbeafe;
}
.technician-dashboard__stocks--data {
  margin-top: 5px;
  height: calc(100% - 65px);
  overflow: auto;
  background-color: var(--bg-color);
  border-radius: 6px;
}
.technician-dashboard__stocks--data--left span {
  font-family: "Calibri ", sans-serif !important;
  color: #6b7280;
  font-size: 12px;
  display: block;
}
.technician-dashboard__stocks--data--li {
  display: grid;
  grid-template-columns: 1fr 0.03fr;
  align-items: center;
  padding: 5px;
  border-bottom: 1px solid var(--text-secondary);
}
.technician-dashboard__stocks--data--li b {
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.technician-dashboard__stocks--data--title {
  display: flex;
  justify-content: space-between;
}
.technician-dashboard__stocks--data--flex {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;
}
.technician-dashboard__stocks--data--flex span {
  background-color: var(--level-2);
  color: var(--text-primary);
  padding: 3px 5px;
  font-size: 12px;
  border-radius: 20px;
  font-weight: 600;
}
.technician-dashboard__stocks--button {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.technician-dashboard .grid-stack-item .ui-resizable-handle {
  display: none !important;
}
.technician-dashboard .grid-stack {
  height: 100% !important;
}

.grid-stack-item-content {
  height: calc(100% - 10px) !important;
  margin: 5px !important;
}

.ppm-priority, .ppm-high, .ppm-low, .ppm-medium, .ppm-critical {
  color: white !important;
  font-weight: 700;
  border-radius: 2px;
  height: 35px;
  width: 35px;
  text-align: center;
  font-size: 12px;
  padding: 3px 5px;
  margin-left: 5px;
}

.ppm-critical {
  background-color: #ef4444;
}

.ppm-medium {
  background-color: #3b82f6;
}

.ppm-low {
  background-color: #6b7280;
}

.ppm-high {
  background-color: #f59e0b;
}

.widgets-button {
  position: absolute;
  right: 0px;
  left: auto;
  top: 50%;
  bottom: "auto";
  z-index: 999;
  overflow: visible;
  border-radius: 10px;
  background-color: black;
  border-radius: 25px;
  padding: 5px 30px 5px 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.widgets-button span {
  color: #34d399;
  font-size: 35px;
}

.stock-installation {
  height: 100%;
}
.stock-installation__block {
  height: calc(100% - 65px);
  background-color: var(--bg-color);
  padding: 5px;
  border-radius: 6px;
  position: relative;
}
.stock-installation__block .MuiBox-root {
  margin-top: 5px !important;
}
.stock-installation__block--flex {
  display: flex;
  column-gap: 10px;
}
.stock-installation__block--comment {
  background-color: #f0fdf4;
  color: #22c55e;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 2px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  position: absolute;
  bottom: 5px;
  width: calc(100% - 10px);
}
.stock-installation__details {
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 10px;
  height: 130px;
  margin-bottom: 10px;
}
.stock-installation__details .stock-complete-details__block--items {
  border-style: none !important;
}
.stock-installation__details--grid {
  display: grid;
  grid-template-columns: 0.6fr 0.03fr 1fr;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  padding: 2px;
}
.stock-installation__details--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.in-transit, .recieved-stock {
  background-color: var(--disabled-color) !important;
  display: flex;
  align-items: center;
}
.in-transit span, .recieved-stock span {
  font-size: 20px;
}

.recieved-stock {
  background-color: #ede9fe !important;
  color: #a78bfa !important;
}

.tkt-details {
  height: 100%;
}
.tkt-details__block {
  background-color: var(--bg-color);
  height: calc(100% - 75px);
}
.tkt-details__block--select {
  column-gap: 10px;
}
.tkt-details__block--table {
  margin-top: 5px;
}

.widgets-modal {
  height: 100%;
  padding: 10px;
}
.widgets-modal .Heading {
  justify-content: flex-start !important;
}
.widgets-modal__card {
  background-color: white;
  padding: 10px;
  border-radius: 10px;
  margin-top: 10px;
}
.widgets-modal__item, .widgets-modal__re-order {
  display: flex;
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
}
.widgets-modal__item label, .widgets-modal__re-order label {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.widgets-modal__item .MuiFormControlLabel-root, .widgets-modal__re-order .MuiFormControlLabel-root {
  display: flex !important;
  justify-content: space-between !important;
  width: calc(100% - 25px) !important;
}
.widgets-modal__item--icon {
  border-radius: 5px;
  width: 30px;
  height: 30px;
  text-align: center;
  display: block;
}
.widgets-modal__item--icon span {
  font-size: 25px;
}
.widgets-modal__re-order {
  background-color: var(--bg-color);
  padding: 5px;
  height: 50px;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.widgets-modal__re-order .MuiFormControlLabel-root {
  display: flex !important;
  justify-content: space-between !important;
  width: calc(100% - 45px) !important;
}

.customize-widgets {
  height: calc(100% - 140px);
  margin: 0px;
}
.customize-widgets__block {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.customize-widgets__block--card {
  background-color: var(--bg-color);
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  text-align: center;
  width: 400px;
}
.customize-widgets__block--card .material-symbols-outlined {
  font-size: 180px;
}
.customize-widgets__block--card b {
  font-size: 16px;
  color: var(--text-primary);
}
.customize-widgets__block--text {
  color: var(--text-secondary);
  display: block;
  font-size: 14px !important;
}
.customize-widgets__list {
  height: 100%;
}
.customize-widgets__list--block {
  background-color: var(--bg-color);
  padding: 10px;
  height: calc(100% - 65px);
}
.customize-widgets__list--text {
  color: var(--text-secondary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.customize-widgets__list--list {
  height: calc(100% - 60px);
  overflow: auto;
  margin-top: 5px;
}
.customize-widgets__list--list .MuiFormControlLabel-root {
  margin-left: 5px;
}
.customize-widgets__list--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}
.customize-widgets__list--grid .checked {
  background-color: var(--level-1);
  border: 1px solid var(--level-8);
}
.customize-widgets__list--flex {
  display: flex;
  column-gap: 5px;
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
}
.customize-widgets__list--select-all {
  margin-top: 5px;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
}

.emp-list {
  height: calc(100% - 140px);
  margin: 0px;
}
.emp-list__search {
  column-gap: 10px;
}
.emp-list__search .MuiBox-root {
  margin-top: 5px;
}
.emp-list__tableblock {
  margin-top: 5px;
  height: calc(100% - 90px);
}

.add-emp {
  height: 100%;
}
.add-emp__form {
  margin-top: 10px;
  height: calc(100% - 135px);
  column-gap: 30px;
  background-color: var(--bg-color);
  padding: 5px;
  border-radius: 3px;
  overflow: auto;
}
.add-emp__form--details {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  height: 100%;
}

.add-emp__form::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.add-emp__form::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.add-emp__form::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.plan-maintenance {
  height: calc(100% - 140px);
  margin: 0px;
}
.plan-maintenance--modal {
  height: calc(100% - 30px);
}
.plan-maintenance__block {
  column-gap: 20px;
  height: calc(100% - 45px);
  background-color: var(--bg-color);
}
.plan-maintenance__block--left {
  height: 100%;
  border-right: 2px solid var(--border-color);
}
.plan-maintenance__block--right {
  height: 100%;
}
.plan-maintenance__list {
  height: 100%;
}
.plan-maintenance__list--tableblock {
  margin-top: 5px;
  height: calc(100% - 120px);
}
.plan-maintenance__list--table {
  max-height: 100%;
  height: 100%;
}
.plan-maintenance__list--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.plan-maintenance__list--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.plan-maintenance__list--table td img:hover,
.plan-maintenance__list--table td a:hover {
  cursor: pointer;
}
.plan-maintenance__list--table tbody {
  background-color: var(--level-1);
}
.plan-maintenance__list--table tbody tr:hover {
  background-color: var(--level-2);
}
.plan-maintenance__list--table tbody tr:hover td {
  color: var(--level-7);
}
.plan-maintenance__list--table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.plan-maintenance__list--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.plan-maintenance__list--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.plan-maintenance__add {
  height: 100%;
  padding: 5px;
}
.plan-maintenance__add .MuiBox-root {
  margin-top: 5px;
}

.maintenance-activity {
  height: 100%;
}
.maintenance-activity__block {
  height: calc(100% - 65px);
  background-color: var(--bg-color);
}
.maintenance-activity__block--select {
  column-gap: 20px;
}
.maintenance-activity__block--ul {
  height: calc(100% - 45px);
  overflow: auto;
}
.maintenance-activity__block--li {
  margin-top: 10px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  border-left: 3px solid red !important;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
}
.maintenance-activity__block--li--left {
  width: calc(100% - 60px);
  background-color: var(--disabled-color);
  padding: 5px;
}
.maintenance-activity__block--li--right {
  width: 60px;
  background-color: var(--bg-color);
}
.maintenance-activity__block--li--top {
  background-color: var(--bg-color);
  padding: 5px;
  border-radius: 6px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
}
.maintenance-activity__block--li--grid {
  display: flex;
  flex-direction: column;
}
.maintenance-activity__block--li--grid span {
  color: var(--text-secondary);
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  display: block;
}
.maintenance-activity__block--li--grid b {
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.maintenance-activity__block--li--bottom {
  margin-top: 2px;
}
.maintenance-activity__block--li--bottom span {
  color: var(--text-secondary);
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
}
.maintenance-activity__block--li--bottom p {
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  margin-bottom: 0px !important;
}

.add-maitenance-activity {
  height: 100%;
}
.add-maitenance-activity__block {
  height: calc(100% - 65px);
  overflow: auto;
}
.add-maitenance-activity__block .MuiBox-root {
  margin-top: 5px;
}

.maintenance-activity__block--ul::-webkit-scrollbar,
.add-maitenance-activity__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.maintenance-activity__block--ul::-webkit-scrollbar-thumb,
.add-maitenance-activity__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.maintenance-activity__block--ul::-webkit-scrollbar-thumb:hover,
.add-maitenance-activity__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.preventive-maintenance {
  height: calc(100% - 140px);
  margin: 0px;
}
.preventive-maintenance--modal {
  height: 100%;
}
.preventive-maintenance .flex-end {
  align-items: center;
}
.preventive-maintenance__block {
  height: calc(100% - 45px);
  display: flex;
  column-gap: 10px;
  background-color: var(--bg-color);
}
.preventive-maintenance__block--left {
  height: 100%;
  width: 350px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
}
.preventive-maintenance__block--right {
  width: calc(100% - 350px);
  height: 100%;
  padding: 10px;
}
.preventive-maintenance__block--tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.preventive-maintenance__block--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.preventive-maintenance__block--tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.preventive-maintenance__block--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.preventive-maintenance__block--tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.preventive-maintenance__block--tabpanel {
  height: calc(100% - 45px);
}

.calendar-container {
  width: 335px;
  background: #eff6ff;
  padding: 16px;
  border-radius: 6px;
  font-family: "Calibri ", sans-serif !important;
  height: 335px;
}
.calendar-container .date {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #f9fafb;
  border-radius: 6px;
}
.calendar-container .date.empty {
  cursor: default;
}
.calendar-container .date.selected.primary {
  background: black;
  color: white;
  font-weight: 700;
  border-radius: 50%;
}
.calendar-container .date.selected.secondary {
  background: #bae6fd;
  color: black;
  border: 1px solid black;
  font-weight: 700;
  border-radius: 50%;
}
.calendar-container__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  margin-bottom: 12px;
}
.calendar-container__header button {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
}
.calendar-container__header--center {
  display: flex;
  align-items: center;
}
.calendar-container__days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-size: 12px;
  color: #4b5563;
  margin-bottom: 8px;
  color: var(--tet-primary);
}
.calendar-container__dates {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  background-color: var(--bg-color);
  color: var(--tet-primary);
}
.calendar-container__year-control {
  display: flex;
  column-gap: 5px;
  align-items: center;
  margin-left: 10px;
}
.calendar-container__year-control--buttons button {
  display: block;
}
.calendar-container__year-control--buttons button span {
  font-size: 14px !important;
}

.cal-events {
  height: calc(100% - 350px);
  margin-top: 10px;
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 5px;
}
.cal-events__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cal-events__flex span {
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 700;
}
.cal-events__selected-date {
  background-color: var(--level-10);
  text-align: center;
  padding: 5px 0px;
  border-radius: 6px;
  height: 30px;
  color: white;
  font-weight: 400;
  margin-top: 5px;
}
.cal-events__list {
  margin-top: 5px;
  height: calc(100% - 100px);
  overflow: auto;
}
.cal-events__list--li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  border-radius: 6px;
  border-left: 5px solid red;
  background-color: var(--bg-color);
  margin-top: 5px;
}
.cal-events__list--li--flex {
  display: flex !important;
  column-gap: 5px;
  align-items: center;
}
.cal-events__list--li span {
  display: block;
  padding: 2px;
}

.cal-events__list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.cal-events__list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.cal-events__list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.prev-mt-overdue {
  height: 100%;
}
.prev-mt-overdue__select {
  display: flex;
  column-gap: 5px;
}
.prev-mt-overdue__select .MuiBox-root {
  margin-top: 5px !important;
}
.prev-mt-overdue__select--flex {
  column-gap: 5px;
  display: flex;
  height: 40px;
  align-items: center;
}
.prev-mt-overdue__select--flex .active {
  background-color: var(--level-7);
  color: white !important;
  padding: 5px;
  height: 35px;
  width: 40px;
  text-align: center;
  border-radius: 3px;
}
.prev-mt-overdue__block {
  height: calc(100% - 50px);
}

.prev-mt-dataview {
  height: 100%;
  overflow: auto;
}
.prev-mt-dataview--li {
  display: flex;
  justify-content: space-between;
  background-color: var(--disabled-color);
  align-items: center;
  column-gap: 5px;
  border-radius: 3px;
  padding: 3px 5px;
  border: 1px solid var(--border-color);
  width: 100%;
  margin-bottom: 10px;
}
.prev-mt-dataview--li--flex {
  display: flex;
  align-items: center;
  column-gap: 3px;
}
.prev-mt-dataview--li--right {
  width: 20px;
}
.prev-mt-dataview--li--left {
  width: calc(100% - 20px);
}
.prev-mt-dataview--li--header {
  display: grid;
  grid-template-columns: 0.6fr repeat(3, 1fr);
  column-gap: 5px;
  color: var(--text-secondary);
}
.prev-mt-dataview--li--data {
  display: grid;
  grid-template-columns: 0.6fr repeat(3, 1fr);
  column-gap: 5px;
  color: var(--text-primary);
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
}
.prev-mt-dataview--li--bottom {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  column-gap: 5px;
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  margin-top: 5px;
}
.prev-mt-dataview--li--top {
  background-color: var(--bg-color);
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 5px;
  width: 100%;
}
.prev-mt-dataview--li--top--left {
  width: calc(100% - 140px);
}

.prev-mt-tableview {
  height: calc(100% - 10px);
  margin-top: 10px;
}

.overdue-button {
  background-color: #ef4444;
  color: white;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  border-radius: 6px;
  text-align: center;
}
.overdue-button b {
  font-weight: 700;
}

.overdue-scheduled-button {
  background-color: #f0fdf4;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  border-radius: 6px;
  text-align: center;
}
.overdue-scheduled-button b {
  font-weight: 700;
  color: #16a34a;
}

.mp-priority, .mp-low, .mp-medium, .mp-critical {
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border: 1px solid var(--border-color);
  border-radius: 3px;
  background-color: var(--bg-color);
  padding: 2px 5px;
  width: fit-content;
}

.mp-critical {
  border-left: 4px solid #dc2626;
}

.mp-medium {
  border-left: 4px solid #d946ef;
}

.mp-low {
  border-left: 4px solid #16a34a;
}

.mp-critical-border {
  border-left: 4px solid #dc2626;
}

.mp-medium-border {
  border-left: 4px solid #d946ef;
}

.mp-low-border {
  border-left: 4px solid #16a34a;
}

.prev-mt-dataview::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.prev-mt-dataview::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.prev-mt-dataview::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.prev-mt-schedule {
  height: 100%;
}
.prev-mt-schedule__tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.prev-mt-schedule__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.prev-mt-schedule__tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.prev-mt-schedule__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.prev-mt-schedule__tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.prev-mt-schedule__tab-panel {
  height: calc(100% - 75px);
  height: calc(100% - 135px);
}

.stock-activity {
  height: 100%;
  margin-top: 10px;
}
.stock-activity__table {
  height: 100%;
  background-color: var(--bg-color);
}

.general-activity {
  height: 100%;
}
.general-activity__block {
  height: 100%;
  column-gap: 20px;
  background-color: var(--bg-color);
  margin-top: 5px;
  border-radius: 6px;
}
.general-activity__block--left {
  border-right: 3px solid var(--border-color);
}
.general-activity__add {
  height: 100%;
  padding: 10px;
}
.general-activity__add--block {
  height: calc(100% - 30px);
  overflow: auto;
}
.general-activity__add--block .MuiBox-root {
  margin-top: 10px;
}
.general-activity__add--block--red {
  background-color: #fef2f2;
  color: #f87171;
  padding: 3px 8px;
  border: 1px solid #f87171;
  margin-top: 2px;
  border-radius: 5px;
}
.general-activity__add--block--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.general-activity__list {
  height: 100%;
  padding: 10px;
}
.general-activity__list--block {
  height: calc(100% - 65px);
  overflow: auto;
}
.general-activity__list--block--grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 2px;
  align-items: center;
  background-color: var(--bg-color);
  padding: 5px 2px;
}
.general-activity__list--block--li {
  border: 1px solid var(--border-color);
  padding: 6px;
  display: flex;
  column-gap: 3px;
  height: 115px;
  margin-top: 10px;
  align-items: center;
  width: 100%;
  background-color: #f3f4f6;
}
.general-activity__list--block--left {
  width: calc(100% - 50px);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.general-activity__list--block--left span {
  color: #6b7280;
  display: block;
}
.general-activity__list--block--left b {
  color: var(--text-color);
}
.general-activity__list--block--left .attachments {
  margin-top: 5px;
  width: fit-content !important;
}
.general-activity__list--block--left .active {
  background-color: #dcfce7;
  border-radius: 20px;
  padding: 4px 10px;
  color: var(--text-primary);
  width: fit-content;
  border: 1px solid #22c55e;
}
.general-activity__list--block--right {
  width: 45px;
  display: flex;
  background-color: var(--bg-color);
  height: 100%;
  align-items: center;
}

.choose-stock-schedule {
  height: 100%;
}
.choose-stock-schedule__block {
  height: calc(100% - 160px);
  margin-top: 5px;
}
.choose-stock-schedule__select {
  column-gap: 10px;
}
.choose-stock-schedule__select .MuiBox-root {
  margin-top: 5px;
}

.assign-maintenance {
  height: 100%;
}
.assign-maintenance__block {
  margin-top: 5px;
  height: calc(100% - 210px);
  overflow: auto;
}
.assign-maintenance__block .MuiBox-root {
  margin-top: 5px;
}
.assign-maintenance__block--flex {
  display: flex;
  column-gap: 5px;
}
.assign-maintenance__block--days {
  width: 180px;
  border: 1px solid #f87171;
  background-color: #fef2f2;
  height: 35px;
  border-radius: 3px;
  margin-top: 5px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 0px 5px;
}
.assign-maintenance__block--days b {
  color: #dc2626;
  margin-right: 5px;
}

.assign-maint-activity {
  height: 100%;
}
.assign-maint-activity__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.assign-maint-activity__block {
  height: calc(100% - 175px);
  margin-top: 5px;
  overflow: auto;
}
.assign-maint-activity__block--li {
  background-color: #f3f4f6;
  border-radius: 6px;
  align-items: center;
  padding: 5px;
  margin-top: 10px;
}
.assign-maint-activity__block--top {
  background-color: var(--bg-color);
  padding: 5px;
  align-items: center;
  border-radius: 6px;
  display: grid;
  grid-template-columns: 0.2fr repeat(4, 1fr);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.assign-maint-activity__block--top span {
  display: block;
  color: #6b7280;
}
.assign-maint-activity__block--top b {
  color: var(--text-primary);
}
.assign-maint-activity__block--active {
  background-color: #f3f4f6;
  color: var(--text-primary) !important;
  font-size: 12px;
  padding: 3px 10px;
  border: 1px solid #f3f4f6;
  border-radius: 20px;
  width: fit-content;
}
.assign-maint-activity__stock {
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 10px;
}
.assign-maint-activity__stock--grid {
  display: grid;
  grid-template-columns: 0.4fr 0.02fr 1fr;
  align-items: center;
}
.assign-maint-activity__stock--grid b {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.assign-maintenance__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.assign-maintenance__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.assign-maintenance__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.add-delay-reason {
  height: 100%;
}
.add-delay-reason__block {
  height: calc(100% - 65px);
  background-color: var(--bg-color);
  padding: 5px;
  border-radius: 6px;
}
.add-delay-reason__block--flex {
  display: flex;
  column-gap: 5px;
}

.follow-up-maintenance {
  height: 100%;
}
.follow-up-maintenance__block {
  height: calc(100% - 75px);
  display: flex;
  background-color: var(--bg-color);
}
.follow-up-maintenance__block--left {
  width: 450px;
  background-color: var(--bg-color);
  height: 100%;
  padding: 5px;
  border-right: 2px solid var(--border-color);
}
.follow-up-maintenance__block--right {
  width: calc(100% - 450px);
  height: 100%;
  padding: 5px;
}
.follow-up-maintenance__list {
  height: 100%;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.follow-up-maintenance__list--title {
  display: flex;
  justify-content: space-between;
}
.follow-up-maintenance__list--ul {
  height: calc(100% - 40px);
  overflow: auto;
}
.follow-up-maintenance__list--li {
  padding: 5px;
  background-color: var(--bg-color);
  border-bottom: 1px solid var(--border-color);
}
.follow-up-maintenance__list--top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.follow-up-maintenance__list--top--left {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.follow-up-maintenance__list--top--right {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.follow-up-maintenance__list--bottom {
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  column-gap: 5px;
}

.follow-up-maintenance__list--ul::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.follow-up-maintenance__list--ul::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.follow-up-maintenance__list--ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.follow-up-modal {
  height: 100%;
}
.follow-up-modal__block {
  height: calc(100% - 75px);
}
.follow-up-modal__block--about {
  background-color: var(--disabled-color);
  padding: 10px;
  border-radius: 6px;
  margin-top: 10px;
}
.follow-up-modal__block--grid {
  display: grid;
  grid-template-columns: 0.8fr 0.02fr 2fr;
  column-gap: 5px;
}
.follow-up-modal__block--grid b {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 16px;
}
.follow-up-modal__block--grid b span {
  margin-right: 5px;
  font-size: 18px;
}
.follow-up-modal__block--grid .text-decoration:hover {
  text-decoration: underline;
}
.follow-up-modal__block--flex {
  display: flex;
  height: 60px;
  align-items: center;
  justify-content: space-between;
}
.follow-up-modal__block--input {
  display: flex;
  align-items: center;
  border: 1px solid var(--border-color);
  background-color: var(--bg-color);
  padding: 0px 5px;
}
.follow-up-modal__block--input .storybook-input {
  margin-top: 0px !important;
  border-style: none !important;
}
.follow-up-modal__block--input span {
  font-size: 25px;
}
.follow-up-modal__block--input--flex {
  display: flex;
  width: calc(100% - 30px);
  align-items: center;
  margin-right: 5px;
  border-right: 1px solid var(--border-color);
  padding: 0px 5px;
}
.follow-up-modal__block--status {
  padding-bottom: 10px;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.follow-up-modal__block--data, .follow-up-modal__block--data--selected {
  height: calc(100% - 270px);
  margin-top: 10px;
  overflow: auto;
}
.follow-up-modal__block--data--selected {
  height: calc(100% - 320px);
}
.follow-up-modal__block--data--li {
  border-bottom: 2.8px dashed var(--border-color);
  padding: 5px;
}
.follow-up-modal__block--data--attachments {
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  position: relative;
  min-width: 0;
  width: 100%;
}
.follow-up-modal__block--data--attachments b {
  width: calc(100% - 80px);
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
}
.follow-up-modal__block--data--attachments img {
  height: 25px;
  width: 25px;
}
.follow-up-modal__block--data--attachments {
  margin-top: 5px;
  width: 50% !important;
}
.follow-up-modal__block--data--top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.follow-up-modal__block--data--top--left {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.follow-up-modal__block--data--top--right {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.follow-up-modal__block--data--bottom {
  border-radius: 6px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  column-gap: 5px;
}

.fw-in-progress, .fw-completed {
  background-color: #f59e0b;
  color: white;
  border-radius: 20px;
  text-align: center;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 600;
}

.fw-completed {
  background-color: #16a34a;
}

.follow-up-modal__block--data::-webkit-scrollbar, .follow-up-modal__block--data--selected::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.follow-up-modal__block--data::-webkit-scrollbar-thumb, .follow-up-modal__block--data--selected::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.follow-up-modal__block--data::-webkit-scrollbar-thumb:hover, .follow-up-modal__block--data--selected::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.ppm-stock {
  height: 100%;
}
.ppm-stock__block {
  height: calc(100% - 90px);
  overflow: auto;
  margin-top: 20px;
}
.ppm-stock__block--grid {
  display: grid;
  grid-template-columns: 0.6fr 0.03fr 1fr;
  padding: 5px;
}
.ppm-stock__block--grid b {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.ppm-stock__block--grid b span {
  margin-right: 5px;
}

.overdue-in {
  background-color: #ef4444;
  width: fit-content;
  padding: 5px;
  border-radius: 6px;
  color: white;
}

.ppm-stock__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.ppm-stock__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.ppm-stock__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.edit-follow-up {
  height: 100%;
}
.edit-follow-up__block {
  height: calc(100% - 70px);
  overflow: auto;
  background-color: var(--bg-color);
}
.edit-follow-up__block .follow-up-modal__block--input--flex {
  margin-top: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.edit-follow-up__block .follow-up-modal__block--input--flex .storybook-input {
  border-style: none;
}

.asset-reports {
  height: calc(100% - 145px);
  margin: 10px 20px 0px 20px;
  display: flex;
  column-gap: 10px;
}
.asset-reports__left {
  width: 250px;
  height: 100%;
}
.asset-reports__left--list {
  height: 100%;
}
.asset-reports__left--list .MuiDataGrid-cell {
  background-color: var(--bg-color) !important;
}
.asset-reports__left--list .active {
  background-color: var(--level-2) !important;
}
.asset-reports__right {
  height: 100%;
  width: calc(100% - 250px);
  border: 1px dashed var(--border-color);
}
.asset-reports__right--block {
  height: 100%;
  padding: 0px 5px;
}
.asset-reports__right--block--flex {
  display: flex;
  column-gap: 10px;
  align-items: center;
  margin-bottom: 5px;
  margin-top: -5px;
}
.asset-reports__right--block--button {
  padding: 2px 10px;
  background-color: var(--bg-color);
  color: var(--text-primary);
  font-size: 14px;
  border-radius: 20px;
  border: 1px solid var(--border-color);
  font-family: "Calibri ", sans-serif !important;
}
.asset-reports__right--block--button:hover {
  cursor: pointer;
}
.asset-reports__right--block--button img {
  width: 15px;
  margin-right: 10px;
  transform: rotate(-180deg);
}
.asset-reports__right--block--button {
  margin-top: 5px;
}
.asset-reports__right--block--tickets {
  margin-top: 10px;
  height: calc(100% - 140px);
}
.asset-reports__right--block--helpdesk {
  margin-top: 10px;
  height: calc(100% - 75px);
}
.asset-reports__right--block--footer {
  display: flex;
  justify-content: space-between;
}
.asset-reports__right--filters, .asset-reports__right--filters-2 {
  column-gap: 10px;
  margin-top: 10px;
}
.asset-reports__right--filters .storybook-input, .asset-reports__right--filters-2 .storybook-input {
  margin-top: 0px !important;
}
.asset-reports__right--filters-2 {
  margin-top: 10px;
}
.asset-reports__right--filters-2 .storybook-button {
  margin: 0px 0px 0px 0px !important;
}
.asset-reports__right--tableblock {
  margin-top: 10px;
  height: calc(100% - 110px);
}
.asset-reports__right--tableblock--vendor-items {
  margin-top: 10px;
  height: calc(100% - 120px);
}
.asset-reports__right--tableblock--signal {
  height: calc(100% - 50px);
  margin-top: 10px;
}
.asset-reports__right--multiple-select .MuiChip-label {
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px !important;
}
.asset-reports__right--multiple-select .MuiChip-root {
  height: 18px !important;
}
.asset-reports__right--multiple-select .MuiChip-deleteIcon {
  font-size: 12px !important;
}
.asset-reports__right--multiple-select .MuiAutocomplete-tag {
  margin: 0px 3px !important;
}
.asset-reports__right--multiple-select .MuiFormControl-root,
.asset-reports__right--multiple-select .MuiInputBase-root {
  padding: 0px !important;
}
.asset-reports__right--multiple-select .MuiInputBase-input {
  padding: 4px !important;
}
.asset-reports__right--textfield {
  margin: 2px 0px 0px 0px !important;
  width: fit-content;
}
.asset-reports__right--tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.asset-reports__right--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.asset-reports__right--tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.asset-reports__right--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.asset-reports__right--tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.asset-reports__right--tabs {
  padding-top: 5px;
}
.asset-reports__right--tabpanel {
  height: calc(100% - 35px);
}
.asset-reports__right--tabpanel .swipable-tabs,
.asset-reports__right--tabpanel p {
  height: 100%;
}
.asset-reports__right--choose {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Calibri ", sans-serif !important;
}
.asset-reports__right--choose:hover {
  cursor: pointer;
}
.asset-reports__right--choose img {
  width: 15px;
  margin-left: 10px;
}

.user-assoc {
  height: calc(100% - 140px);
  margin: 0px;
}
.user-assoc__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 5px;
}
.user-assoc__block {
  height: calc(100% - 45px);
  background-color: var(--bg-color);
  padding: 5px;
}
.user-assoc__tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.user-assoc__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.user-assoc__tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.user-assoc__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.user-assoc__tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.user-assoc__tabs {
  margin-top: 5px;
}
.user-assoc__card {
  display: flex;
  background-color: var(--bg-color);
  height: 70px;
  border-radius: 6px;
  border: 2px solid var(--border-color);
  align-items: center;
  padding: 5px;
  justify-content: space-between;
}
.user-assoc__card--flex {
  display: flex;
  column-gap: 5px;
}
.user-assoc__card--flex label {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-secondary);
}
.user-assoc__card--flex b {
  display: block;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.user-assoc__card--image {
  padding: 4px;
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  height: fit-content;
  width: fit-content;
  margin-right: 5px;
}
.user-assoc__card--image span {
  color: white;
  font-size: 30px;
}
.user-assoc__tableblock {
  margin-top: 5px;
  height: 100%;
}
.user-assoc__tableblock .MuiBox-root {
  margin-top: 5px;
}
.user-assoc__tableblock--select {
  column-gap: 10px;
}
.user-assoc__tableblock--table {
  height: calc(100% - 45px);
  margin-top: 5px;
}
.user-assoc__tab-panel {
  height: calc(100% - 130px);
}

.associate-user {
  height: 100%;
  font-family: "Calibri ", sans-serif !important;
}
.associate-user__details {
  background-color: #f3f4f6;
  height: 100px;
  padding: 5px;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  font-size: 12px;
}
.associate-user__details b {
  display: block;
}
.associate-user__block {
  height: calc(100% - 70px);
  background-color: var(--bg-color);
  padding: 5px;
}
.associate-user__block--flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.associate-user__block--flex b {
  color: var(--text-primary);
  font-size: 14px;
}
.associate-user__block--data {
  height: calc(100% - 140px);
  overflow: auto;
}
.associate-user__block--data--warning {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.associate-user__block--data--warning span {
  color: red !important;
  font-size: 30px;
}
.associate-user__block--list {
  display: flex;
  background-color: var(--disabled-color);
  justify-content: space-between;
  margin-top: 8px;
  align-items: center;
  padding: 8px 5px;
  border-radius: 6px;
}
.associate-user__block--list b {
  display: flex;
  align-items: center;
  color: var(--text-secondary);
  column-gap: 5px;
  font-size: 13px;
}
.associate-user__block--list b span {
  color: var(--text-primary);
  font-size: 20px;
}
.associate-user__block--l {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 5px;
}
.associate-user__block--l span {
  padding: 2px 5px;
  border-radius: 20px;
  border: 1px solid var(--text-secondary);
  color: var(--text-primary);
  font-size: 10px;
  background-color: var(--disabled-color);
}
.associate-user__block--span {
  color: var(--text-secondary);
  font-size: 14px;
}

.associate-user__block--data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.associate-user__block--data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.associate-user__block--data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.allocation {
  height: 100%;
  background-color: var(--disabled-color);
}
.allocation__block {
  height: calc(100% - 85px);
  background-color: var(--bg-color);
  padding: 5px;
}
.allocation__block--cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 5px;
}
.allocation__block--card {
  display: flex;
  background-color: var(--bg-color);
  height: 70px;
  border-radius: 6px;
  border: 2px solid var(--border-color);
  align-items: center;
  padding: 5px;
  justify-content: center;
  flex-direction: column;
}
.allocation__block .active {
  border: 1px solid var(--level-5);
  background-color: var(--level-1);
}
.allocation__block--data {
  height: calc(100% - 120px);
  margin-top: 5px;
  overflow: auto;
  margin-bottom: 0px !important;
}
.allocation__block--data li {
  display: flex;
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 5px;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  border: 1px solid var(--border-color);
}
.allocation__block--data b {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.allocation__block--data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.allocation__block--data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.allocation__block--data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}