/*#region >>>>> VARIABLES*/
html, body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
:root {
--anim: .25s ease;
--primer: #f44336;
--hijau: #4caf50;
--oren: #ff9800;
}
/*#endregion*/
/*#region >>>>> CUSTOM CSS SVG ICON*/
:root {
--searchIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 410 410' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M54 197c0,-29 7,-49 18,-71 3,-4 5,-8 8,-11 14,-23 33,-36 56,-48 34,-17 84,-17 118,0 34,17 53,35 70,69 17,34 18,84 0,118 -8,18 -15,28 -28,42 -13,13 -24,19 -41,28 -51,26 -118,13 -159,-28 -25,-25 -42,-60 -42,-99zm-22 -7c0,29 4,51 16,75 5,9 9,17 15,25 44,60 123,85 194,56 15,-7 28,-14 41,-25 2,-1 3,-2 5,-4 3,4 46,46 54,54 4,5 5,7 11,7 7,0 10,-5 10,-12 0,-5 -8,-11 -14,-16l-47 -47 8 -10c3,-4 5,-7 8,-11 41,-61 30,-149 -21,-201 -8,-7 -13,-12 -22,-18 -22,-17 -58,-31 -89,-31 -31,0 -57,5 -81,19 -9,5 -8,3 -18,11 -21,14 -45,41 -55,64 -8,21 -15,39 -15,64zm153 -97c0,5 1,7 4,9 6,5 40,-1 70,29 40,39 17,75 38,75 19,0 6,-40 4,-48 -4,-11 -11,-23 -18,-32 -18,-22 -46,-39 -75,-41 -6,-1 -10,-2 -15,-1 -3,1 -8,5 -8,9z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--editIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 592 592' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M94 499l7 -83c0,-8 2,-19 2,-28l101 100c-14,4 -104,8 -110,11zm144 -20l-125 -125 241 -241 125 124 -241 242zm139 -387c62,-41 137,9 137,69 0,39 -9,39 -13,53 -7,-1 -57,-54 -62,-60 -10,-9 -58,-56 -62,-62zm-22 -20c-12,-7 -24,-15 -43,-15 -34,0 -49,18 -68,36l-39 39c-7,8 -11,9 -11,19 0,8 7,14 15,14 10,0 39,-33 48,-41 22,-23 39,-49 74,-32 -2,6 -39,41 -44,46l-202 203c-11,10 -9,16 -10,35 -1,13 -4,28 -4,41l-8 83c-2,19 -16,14 -16,31 0,8 7,13 17,13 12,0 11,-14 24,-15 6,0 8,-1 13,-1 17,-1 32,-3 49,-4l49 -5c61,-8 34,8 101,-59 25,-25 203,-201 213,-214 23,-29 32,-46 32,-87 0,-17 -6,-33 -12,-45 -8,-15 -14,-23 -24,-34 -5,-4 -11,-9 -17,-12 -32,-22 -68,-26 -106,-13 -7,2 -10,4 -16,7l-15 10z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--deleteIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 760' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M534 661l-310 0c-24,0 -49,-26 -49,-50l0 -436 411 0 0 426c0,33 -22,60 -52,60zm-210 -544c0,-9 9,-18 18,-18l75 0c22,0 18,22 18,37l-111 0 0 -19zm-39 0l0 19 -170 0c-22,0 -25,39 7,39l14 0 0 438c0,11 5,26 9,34 6,13 17,26 30,35 12,9 30,17 47,17l313 0c27,0 54,-17 67,-32 16,-19 23,-41 23,-75l0 -417c10,0 37,1 37,-18 0,-11 -7,-21 -18,-21l-170 0c0,-23 1,-44 -18,-61 -10,-8 -23,-14 -40,-14l-74 0c-30,0 -57,26 -57,56zm0 188l0 225c0,26 39,26 39,0l0 -225c0,-25 -39,-25 -39,0zm150 4l0 214c0,38 39,30 39,9l0 -228c0,-23 -39,-27 -39,5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--pemasokIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 592 592' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M136 416c0,-49 52,-57 74,-33 25,26 9,73 -32,73 -23,0 -42,-21 -42,-40zm278 40c-24,0 -44,-19 -44,-38l0 -10c0,-18 20,-38 38,-38l7 0c22,0 41,19 41,44 0,23 -19,42 -42,42zm-44 -103l0 -42 145 0c0,15 2,71 -2,80 -5,8 -13,6 -25,6 -9,0 -1,-14 -26,-38 -25,-24 -63,-25 -92,-6zm-266 44c-12,0 -27,4 -27,-16l0 -229c0,-11 6,-16 16,-16l230 0c12,0 17,6 17,17l0 225c0,8 -2,16 -8,18 -6,3 -72,1 -81,1 -7,-31 -36,-57 -66,-57 -22,0 -40,4 -55,19 -9,9 -15,14 -20,28 -2,5 -1,10 -6,10zm266 -202l85 0c11,0 20,26 28,40 7,16 15,31 22,46l-135 0 0 -86zm-323 -42l0 228c0,17 7,29 16,37 14,11 20,9 44,9 16,71 103,77 135,24 3,-6 8,-15 9,-24l90 0c4,52 92,91 135,24 2,-4 3,-7 5,-11 1,-3 2,-9 4,-13 8,0 19,2 27,0 6,-2 13,-6 17,-10 11,-11 16,-20 16,-40l0 -76c0,-14 -27,-62 -35,-77 -5,-12 -12,-27 -18,-37 -8,-11 -20,-23 -34,-23l-88 0c0,-18 -1,-31 -11,-43 -8,-9 -20,-15 -36,-15l-230 0c-28,0 -46,20 -46,47zm175 143c0,3 3,9 4,11 2,2 7,4 11,4l59 0c20,0 20,-30 0,-30l-59 0c-7,0 -15,8 -15,15zm30 57c0,21 21,17 41,17 24,0 21,-30 4,-30 -21,0 -45,-5 -45,13z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--itemIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 485 485' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M255 412l0 -164c4,-1 29,-16 35,-19l107 -61 0 144c0,9 2,16 -3,21 -4,2 -11,6 -16,9l-92 52c-10,6 -21,13 -31,18zm-167 -243c3,1 11,6 15,8 5,3 10,5 15,8 5,4 10,6 15,9 4,2 12,8 16,8 0,15 0,30 0,44 0,10 -2,24 4,30 7,5 16,3 19,-4 3,-5 2,-12 2,-18 0,-12 0,-25 0,-37 5,4 51,30 56,31l0 164 -130 -74c-2,-1 -6,-3 -8,-5 -6,-5 -5,-9 -4,-20l0 -144zm153 -102c9,0 30,14 38,19 30,16 65,37 96,54 4,2 5,4 10,5l0 2c-5,2 -30,17 -36,20l-36 20c-11,7 -23,14 -34,20 -46,26 -29,25 -64,5 -5,-3 -24,-14 -29,-15 4,-5 40,-21 43,-28 3,-7 1,-13 -5,-16 -9,-5 -19,4 -31,11 -5,2 -29,17 -31,17 -5,0 -54,-32 -62,-34 3,-4 110,-64 122,-71 4,-2 15,-9 19,-9zm-178 89l0 172c0,10 7,18 12,23 5,5 63,37 70,41l70 40c24,13 28,15 53,1 17,-9 136,-77 141,-82 6,-6 13,-14 13,-24l0 -168c0,-7 -4,-15 -7,-20l-5 -5c0,0 0,0 0,0 -5,-5 -6,-5 -11,-8l-36 -20c-8,-4 -15,-9 -23,-13l-35 -21c-4,-2 -8,-4 -12,-6 -8,-5 -16,-10 -24,-14 -21,-12 -28,-15 -53,0 -23,14 -130,73 -140,80 -6,5 -13,15 -13,24z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--lokasiIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 648 648' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M197 469l63 0 0 94 -63 0 0 -94zm-33 -18l0 112 -79 0 0 -165c0,-4 13,-12 16,-15l128 -102c11,10 23,19 35,29l99 79c3,3 8,5 8,9l0 165 -78 0 0 -105c0,-12 -5,-22 -16,-22l-95 0c-9,0 -18,5 -18,15zm81 -201l0 -152c0,-8 8,-13 15,-13l288 0c8,0 15,5 15,13l0 465 -159 0 0 -169c0,-12 -7,-20 -14,-25l-65 -52c0,-11 3,-29 -6,-36 -8,-7 -23,-6 -26,8 -7,-1 -2,0 -7,-4l-18 -14c-4,-3 -8,-6 -12,-10 -3,-2 -11,-7 -11,-11zm-33 3c-7,5 -14,10 -21,16 -38,30 -88,72 -126,101 -6,5 -13,14 -13,25l0 170c0,16 14,31 30,31l484 0c16,0 30,-14 30,-30l0 -471c0,-21 -21,-43 -49,-43l-285 0c-20,0 -33,9 -41,20 -12,15 -9,30 -9,55 0,42 0,84 0,126zm272 39c0,21 -5,49 16,49 22,0 17,-28 17,-49 0,-21 -33,-21 -33,0zm-192 -128c0,27 -5,48 18,48 19,0 15,-29 15,-48 0,-21 -33,-21 -33,0zm192 0c0,27 -5,48 18,48 19,0 15,-29 15,-48 0,-21 -33,-21 -33,0zm-65 260c0,11 -4,45 15,45 24,0 18,-23 18,-50 0,-19 -33,-23 -33,5zm65 -2c0,19 -5,47 16,47 21,0 17,-28 17,-47 0,-24 -33,-24 -33,0zm-65 -252c0,21 -4,42 18,42 20,0 15,-26 15,-49 0,-18 -33,-25 -33,7zm-63 120l0 36c0,19 33,22 33,-6l0 -24c0,-27 -33,-24 -33,-6zm63 6l0 24c0,28 33,25 33,6l0 -36c0,-18 -33,-21 -33,6zm-63 -133c0,30 -5,49 18,49 23,0 15,-52 12,-57 -9,-14 -30,-6 -30,8z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--areaIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5169 5169' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M3766 1789c0,143 16,156 100,282 48,72 87,130 134,201 47,70 83,125 130,194 77,116 102,122 102,232 -26,6 -27,12 -59,12l-2740 0 0 -1782 2752 0c136,0 -56,250 -63,260l-253 381c-39,59 -103,133 -103,220zm-2596 -1196l0 3900c-270,0 -503,-50 -503,143 0,65 55,120 120,120l1041 0c141,0 196,-263 -60,-263l-335 0 0 -1520 2740 0c219,0 459,-228 241,-552 -38,-57 -385,-551 -385,-608 0,-23 168,-264 191,-299 68,-101 132,-199 201,-302 199,-295 2,-548 -284,-548l-2704 0c0,-93 25,-251 -132,-251 -93,0 -131,83 -131,180z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--contactIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1803 1803' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M323 378c0,-80 56,-142 130,-142l985 0c36,0 67,15 86,34 20,19 43,46 43,83l0 1097c0,57 -60,117 -117,117l-1001 0c-74,0 -126,-67 -126,-142l0 -33 51 0c51,0 60,-92 -17,-92l-34 0 0 -351 34 0c77,0 68,-91 17,-91l-51 0 0 -355c30,0 91,8 91,-46 0,-54 -61,-46 -91,-46l0 -33zm-91 16l0 17c-28,0 -88,-7 -88,46 0,53 60,46 88,46l0 355c-33,0 -88,-9 -88,45 0,50 60,46 88,46l0 351c-22,0 -49,-2 -66,9 -41,25 -19,83 20,83l46 0c0,86 11,139 55,190 30,36 93,77 158,77l1009 0c72,0 150,-57 183,-123 9,-18 22,-56 22,-82l0 -1097c0,-66 -34,-115 -68,-149 -35,-36 -88,-64 -158,-64l-980 0c-91,0 -176,65 -205,145 -11,29 -16,65 -16,105zm717 464c-46,0 -92,-20 -124,-51 -148,-149 28,-370 195,-288 38,19 71,49 88,88 22,49 20,96 1,143 -8,19 -22,39 -35,52 -31,32 -81,56 -125,56zm-371 242c-13,44 -26,74 -31,127 -3,44 -7,112 7,148 22,17 24,23 60,13 26,-41 21,-26 21,-88 0,-94 11,-182 79,-248 19,-19 32,-34 57,-52 67,-46 200,-72 252,-42 86,17 168,88 205,168 52,114 16,208 35,244 11,19 44,32 67,14 33,-24 19,-113 16,-159 -8,-126 -73,-227 -171,-296 -16,-11 -43,-29 -63,-34 6,-22 9,-5 35,-40 26,-33 31,-32 52,-86 21,-57 19,-121 0,-178 -70,-209 -345,-235 -462,-79 -135,181 2,363 45,375l0 8c-19,2 -51,24 -66,34 -65,45 -103,101 -138,171z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--aturIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5537 5537' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M2005 2349c-221,0 -368,-28 -535,-195 -239,-239 -264,-622 -62,-889 459,-608 1459,-95 1172,659 -86,224 -333,425 -575,425zm-1000 -820c-121,0 -419,-18 -498,27 -119,68 -61,255 63,255l435 0c9,369 440,820 872,820 361,0 552,-67 804,-336 102,-109 173,-276 204,-425 11,-57 3,-58 67,-61 78,-4 176,2 257,2l1500 0c221,0 384,42 384,-154 0,-83 -82,-128 -166,-128l-2038 0c0,-107 -66,-253 -107,-329 -24,-46 -56,-93 -88,-129 -38,-42 -59,-78 -105,-114 -86,-66 -159,-125 -267,-168 -346,-137 -751,-87 -1006,166 -138,137 -306,360 -311,574zm2602 3011c-380,0 -692,-287 -692,-641 0,-311 138,-550 402,-661 512,-214 967,210 955,622 -10,373 -302,680 -665,680zm-961 -820l-2064 0c-184,0 -184,282 0,282l2064 0c3,175 167,469 300,571 49,38 71,62 122,95 459,303 1097,142 1356,-335 45,-82 105,-212 105,-331l410 0c208,0 208,-282 0,-282l-410 0c0,-201 -159,-440 -291,-567 -382,-369 -1029,-340 -1396,110 -90,110 -193,312 -196,457zm-833 -2332c0,192 150,116 228,194 82,82 0,229 194,229 253,0 110,-551 -269,-551 -82,0 -153,48 -153,128zm1640 2191c0,198 167,111 234,189 49,59 19,234 176,234 261,0 152,-551 -282,-551 -72,0 -128,56 -128,128z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--listIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1077 1077' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M405 152c0,15 13,28 27,28l529 0c40,0 40,-55 0,-55l-529 0c-14,0 -27,13 -27,27zm0 319c0,15 13,28 27,28l529 0c40,0 40,-55 0,-55l-529 0c-14,0 -27,13 -27,27zm0 319c0,15 13,28 27,28l529 0c40,0 40,-55 0,-55l-529 0c-14,0 -27,13 -27,27zm-264 65c0,-67 104,-66 104,0 0,72 -104,72 -104,0zm-55 3c0,42 25,78 63,96 29,13 58,14 86,1 67,-30 88,-110 36,-171 -57,-67 -185,-30 -185,74zm55 -641c0,-67 104,-66 104,0 0,52 -58,70 -89,40 -9,-10 -15,-22 -15,-40zm-55 3c0,31 15,59 32,75 30,30 76,40 117,22 71,-32 86,-118 36,-171 0,0 -1,0 -1,-1l-12 -11c-33,-28 -92,-29 -128,-2l-11 11c-18,17 -33,43 -33,77zm55 316c0,-67 104,-66 104,0 0,52 -58,70 -89,40 -9,-10 -15,-22 -15,-40zm-55 3c0,16 4,31 9,43 4,9 16,26 23,32 28,29 76,40 117,22 72,-32 86,-120 35,-172l-12 -11c-36,-31 -98,-30 -138,8 -1,0 -1,0 -1,1 -1,0 -1,1 -2,1 0,0 -1,1 -1,1 -16,17 -30,42 -30,75zm319 -257c0,16 9,30 25,30l324 0c29,0 42,-55 -13,-55l-299 0c-19,0 -37,9 -37,25zm0 638c0,16 9,30 25,30l324 0c22,0 35,-32 13,-49 -6,-4 -15,-6 -26,-6l-299 0c-19,0 -37,9 -37,25zm0 -319c0,16 9,30 25,30l324 0c29,0 41,-55 -13,-55l-299 0c-10,0 -18,2 -24,5 -6,4 -13,12 -13,20z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--phoneIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1762 1762' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M1000 1258c17,-18 138,-37 220,-181 7,-13 38,-88 42,-91 2,-104 45,-49 -28,-194 -7,-16 -12,-26 -20,-41 -24,-47 -14,-50 38,-119 10,-13 16,-23 25,-35l52 -72c15,-21 42,-56 74,-29 22,19 61,91 71,117 12,29 24,54 33,89 9,33 15,63 20,102 20,131 -17,295 -81,402 -56,93 -55,73 -93,123 -28,37 -117,100 -155,122 -195,108 -412,101 -597,19 -19,-9 -100,-53 -110,-74 -8,-16 -4,-34 7,-46l143 -105c13,-9 22,-16 36,-26 42,-31 47,-18 125,21 70,35 67,41 144,28 20,-3 36,-10 54,-10zm111 -543c0,57 73,158 73,180 0,109 -73,210 -172,260 -146,72 -159,-11 -259,-37 -72,-20 -111,17 -152,46 -41,29 -79,57 -121,87 -42,31 -83,58 -83,129 0,75 61,112 114,143 229,131 517,133 741,-1 49,-30 113,-76 153,-116l41 -46c151,-188 212,-416 154,-657 -22,-92 -58,-165 -109,-241 -55,-83 -153,-83 -212,-19l-124 170c-20,26 -44,58 -44,102zm-971 159c0,61 63,66 84,28 7,-12 8,-92 16,-139 47,-262 257,-472 519,-522 21,-4 69,-11 95,-11 22,0 58,6 70,-32 7,-25 -6,-58 -50,-58 -399,0 -734,336 -734,734zm722 -383c-7,2 -39,2 -50,4 -19,3 -28,5 -45,11 -34,11 -49,18 -78,33 -40,20 -92,67 -118,102 -35,47 -57,87 -72,148 -4,13 -14,81 -11,96 6,29 33,50 62,37 31,-13 28,-43 31,-80 2,-29 14,-65 24,-86 12,-25 24,-47 42,-68 112,-133 237,-97 263,-120 9,-8 18,-25 16,-39 -3,-22 -22,-37 -41,-41 -21,-4 -23,3 -23,3zm-216 877c0,38 44,49 73,57 41,11 163,52 163,-24 0,-19 -11,-34 -25,-40l-109 -22c-10,-2 -48,-16 -53,-16 -24,0 -49,23 -49,45z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--addressIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5169 5169' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M1023 2296c0,-352 133,-734 350,-990 958,-1126 2772,-512 2772,1026 0,431 -214,820 -493,1097l-228 228c-40,40 -72,74 -113,114l-461 448c-190,189 -154,218 -296,218 -50,0 -189,-183 -230,-224 -78,-79 -149,-150 -227,-228l-294 -268c-224,-207 -432,-429 -590,-691 -54,-90 -103,-202 -133,-321 -28,-107 -57,-272 -57,-409zm-263 0c0,385 128,727 308,995l233 294c43,47 86,86 131,131l533 509c101,101 168,161 258,269 134,160 198,206 391,206 179,0 250,-122 320,-194l258 -269c28,-24 37,-26 65,-54l717 -718 215 -312c388,-723 253,-1584 -322,-2158 -129,-130 -285,-243 -448,-330 -457,-246 -1123,-265 -1595,-32 -218,107 -362,201 -535,374 -131,130 -292,356 -369,540 -97,233 -160,480 -160,749zm1447 0c0,-213 163,-383 359,-383l60 0c160,0 335,174 335,335 0,146 0,198 -117,314 -224,225 -637,65 -637,-266zm-263 -12c0,361 283,646 658,646 322,0 622,-290 622,-610 0,-212 -47,-347 -191,-491 -378,-381 -1089,-123 -1089,455z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--exclamationIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5537 5537' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M442 1660l0 2230c0,308 145,625 350,829 110,111 192,177 338,252 114,58 313,123 479,123l2319 0c164,0 351,-60 462,-115 86,-43 193,-103 265,-170 151,-141 214,-200 320,-411 58,-116 119,-303 119,-470l0 -2319c0,-162 -63,-358 -119,-471 -74,-146 -145,-235 -256,-346 -187,-188 -484,-350 -855,-350l-2204 0c-655,0 -1218,563 -1218,1218zm1188 -937l2276 0c501,0 912,410 912,911l0 2268c0,502 -411,912 -912,912l-2276 0c-501,0 -911,-410 -911,-912l0 -2268c0,-501 410,-911 911,-911zm1138 2850l0 0c136,0 247,129 247,287l0 59c0,158 -111,287 -247,287l0 0c-135,0 -246,-129 -246,-287l0 -59c0,-158 111,-287 246,-287zm0 -2242l0 0c136,0 247,129 247,287l0 1348c0,157 -111,287 -247,287l0 0c-135,0 -246,-130 -246,-287l0 -1348c0,-158 111,-287 246,-287z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--exclamationSolidIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1319 1319' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M659 1213c-306,0 -554,-248 -554,-554 0,-306 248,-554 554,-554l0 204 0 0c-40,0 -73,33 -73,74l0 330c0,41 33,74 73,74l0 0 0 65 0 0c-40,0 -73,33 -73,74l0 10c0,40 33,73 73,73l0 0 0 204zm0 0c306,0 554,-248 554,-554 0,-306 -248,-554 -554,-554l0 204c41,0 74,33 74,74l0 330c0,41 -33,74 -74,74l0 65c41,0 74,33 74,74l0 10c0,40 -33,73 -74,73l0 204z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--beratIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 485 485' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M69 315l18 -19 102 102 -19 19 -101 -102zm0 -72l18 -18 174 173 -19 19 -173 -174zm227 -156l18 -18 102 101 -18 19 -102 -102zm-72 0l18 -18 174 173 -18 19 -174 -174zm-25 0c0,13 11,20 18,27 9,9 64,63 67,68l-102 102c-4,-3 -38,-37 -45,-44 -8,-8 -15,-15 -22,-23 -8,-7 -15,-18 -28,-18 -12,0 -17,7 -23,14 -6,5 -15,12 -18,19 -11,23 15,34 23,47 -7,10 -40,28 -19,52 9,10 37,36 42,43 -5,8 -30,26 -30,36 0,6 10,20 23,7 3,-3 5,-6 8,-9 5,-4 12,-13 17,-16 27,18 49,71 81,39 4,-5 11,-11 15,-16 11,8 19,26 37,26 12,0 19,-9 25,-16 10,-10 17,-14 17,-29 0,-12 -11,-20 -18,-26 -9,-9 -64,-63 -67,-68l102 -102c5,3 59,58 68,67 10,10 14,18 30,18 11,0 19,-10 25,-16 5,-6 16,-15 16,-25 0,-20 -18,-26 -26,-38 5,-4 11,-10 15,-15 34,-33 -19,-53 -38,-81 8,-12 30,-24 30,-35 0,-7 -6,-13 -12,-13 -10,0 -28,25 -36,30 -7,-5 -33,-33 -43,-42 -24,-21 -42,12 -52,19 -13,-8 -24,-33 -46,-23 -8,3 -14,11 -20,17 -6,6 -14,12 -14,24z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--beratSatuanIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1077 1077' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M221 874c0,-29 73,-306 83,-348 5,-18 13,-36 24,-46 12,-9 32,-20 52,-20l317 0c41,0 67,29 75,64l57 227c5,17 10,38 14,56 8,29 13,38 13,69 0,29 -31,60 -60,60l-516 0c-29,0 -59,-32 -59,-62zm239 -521l157 0 0 52 -157 0 0 -52zm-267 -140c0,-34 -8,-72 30,-72l636 0c33,0 24,48 24,80 0,41 -36,77 -69,77l-546 0c-43,0 -75,-38 -75,-85zm-55 -40c0,56 0,94 33,134 19,21 56,46 94,46l140 0 0 52c-58,0 -102,11 -134,60 -22,33 -61,213 -74,265 -6,24 -11,44 -17,68 -14,54 -29,103 19,155 15,16 48,38 79,38l521 0c16,0 31,-6 43,-12 17,-9 21,-11 33,-24 52,-51 37,-101 22,-160l-51 -203c-9,-39 -21,-101 -41,-129 -35,-49 -72,-58 -133,-58l0 -52 139 0c67,0 127,-61 127,-135l0 -52c0,-43 -37,-80 -79,-80l-641 0c-47,0 -80,40 -80,87zm270 536c0,-43 5,-72 37,-104 47,-46 121,-51 173,-12 19,14 33,31 43,55 57,143 -132,250 -226,131 -13,-15 -27,-43 -27,-70zm-55 -20c0,51 7,83 37,122 43,57 119,88 193,69 34,-9 64,-25 88,-49l29 -39c9,-13 15,-31 20,-50 10,-38 6,-84 -8,-115 -28,-62 -91,-115 -160,-115l-22 0c-92,0 -177,86 -177,177zm159 -72l0 85c0,30 55,35 55,-10 0,-54 10,-100 -30,-100 -14,0 -25,11 -25,25z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--kodeIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1762 1762' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M231 814l0 -457c0,-68 58,-126 126,-126l457 0c71,0 142,91 203,151 60,61 117,118 177,178 60,60 117,117 177,177 31,31 59,59 90,90 44,44 70,61 70,125 0,48 -25,69 -49,93l-437 437c-119,119 -194,3 -302,-104 -60,-61 -118,-119 -179,-180 -61,-61 -119,-119 -180,-179 -30,-31 -58,-59 -89,-90 -28,-28 -64,-61 -64,-115zm-90 -453l0 453c0,112 97,184 156,243 85,86 460,468 526,522 41,34 81,42 133,42 96,0 153,-77 203,-127l331 -331c83,-83 131,-109 131,-231 0,-28 -11,-57 -21,-77 -22,-46 -104,-120 -143,-159 -58,-58 -472,-476 -501,-498 -19,-15 -33,-27 -59,-39 -22,-9 -54,-18 -83,-18l-453 0c-122,0 -220,98 -220,220zm249 -31c30,0 55,25 55,55 0,30 -25,54 -55,54 -30,0 -54,-24 -54,-54 0,-30 24,-55 54,-55z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--moneyIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1062 1062' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M218 792l0 -162c0,-90 48,-171 111,-218 13,-10 53,-38 73,-38l258 0c20,0 59,26 71,35 23,17 37,31 55,53 28,34 59,98 59,158l0 185c0,56 -61,118 -118,118l-386 0c-67,0 -123,-60 -123,-131zm585 -393l0 0zm-57 -133l0 0zm-90 54l-59 0c1,-16 14,-38 14,-51 0,-25 -32,-36 -47,-18 -6,7 -23,61 -24,69l-15 0c-5,-11 -11,-31 -15,-46 -20,-60 -58,-24 -58,-5 0,3 15,47 17,51l-62 0c-10,-19 -69,-129 -69,-137 0,-22 6,-45 37,-45l312 0c21,0 40,17 40,37 0,12 -27,63 -34,75 -7,12 -12,22 -19,35 -6,13 -11,24 -18,35zm147 79c19,0 46,11 60,1 15,-12 14,-34 -2,-44 -11,-8 -93,-18 -115,-23 21,-18 70,-39 74,-58 4,-20 -13,-36 -31,-33 -16,4 -28,20 -43,24 6,-24 37,-58 35,-93 -3,-38 -24,-65 -52,-79 -27,-14 -76,-10 -118,-10 -38,0 -235,-3 -255,3 -34,8 -58,29 -68,62 -14,46 8,71 22,99l43 87c-29,16 -59,33 -82,56 -53,54 -83,98 -101,179 -9,41 -10,228 0,268 4,18 11,35 20,49 14,24 29,40 50,55 22,16 46,26 74,32 28,6 232,3 278,3 99,0 168,15 240,-41 74,-58 67,-132 67,-213 0,-117 6,-188 -64,-285 -10,-14 -22,-25 -32,-39zm-297 103l0 27c-30,0 -47,6 -63,24 -20,22 -16,40 -16,72 0,81 103,64 150,64 9,14 7,11 7,34 0,25 -35,18 -76,18 -24,0 -69,-10 -69,27 0,8 6,16 11,20 12,9 38,7 56,7 0,19 -5,51 27,51 29,0 27,-35 27,-51 53,0 78,-30 78,-81 0,-41 -16,-65 -47,-76 -37,-12 -110,9 -110,-13 0,-50 -12,-42 79,-42 34,0 64,8 64,-29 0,-30 -44,-25 -64,-25 0,-13 1,-28 -6,-39 -13,-23 -48,-12 -48,12z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--coinsIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 760' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M280 618l0 0zm64 -31c-133,0 -245,-107 -245,-247 0,-212 262,-323 416,-169 44,44 71,107 71,171 0,34 -10,77 -21,100 -32,62 -60,91 -121,122 -21,10 -46,17 -71,20 -8,1 -22,3 -29,3zm274 -306l19 33c20,38 27,87 22,134 -20,172 -214,267 -363,181l-12 -8c-3,-2 -1,0 -4,-3 14,0 43,10 80,6 32,-4 39,-3 74,-14 82,-28 148,-94 175,-176 4,-12 7,-21 10,-35 6,-31 5,-48 4,-80 0,-14 -5,-26 -5,-38zm0 0l0 0zm-558 54c0,71 21,138 64,186 32,35 21,24 58,53 7,6 12,16 19,24 7,8 13,14 21,22 7,8 15,14 23,21 9,7 18,12 27,18 64,38 141,51 216,32l37 -12c5,-2 8,-4 12,-6 46,-18 100,-69 124,-112 13,-25 22,-43 29,-71 28,-104 -6,-204 -79,-277 -29,-30 -16,-4 -55,-54 -16,-21 -49,-47 -72,-60 -78,-45 -178,-53 -261,-13 -62,30 -107,75 -137,138 -13,27 -26,71 -26,111zm262 -100l0 14c-16,0 -26,-1 -40,12 -25,24 -23,86 19,99 21,7 78,-7 78,8 0,37 8,30 -57,30 -20,0 -45,-5 -45,21 0,22 29,18 45,18 0,17 -2,37 22,37 21,0 17,-23 17,-37l9 0c25,0 47,-20 47,-46 0,-23 3,-34 -11,-51 -23,-28 -67,-11 -99,-19 -3,-12 -3,-20 0,-32 22,-5 72,1 86,-3 25,-6 17,-37 -2,-37l-30 0 0 -21c0,-22 -39,-26 -39,7zm206 126c13,0 21,-6 21,-21 0,-43 -14,-81 -35,-113 -19,-28 -53,-59 -81,-71 -37,-15 -49,-20 -93,-20 -15,0 -22,20 -12,32 14,16 64,-5 123,46 5,5 9,7 14,13l13 16c18,26 27,47 32,81 1,10 -3,37 18,37zm-392 -21c0,70 26,119 75,163 12,10 32,22 47,28 13,6 103,39 103,1 0,-9 -2,-15 -11,-19 -9,-4 -105,5 -158,-95 -22,-40 -12,-77 -24,-89 -11,-11 -32,-4 -32,11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--walletIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 410 410' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M226 206c0,-24 18,-41 44,-41l85 0c8,0 12,4 12,12l0 58c0,5 -4,10 -11,10l-91 0c-22,0 -39,-18 -39,-39zm-21 -1c0,34 27,61 60,61l81 0 0 44c0,12 -13,27 -29,27l-244 0c-16,0 -30,-14 -30,-30l0 -204c0,-8 5,-17 10,-21 5,-5 12,-8 23,-8l238 0c17,0 32,11 32,28l0 42 -76 0c-28,0 -48,13 -59,35 -4,7 -6,15 -6,26zm-183 -102l0 203c0,29 23,51 52,51l242 0c21,0 38,-12 45,-26 5,-11 6,-15 6,-30 0,-13 0,-25 0,-37 2,0 3,-1 5,-2 1,0 3,-1 4,-2 2,-2 4,-5 6,-7 4,-6 6,-12 6,-22l0 -52c0,-16 -9,-31 -21,-32 0,-13 0,-25 0,-37 0,-23 -6,-39 -25,-50 -9,-5 -18,-7 -31,-7l-234 0c-18,0 -26,4 -38,14 -8,6 -17,22 -17,36zm246 113l15 0c18,0 16,-21 4,-21l-23 0c-11,0 -13,21 4,21z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--dateIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 592 592' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M77 472l0 -278 437 0 0 282c0,19 -19,38 -38,38l-360 0c-17,0 -39,-19 -39,-42zm0 -323c0,-12 8,-25 14,-31 19,-16 42,-12 73,-12l0 11c0,25 30,22 30,6l0 -17 204 0c0,10 -3,30 15,30 18,0 15,-20 15,-30l40 0c24,0 46,17 46,41l0 17 -437 0 0 -15zm87 -81l0 8c-46,0 -62,-4 -93,20 -11,9 -24,32 -24,53l0 322c0,40 34,74 70,74l360 0c24,0 50,-19 60,-41 3,-6 8,-18 8,-27l0 -331c0,-39 -34,-70 -81,-70l-36 0c0,-9 2,-29 -15,-29 -17,0 -15,20 -15,29l-204 0c0,-11 3,-29 -15,-29 -11,0 -15,10 -15,21zm-29 285c0,21 20,16 45,16 18,0 21,-30 -4,-30 -11,0 -41,-4 -41,14zm175 75c0,19 29,15 41,15 25,0 22,-30 4,-30 -21,0 -45,-5 -45,15zm-175 0c0,19 28,15 41,15 25,0 22,-30 4,-30 -22,0 -45,-5 -45,15zm88 -75c0,21 20,16 45,16 17,0 21,-30 -4,-30 -12,0 -41,-3 -41,14zm87 -71c0,19 26,15 43,15 22,0 22,-31 0,-31 -17,0 -43,-4 -43,16zm-175 0c0,19 25,15 42,15 23,0 23,-31 0,-31 -17,0 -42,-4 -42,16zm88 0c0,19 25,15 42,15 22,0 22,-31 0,-31 -17,0 -42,-4 -42,16zm175 0c0,19 25,15 42,15 23,0 23,-31 0,-31 -17,0 -42,-4 -42,16zm0 71c0,21 20,16 45,16 18,0 21,-30 -4,-30 -10,0 -27,-1 -34,3 -3,2 -7,7 -7,11zm-88 0c0,21 21,16 45,16 18,0 21,-30 -4,-30 -9,0 -27,-1 -34,3 -2,2 -7,7 -7,11zm88 75c0,5 3,9 6,12 5,3 53,10 53,-11 0,-21 -17,-16 -45,-16 -8,0 -14,7 -14,15zm-175 0c0,5 3,9 6,12 5,3 53,10 53,-11 0,-21 -18,-16 -46,-16 -7,0 -13,7 -13,15z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--noteIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 356 356' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M299 275l-6 0 0 -35 16 0 0 26c0,5 -4,9 -10,9zm-6 -88l16 0 0 35 -16 0 0 -35zm0 -52l16 0 0 34 -16 0 0 -34zm0 -53l9 0c4,0 7,3 7,7l0 27 -16 0 0 -34zm-204 -35l160 0c7,0 15,4 18,8 4,5 8,11 8,20l0 206c0,15 -11,28 -25,28l-161 0c-11,0 -21,-8 -23,-16 8,0 12,-1 15,-6 2,-6 -1,-12 -7,-12l-10 0 0 -35 6 0c16,0 14,-18 4,-18l-10 0 0 -35 6 0c16,0 14,-18 4,-18l-10 0 0 -34 6 0c16,0 14,-19 4,-19l-10 0 0 -34c6,0 20,0 17,-11 -1,-8 -7,-7 -16,-7 5,-9 12,-17 24,-17zm-42 17c-7,0 -19,-2 -19,9 0,10 12,9 18,9l0 34c-7,0 -18,-1 -18,10 0,2 2,5 4,6 4,3 9,3 14,3l0 34c-7,0 -18,-2 -18,9 0,10 12,9 18,9l0 35c-7,0 -18,-2 -18,9 0,10 12,9 18,9l0 35c-7,0 -18,-2 -18,9 0,2 2,5 4,7 4,2 10,2 15,2 1,13 20,34 41,34l163 0c20,0 40,-20 40,-34 11,0 20,0 27,-8 5,-4 9,-9 9,-18l0 -179c0,-6 -4,-13 -7,-17 -9,-8 -17,-7 -29,-7 0,-9 -9,-20 -14,-25 -8,-6 -17,-11 -28,-11l-160 0c-12,0 -21,6 -28,11 -5,4 -13,16 -14,25zm69 61c0,6 4,10 11,10l84 0c15,0 13,-19 3,-19l-89 0c-5,0 -9,4 -9,9zm0 -36c0,6 3,10 10,10l86 0c13,0 13,-18 0,-18l-86 0c-5,0 -10,3 -10,8zm18 176c0,5 3,10 8,10l54 0c8,0 12,-11 5,-16 -5,-4 -44,-3 -55,-3 -6,0 -12,3 -12,9z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--penyusutanIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 768 768' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M100 632l0 -155c0,-18 17,-36 36,-36l154 0c18,0 36,16 36,34l0 158c0,18 -16,34 -34,34l-158 0c-18,0 -34,-18 -34,-35zm-39 -153l0 151c0,30 17,54 42,68 6,4 20,8 29,8l164 0c33,0 69,-33 69,-73l0 -160c0,-19 -10,-36 -23,-49 -9,-8 -11,-10 -23,-15 -8,-4 -19,-7 -30,-7l-151 0c-42,0 -77,35 -77,77zm180 -185c0,-16 22,-42 29,-54 6,-8 11,-16 17,-24l68 -100c14,-21 42,-20 56,-2 18,22 81,117 102,149 9,14 23,33 5,53 -3,4 -13,10 -20,10l-229 0c-15,0 -28,-20 -28,-32zm-39 0c0,35 31,71 67,71l229 0c50,0 88,-62 56,-111l-84 -122c-11,-17 -30,-48 -45,-58 -38,-24 -80,-13 -106,25l-105 155c-6,9 -12,24 -12,40zm239 263c0,-86 83,-138 159,-106 18,7 33,21 45,36 19,25 22,45 22,75 0,53 -52,105 -105,105 -31,0 -49,-3 -74,-21 -3,-2 -13,-10 -15,-12 -8,-9 -17,-21 -22,-32 -5,-13 -10,-28 -10,-45zm-39 -4c0,33 10,63 27,87l12 15c12,15 29,27 47,36 57,29 130,16 174,-29 54,-53 58,-132 16,-196 -7,-11 -17,-20 -27,-28 -91,-80 -249,-16 -249,115z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--biayaIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1077 1077' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M247 919l0 -761c21,5 55,33 77,33 19,0 41,-14 56,-22 63,-32 39,-32 103,0 56,29 53,29 109,1 7,-3 48,-25 52,-25 12,-2 81,46 106,46 27,0 56,-27 80,-33l0 761c-22,-6 -54,-33 -77,-33 -32,0 -89,42 -106,46 -7,1 -43,-19 -51,-23 -60,-30 -55,-30 -112,-2 -7,3 -47,25 -51,25 -15,2 -74,-46 -109,-46 -26,0 -53,27 -77,33zm-13 -825c-23,0 -42,19 -42,37l0 815c0,9 8,21 12,25 29,29 72,-6 114,-27 12,-6 6,-4 37,11 75,38 65,45 130,13 7,-4 48,-25 52,-26 12,-1 81,46 106,46 24,0 78,-34 101,-44 11,-5 29,8 48,18 9,4 41,21 50,21 23,0 43,-19 43,-42l0 -805c0,-23 -18,-42 -40,-42 -15,0 -39,14 -52,20 -8,5 -15,8 -23,12 -23,12 -10,14 -73,-17 -54,-27 -53,-31 -132,14 -33,18 -21,16 -78,-13 -56,-28 -53,-29 -106,-2 -56,28 -49,31 -71,20 -15,-8 -64,-34 -76,-34zm170 231c0,12 11,28 27,28l215 0c14,0 27,-15 26,-29 -2,-16 -15,-26 -31,-26l-205 0c-19,0 -32,13 -32,27zm107 157c0,20 11,30 30,30l157 0c36,0 36,-54 0,-54l-160 0c-13,0 -27,12 -27,24zm0 108c0,19 13,29 32,29l150 0c44,0 38,-54 7,-54l-164 0c-13,0 -25,12 -25,25zm0 107c0,16 12,27 25,27l164 0c32,0 37,-55 -10,-55l-142 0c-20,0 -37,8 -37,28zm-160 -107c0,37 40,29 75,29 47,0 38,-54 8,-54 -34,0 -83,-9 -83,25zm0 -108c0,38 37,30 78,30 42,0 37,-54 2,-54 -27,0 -80,-8 -80,24zm0 215c0,36 43,27 83,27 30,0 41,-55 -13,-55 -26,0 -70,-5 -70,28z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--giftIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 675 675' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M287 354l100 0 0 232 -100 0 0 -232zm-165 189l0 -189 131 0 0 232 -84 0c-23,0 -47,-21 -47,-43zm384 43l-85 0 0 -232 132 0 0 186c0,24 -23,46 -47,46zm-234 -365l131 0 0 98 -131 0 0 -98zm-185 80l0 -27c0,-31 21,-53 52,-53l98 0 0 98 -137 0c-7,0 -13,-9 -13,-18zm487 18l-137 0 0 -98 100 0c12,0 24,5 33,13l4 4c15,16 13,36 13,59 0,6 -1,11 -3,15 -1,3 -6,7 -10,7zm-352 -176l0 -11c0,-21 22,-44 43,-44l8 0c25,0 47,23 47,49l0 50 -52 0c-22,0 -46,-22 -46,-44zm184 44l-52 0 0 -52c0,-24 23,-47 47,-47l8 0c21,0 44,23 44,44l0 8c0,24 -23,47 -47,47zm-219 -52c0,27 6,33 16,52 -42,0 -77,-5 -107,11 -43,23 -43,64 -43,103 0,24 15,45 34,50 0,58 0,116 0,174 0,26 2,48 21,67 9,10 12,13 25,19 9,5 21,10 36,10l337 0c36,0 65,-26 76,-55 5,-13 5,-21 5,-39 0,-59 0,-118 0,-176 11,-3 20,-11 26,-20 14,-21 9,-78 -1,-98 -15,-29 -43,-47 -78,-46 -21,0 -42,0 -63,0 12,-22 16,-24 16,-53 0,-42 -38,-80 -80,-80 -19,0 -28,1 -44,10 -8,5 -22,14 -24,23 -8,-2 -5,-9 -28,-23 -32,-19 -75,-10 -98,14 -13,12 -26,33 -26,57z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--historyIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 539 539' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M97 55l0 83c0,8 6,12 15,12l78 0c16,0 19,-25 1,-27 -13,-2 -40,0 -55,0 9,-13 41,-30 56,-37 75,-32 161,-14 218,43 34,34 57,80 58,128 0,7 1,6 1,12l-1 23c-1,7 -2,14 -4,21 -8,37 -27,70 -53,97 -12,12 -13,13 -27,23 -50,38 -120,45 -181,25 -8,-3 -13,-6 -19,-8 -17,-7 -51,-32 -61,-45 -9,-12 -11,-11 -23,-30 -48,-81 -14,-119 -45,-119 -8,0 -12,8 -12,16 0,47 16,91 40,125 7,12 16,21 25,31 19,19 40,35 64,46 60,28 133,30 193,1 12,-6 24,-13 35,-20 11,-8 27,-21 35,-32l13 -15c2,-3 4,-4 6,-7 8,-12 14,-22 20,-35 35,-71 27,-164 -21,-228 -40,-55 -103,-95 -184,-95 -48,0 -93,16 -131,42 -5,4 -9,7 -14,10 0,-16 5,-52 -12,-52 -9,0 -15,5 -15,12zm159 80l0 136c0,8 25,29 31,35l49 50c18,18 36,-3 21,-19l-67 -66c-3,-4 -6,-4 -6,-10 -2,-18 3,-121 -3,-131 -6,-13 -25,-7 -25,5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--puzzleIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M180 102c0,-22 19,-43 43,-43l5 0c23,0 47,24 39,55 -1,3 -3,7 -3,10 0,10 7,18 14,21 7,4 55,2 67,2 13,0 23,-1 23,12l0 199c0,9 -4,16 -8,21 -6,5 -13,11 -21,11l-248 0c-11,0 -12,-12 -10,-24 2,-11 1,-23 1,-34 13,6 37,2 50,-4l13 -9c2,-1 3,-2 5,-3 1,-2 2,-3 3,-4 4,-5 6,-7 9,-14 16,-32 3,-73 -30,-90 -14,-7 -37,-9 -51,-2 0,-15 -1,-31 0,-46 0,-17 15,-13 33,-13 15,0 31,0 47,0 14,0 23,-9 23,-23 0,-5 -4,-13 -4,-22zm-18 22c-21,0 -52,-2 -71,0 -40,4 -33,42 -33,80 0,14 10,25 23,25 3,0 7,-2 10,-3 50,-13 77,54 36,80 -22,13 -36,3 -47,3 -13,0 -22,11 -22,25l0 42c0,11 3,20 9,25 6,6 12,12 23,12l248 0c16,0 29,-9 37,-17 9,-9 16,-22 16,-40l0 -199c0,-19 -17,-33 -36,-33l-67 0c0,-8 3,-9 3,-23 0,-35 -31,-65 -62,-65 -15,0 -25,1 -39,9 -8,5 -13,10 -20,18 -4,6 -9,18 -11,27 -3,16 0,22 3,34z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--transferIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 662 662' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M53 199c0,12 9,17 15,24 8,7 14,13 21,20 12,12 98,100 104,103 8,4 24,2 24,-16 0,-11 -42,-48 -51,-58l-55 -55 277 0c8,0 13,1 18,-3 6,-3 7,-9 7,-15 0,-22 -41,-16 -63,-16l-239 0 95 -95c7,-8 11,-8 11,-20 0,-8 -8,-15 -17,-15 -9,0 -16,9 -21,14l-111 110c-4,5 -15,14 -15,22zm392 133c0,11 42,48 51,58l55 55 -279 0c-29,0 -26,23 -16,30 8,6 41,4 56,4 79,0 159,0 239,0 -12,17 -106,99 -106,112 0,13 7,18 18,18 10,0 32,-26 39,-33l91 -91c21,-21 22,-24 1,-45l-109 -109c-9,-9 -12,-16 -25,-16 -8,0 -15,8 -15,17z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--usernameIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 880 880' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M449 547l-14 0c-52,0 -102,-48 -102,-100 0,-35 6,-58 31,-83 40,-40 106,-42 148,-4l5 5c31,31 40,75 23,118 -14,35 -53,64 -91,64zm-379 -110c0,101 39,194 107,262 7,7 14,16 23,22 8,7 16,14 25,20 9,6 18,13 27,18 119,68 266,69 383,-4 10,-6 18,-13 28,-19 9,-6 17,-14 25,-22 12,-11 20,-11 20,-31 0,-6 -3,-10 -7,-14 -27,-23 -37,23 -115,62 -109,55 -232,42 -333,-25 -47,-31 -82,-78 -107,-129 -60,-118 -29,-274 62,-365 32,-31 52,-45 93,-66 90,-45 214,-41 301,12 8,5 16,9 24,15 14,10 20,13 33,26 11,11 4,1 19,19 12,15 9,8 27,33 11,15 20,30 29,48 23,46 31,91 31,148 0,78 -118,113 -160,37 -19,-36 -4,-48 -20,-95 -10,-27 -29,-51 -49,-68 -30,-25 -62,-33 -103,-33 -75,0 -145,70 -145,145 0,30 2,48 16,76 10,19 17,27 32,41 36,37 97,54 149,36 37,-12 68,-35 86,-70 8,6 12,14 21,21 8,6 14,11 23,17 53,29 115,19 155,-19 32,-31 40,-63 40,-108 0,-55 -18,-107 -35,-145 -53,-119 -189,-212 -332,-212 -204,0 -373,163 -373,367z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--generateIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1312 1312' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M1140 633c0,90 -7,154 -45,231 -13,27 -26,50 -43,73 -18,25 -26,31 -38,47 -33,42 -105,89 -150,111 -148,73 -337,57 -474,-33 -12,-9 -54,-39 -61,-49 42,0 98,3 137,0 40,-3 41,-67 -12,-67l-179 0c-20,0 -40,11 -40,30l0 201c0,21 16,30 37,30 43,0 30,-84 30,-127 55,37 66,55 147,87 143,57 298,55 437,-10 9,-4 16,-6 23,-11l62 -38c59,-40 126,-110 161,-173l23 -44c7,-17 13,-29 20,-47 36,-103 45,-226 13,-332 -5,-18 -10,-35 -16,-53 -26,-65 -72,-24 -70,1 0,12 38,87 38,173zm-1035 22c0,77 12,128 35,195 24,69 71,29 71,8 0,-29 -40,-71 -40,-213 0,-93 39,-201 88,-267 9,-13 17,-22 27,-35 74,-95 217,-171 377,-171 104,0 178,31 257,78 13,7 56,39 62,49 -19,0 -130,-2 -143,3 -31,11 -29,64 16,64l191 0c11,0 21,-7 26,-14 6,-8 8,-19 8,-32l0 -176c0,-36 -37,-52 -59,-28 -10,10 -9,16 -8,34 0,29 0,57 0,85 -13,-8 -22,-17 -35,-26 -14,-9 -21,-15 -36,-24 -148,-89 -351,-108 -509,-32 -32,16 -57,27 -88,49l-57 46c-17,15 -19,14 -36,35 -6,8 -10,10 -16,17 -10,11 -21,27 -30,39 -62,83 -101,210 -101,316z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--jabatanIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2577 2577' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M868 2204l78 -566c3,-23 11,-58 11,-84 174,92 407,116 591,35 14,-6 29,-12 46,-20 37,-18 27,-20 49,145l72 490c-18,-5 -40,-21 -54,-30l-154 -97c-272,-171 -174,-154 -429,-2 -67,39 -152,98 -210,129zm-149 -1253c0,-481 509,-739 891,-485 17,11 23,15 38,27 15,14 24,19 38,33 79,76 172,226 172,378 0,111 -4,179 -54,280 -88,179 -281,322 -483,322 -172,0 -277,-31 -402,-135 -16,-14 -23,-17 -38,-33l-61 -77c-57,-86 -101,-192 -101,-310zm-132 -24c0,176 56,322 152,445 9,12 13,15 23,25 31,36 20,36 76,73l-26 183c-8,59 -18,128 -27,188 -9,63 -17,120 -26,183 -4,29 -8,61 -12,95l-11 103c0,66 66,119 132,119 36,0 90,-36 114,-52l309 -192 308 193c66,43 136,81 204,14 11,-11 19,-17 27,-33 26,-54 13,-84 5,-140l-66 -464c-5,-33 -9,-60 -14,-94 -19,-141 -25,-69 78,-194 29,-35 54,-71 77,-114 105,-195 103,-428 13,-630 -44,-99 -110,-171 -186,-237 -237,-207 -593,-211 -850,-36 -63,43 -130,110 -173,173 -75,109 -127,245 -127,392zm639 -375c0,37 13,60 55,69 45,9 92,-8 184,55l64 56c102,113 54,217 97,254 25,21 58,22 84,2 68,-51 10,-318 -204,-442 -53,-30 -280,-110 -280,6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--lockIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71691 71691' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M50281 62322l-29203 0c-2253,0 -4646,-2394 -4646,-4646l0 -18584c0,-2850 2540,-4978 5641,-4978l27213 0c3665,0 5973,2172 5973,5808l0 16758c0,3102 -2128,5642 -4978,5642zm-26880 -39989c0,-2081 343,-3651 945,-5194 630,-1613 1409,-2668 2421,-3885 748,-900 2567,-2106 3656,-2649 7622,-3805 17701,1621 17701,11064l0 8795 -24723 0 0 -8131zm-3651 332l0 8130c-2732,61 -6969,3865 -6969,8131l0 18916c0,1037 493,2433 829,3153 604,1296 1666,2484 2820,3320 1180,853 2881,1658 4482,1658l29535 0c2563,0 5055,-1614 6257,-3035 1507,-1781 2206,-3868 2206,-7087l0 -15432c0,-2814 -657,-4760 -1892,-6405 -929,-1237 -3262,-3174 -5243,-3219l0 -9292c0,-11730 -12865,-19199 -22846,-14217 -910,455 -1720,906 -2497,1486 -1395,1041 -2049,1634 -3127,3011 -954,1219 -1685,2382 -2275,3865 -860,2159 -1280,4057 -1280,7017zm14270 23728c0,2643 -580,5476 1825,5476 2304,0 1826,-3427 1826,-4978 0,-3017 -3651,-2619 -3651,-498z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--unlockIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2777 2777' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M1948 2414l-1132 0c-87,0 -180,-93 -180,-180l0 -720c0,-60 34,-111 66,-140 33,-31 91,-53 153,-53l1054 0c142,0 231,84 231,225l0 649c0,120 -82,219 -192,219zm-1183 -1537l0 315c-111,3 -270,154 -270,315l0 733c0,40 19,94 32,122 24,50 65,96 109,129 46,33 112,64 174,64l1144 0c99,0 196,-63 242,-118 59,-69 86,-149 86,-274l0 -598c0,-240 -146,-385 -386,-385l-990 0c0,-169 -17,-378 37,-517 24,-62 55,-103 94,-150 29,-35 99,-82 141,-103 136,-68 294,-60 427,7 58,29 113,72 150,120 182,240 45,373 186,373 177,0 11,-688 -565,-688 -90,0 -194,29 -255,60 -36,17 -67,35 -97,57 -54,41 -80,64 -121,117 -37,47 -66,92 -88,150 -34,83 -50,157 -50,271zm553 920c0,102 -23,212 70,212 90,0 71,-133 71,-193 0,-117 -141,-102 -141,-19z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--timesIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 281 281' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M194 72l-54 53 -53 -53c-1,-1 -3,-2 -4,-3 -3,-1 -8,0 -11,3 -2,2 -3,3 -3,6 -1,4 0,7 3,9l53 53 -53 54c-3,2 -3,6 -3,9 0,0 0,1 0,2 1,1 2,2 3,3l0 1c5,4 11,4 15,0l53 -53 53 53c2,2 5,3 8,3 8,0 13,-7 10,-14 0,-1 -1,-3 -2,-4l-53 -54 53 -53c6,-6 2,-18 -8,-18 -1,0 -2,0 -3,1 -2,0 -3,1 -4,2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--toastSuccessIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1362 1362' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M109 408l0 549c0,76 35,154 86,204 27,27 47,43 83,62 28,14 77,30 118,30l570 0c41,0 87,-15 114,-28 21,-11 48,-25 65,-42 37,-35 53,-49 79,-101 14,-29 29,-75 29,-116l0 -570c0,-40 -15,-88 -29,-116 -18,-36 -36,-58 -63,-85 -46,-46 -119,-86 -210,-86l-543 0c-161,0 -299,138 -299,299zm292 -230l560 0c123,0 224,101 224,224l0 558c0,123 -101,224 -224,224l-560 0c-123,0 -224,-101 -224,-224l0 -558c0,-123 101,-224 224,-224zm202 739c-9,0 -21,-20 -28,-28l-35 -47c-4,-6 -7,-11 -12,-16l-94 -128c-11,-14 -17,-23 -37,-23 -23,0 -44,33 -19,66l63 85c6,7 10,14 16,21l23 32c3,3 5,7 8,11 5,7 11,13 16,20l16 22c2,3 5,6 8,10 2,3 5,7 7,10 18,24 31,43 72,43 9,0 18,-3 25,-6 19,-9 26,-19 38,-37 14,-21 41,-65 53,-85l46 -76c30,-51 62,-102 92,-152 8,-13 15,-25 23,-38l81 -133c10,-17 30,-44 30,-63 0,-10 -4,-20 -9,-25 -7,-8 -14,-12 -20,-13l-5 0c-12,2 -23,12 -32,25 -10,16 -17,29 -26,44l-38 62c-4,6 -7,12 -11,18l-231 379c-1,4 -3,6 -5,9 -3,6 -7,13 -15,13z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--toastWarningIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 902 902' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M118 634l0 -361c0,-85 70,-155 155,-155l361 0c43,0 81,21 103,43 25,26 47,61 47,101l0 378c0,20 -8,43 -14,57 -12,24 -27,43 -50,59 -22,15 -52,28 -82,28l-376 0c-39,0 -75,-22 -100,-46 -22,-23 -44,-60 -44,-104zm-46 -363l0 363c0,50 24,102 57,135 18,18 31,29 55,41 19,10 51,20 78,20l378 0c27,0 57,-10 75,-19 15,-7 32,-16 44,-27 24,-23 35,-33 52,-67 9,-19 19,-50 19,-77l0 -378c0,-26 -10,-58 -19,-76 -12,-24 -24,-39 -42,-57 -30,-31 -79,-57 -139,-57l-359 0c-107,0 -199,92 -199,199zm357 0l0 227c0,25 46,34 46,-10l0 -209c0,-39 -46,-34 -46,-8zm0 313c0,33 -7,69 23,69 29,0 23,-43 23,-63 0,-38 -46,-33 -46,-6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--toastInfoIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 675 675' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M88 474l0 -270c0,-64 52,-116 116,-116l270 0c32,0 61,16 77,33 19,19 35,45 35,75l0 283c0,15 -6,32 -11,42 -9,18 -20,32 -36,44 -17,12 -40,21 -62,21l-281 0c-29,0 -56,-16 -75,-34 -16,-17 -33,-45 -33,-78zm-34 -272l0 272c0,38 18,76 42,101 14,13 24,22 42,31 14,7 38,15 58,15l283 0c20,0 42,-8 56,-14 10,-6 23,-13 32,-21 19,-17 26,-24 39,-50 7,-14 15,-37 15,-57l0 -283c0,-20 -8,-44 -15,-57 -9,-18 -17,-29 -31,-43 -23,-22 -59,-42 -104,-42l-269 0c-79,0 -148,68 -148,148zm200 67c0,22 27,25 33,7 3,-8 1,-14 5,-23 19,-48 94,-41 94,21 0,21 -14,36 -31,43 -28,12 -34,28 -34,55 0,17 24,22 32,7 6,-13 -6,-21 17,-31 7,-3 11,-5 16,-9 43,-30 47,-92 10,-129 -24,-23 -62,-29 -92,-16 -5,2 -9,5 -13,8 -22,14 -37,41 -37,67zm67 167c0,25 -6,52 17,52 22,0 17,-32 17,-47 0,-28 -34,-25 -34,-5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--toastErrorIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 539 539' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M70 378l0 -215c0,-51 42,-93 93,-93l215 0c26,0 49,13 62,26 15,16 28,36 28,61l0 225c0,12 -5,26 -9,34 -7,15 -16,26 -29,35 -13,9 -31,17 -49,17l-224 0c-24,0 -45,-13 -60,-28 -13,-13 -27,-35 -27,-62zm-27 -217l0 217c0,30 14,61 34,81 11,11 19,17 33,25 11,5 30,12 47,12l225 0c16,0 34,-6 45,-12 9,-4 19,-10 26,-16 15,-14 21,-20 31,-40 6,-11 12,-30 12,-46l0 -225c0,-16 -7,-35 -12,-46 -7,-15 -14,-23 -25,-34 -18,-18 -47,-34 -83,-34l-215 0c-63,0 -118,55 -118,118zm227 213c-13,0 -27,-3 -37,-7 -3,-1 -6,-2 -8,-3 -5,-3 -9,-5 -14,-8 -2,-1 -4,-3 -6,-5l147 -146 3 5c16,24 22,51 16,81 -3,15 -10,32 -20,44l-5 5c-1,1 -2,3 -4,4l-10 9c-16,11 -37,21 -62,21zm129 -105l0 2c0,9 -2,19 -4,27 0,3 -1,5 -1,7 -1,2 -2,4 -2,6 -1,2 -2,4 -2,6l-3 5c-2,7 -9,17 -13,23 -1,1 -1,2 -2,2 -1,2 -2,3 -3,5 -1,1 -1,1 -2,2l-10 10c-5,5 -12,10 -18,14 -5,3 -10,6 -15,8 -7,4 -15,7 -23,9 -9,2 -18,3 -26,3l-10 0c-16,0 -31,-4 -45,-9 -13,-5 -30,-16 -39,-25 -13,-14 -22,-24 -30,-42 -3,-8 -6,-16 -8,-25 -2,-8 -3,-19 -3,-28l0 -8c1,-6 2,-15 3,-21 2,-7 5,-17 8,-23 1,-1 1,-2 2,-3l4 -8c1,-2 2,-3 3,-5 3,-5 6,-9 10,-14l7 -8c1,-2 1,-1 2,-2 1,-1 2,-1 2,-2 3,-3 8,-7 11,-9 6,-5 15,-10 22,-14 2,0 4,-1 6,-2 6,-3 10,-4 18,-6 13,-3 21,-4 35,-4 19,0 36,5 52,12 3,2 12,7 15,9 8,5 18,13 24,20 1,2 3,4 5,6 3,3 5,6 7,10 1,1 2,3 3,4 6,9 10,18 13,27 4,13 6,27 7,41zm-212 65c-1,-1 -5,-7 -6,-9 -9,-14 -16,-35 -16,-52 0,-12 0,-17 3,-29 1,-3 2,-7 3,-10 1,-3 3,-6 4,-9l4 -8c2,-4 5,-8 8,-12 1,-1 2,-2 3,-3 0,-1 0,-1 1,-2l5 -5c6,-6 14,-12 22,-16l8 -5c11,-5 29,-9 42,-9 18,0 28,3 42,8l17 10 7 4 -147 147z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--goodStockIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 675 675' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M53 152l0 336c0,34 24,66 54,77 11,4 25,6 40,6l141 0c14,0 25,-10 21,-22 -4,-16 -16,-12 -35,-12 -28,0 -126,1 -141,-1 -6,-1 -13,-2 -18,-5 -16,-8 -28,-24 -28,-43l0 -337c0,-27 23,-49 49,-49l85 0 0 107c0,11 12,22 25,22 18,0 39,-24 61,-24 18,0 50,38 73,17 3,-3 8,-11 8,-17l0 -105 85 0c31,0 49,25 49,60 0,8 -1,96 0,102 5,15 34,19 34,-12 0,-42 6,-112 -12,-144 -4,-5 -6,-7 -10,-12 -11,-15 -35,-29 -61,-29l-336 0c-47,0 -84,38 -84,85zm202 38l0 -88 99 0 0 88c-21,-5 -20,-17 -53,-17 -20,0 -31,13 -46,17zm209 108l3 0 0 33c-28,0 -55,10 -77,27 -4,4 -5,4 -7,8l-8 7c-1,1 -1,1 -2,2 -11,15 -19,29 -23,48 -2,8 -4,16 -4,26 0,16 0,20 4,36 4,16 13,31 22,44 1,0 1,1 2,2 5,6 10,11 17,16 10,8 15,11 27,17 16,8 32,9 49,9l0 34c-29,0 -59,-8 -82,-23 -1,-1 -2,-1 -3,-2l-8 -6 -23 -21c-12,-16 -19,-24 -27,-45 -9,-23 -11,-39 -11,-65 0,-5 1,-12 1,-17 3,-13 8,-30 14,-42 7,-15 11,-20 20,-32 8,-9 16,-17 26,-25 2,-1 3,-2 5,-4 2,-1 4,-2 6,-3 8,-5 16,-10 25,-13 2,-1 4,-2 6,-2 8,-3 22,-7 30,-8 7,0 13,-1 18,-1zm6 0l-3 0 0 33c29,0 55,10 77,27 4,4 5,4 8,8l7 7c1,1 2,1 2,2 12,15 19,29 24,48 2,8 4,16 4,26 0,16 0,20 -5,36 -4,16 -12,31 -22,44 0,0 -1,1 -1,2 -6,6 -11,11 -17,16 -10,8 -15,11 -27,17 -16,8 -32,9 -50,9l0 34c30,0 60,-8 82,-23 1,-1 2,-1 3,-2l9 -6 22 -21c13,-16 20,-24 28,-45 9,-23 11,-39 11,-65 0,-5 -1,-12 -2,-17 -2,-13 -7,-30 -13,-42 -7,-15 -11,-20 -20,-32 -8,-9 -16,-17 -26,-25 -2,-1 -4,-2 -6,-4 -1,-1 -4,-2 -5,-3 -8,-5 -16,-10 -25,-13 -2,-1 -4,-2 -7,-2 -8,-3 -21,-7 -30,-8 -6,0 -12,-1 -18,-1zm-15 83l0 12 -6 0c-16,0 -30,13 -30,29 0,13 -1,29 16,39 11,7 35,3 49,4 8,0 7,5 7,16 0,3 -1,3 -2,5 -21,5 -64,-6 -64,12 0,17 15,14 30,14l0 13c0,14 24,16 24,-4l0 -9c9,0 12,0 19,-4 3,-1 3,-1 5,-3 17,-13 18,-52 -8,-63 -12,-5 -37,1 -50,-2 -2,-8 -1,-9 -1,-18 0,-6 9,-5 15,-5 7,0 14,0 20,0 14,0 29,4 29,-13 0,-14 -18,-11 -29,-11 0,-11 2,-23 -13,-23 -6,0 -11,5 -11,11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--plusIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 356 356' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M164 69l0 95 -96 0c-2,0 -4,1 -5,1 -4,3 -8,7 -8,12 0,4 1,6 3,9 3,3 7,6 11,6l95 0 0 95c0,4 2,8 6,11 0,0 1,1 2,1 1,1 3,1 5,1l2 0c6,0 13,-6 13,-13l0 -95 94 0c4,0 7,-2 10,-4 7,-7 5,-18 -3,-23 -2,0 -4,-1 -5,-1l-96 0 0 -96c0,-10 -15,-18 -24,-9 -1,2 -2,2 -3,4 0,2 -1,3 -1,6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--infoIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1803 1803' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M999 1567l-200 0c-57,0 -117,-60 -117,-117l0 -146 442 0c0,88 13,164 -34,220 -18,21 -53,43 -91,43zm138 -355l-100 0 0 -304c0,-68 -92,-68 -92,0l0 304 -88 0 0 -404c0,-52 -92,-61 -92,16l0 388c-134,0 -81,12 -121,-54 -24,-38 -47,-50 -68,-70 -86,-83 -161,-202 -161,-339 0,-130 18,-204 88,-308 48,-70 116,-121 191,-159 146,-74 314,-55 455,21 169,90 268,304 233,504 -4,28 -10,47 -18,73 -16,48 -36,89 -63,125l-42 50c-39,47 -117,89 -122,157zm-814 -513c0,151 31,253 109,363 5,8 11,16 18,24 55,68 83,80 110,111 60,71 10,210 39,306 26,83 112,156 196,156l208 0c90,0 168,-68 198,-145 38,-100 -12,-235 37,-309 19,-31 93,-73 160,-182 101,-166 108,-379 24,-555 -31,-65 -70,-111 -119,-160 -109,-109 -251,-164 -412,-164 -148,0 -297,69 -394,166 -96,96 -174,242 -174,389zm534 -334c0,97 117,-6 264,141 21,21 29,30 45,56 71,118 19,208 92,208 93,0 36,-221 -68,-324 -81,-81 -168,-123 -291,-123 -24,0 -42,19 -42,42zm-33 1118c41,0 166,7 191,-9 40,-25 18,-82 -20,-82l-188 0c-51,0 -60,91 17,91z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--arrowIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2577 2577' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M1312 525c0,35 49,76 70,97 65,65 580,573 598,601l-1414 0c-70,0 -143,-18 -143,72 0,63 74,59 137,59l1420 0c-19,28 -530,533 -595,598 -25,25 -73,57 -73,100 0,35 34,66 66,66 42,0 178,-152 213,-187l400 -399c87,-87 215,-181 140,-335 -22,-47 -475,-486 -537,-548l-149 -149c-29,-29 -30,-41 -73,-41 -34,0 -60,32 -60,66z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--jurnalIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 380' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M222 294l-18 0c0,-30 -3,-21 18,-42 7,-7 53,-54 57,-57l24 23c-3,4 -58,59 -68,69 -4,3 -6,7 -13,7zm-37 -22c0,17 -5,41 21,41 15,0 28,2 38,-8 4,-4 11,-12 16,-16 0,9 0,17 0,25 0,8 0,17 -8,17l-190 0c-5,0 -8,-5 -8,-9l0 -263c0,-5 4,-9 9,-9l188 0c5,0 9,4 9,9l0 127c0,3 -37,38 -39,40 -7,7 -14,14 -21,20 -6,7 -15,13 -15,26zm108 -91c11,-15 17,-12 26,-3 7,7 8,7 8,14 0,5 -8,11 -11,13l-23 -24zm-258 -122l0 262c0,8 3,15 7,20 3,4 12,9 18,9l194 0c7,0 16,-6 19,-11 6,-8 6,-12 6,-26 0,-10 0,-20 0,-31 0,-16 -2,-10 10,-22l46 -47c10,-9 11,-12 11,-26 0,-9 -9,-18 -14,-23 -9,-9 -13,-13 -27,-13 -5,0 -12,3 -15,6 -4,3 -6,7 -11,10l0 -102c0,-9 0,-12 -3,-18 -3,-9 -13,-16 -25,-16l-188 0c-15,0 -28,13 -28,28zm37 75c0,6 4,10 12,10l146 0c16,0 14,-19 3,-19l-152 0c-5,0 -9,4 -9,9zm0 37c0,6 3,10 9,10l152 0c11,0 13,-19 -3,-19l-146 0c-6,0 -12,3 -12,9zm0 37c0,7 4,11 11,11l112 0c12,0 12,-19 0,-19l-112 0c-6,0 -11,3 -11,8zm50 -120l70 0c16,0 14,-20 4,-20l-78 0c-11,0 -12,20 4,20zm-50 158c0,7 4,11 12,11l69 0c19,0 15,-20 5,-20l-77 0c-5,0 -9,4 -9,9z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--customerIcon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1362 1362' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M396 1184c-21,0 -16,-17 -16,-41l0 -107c1,-70 -41,-55 -161,-54 -68,0 -41,-17 -2,-56 25,-25 109,-113 125,-124 5,1 49,21 53,24 18,13 26,69 57,94 56,45 120,-21 168,43 -9,13 -166,167 -194,195 -6,6 -21,26 -30,26zm346 -224c52,-27 16,-30 79,-25 39,2 67,5 91,-17 20,-18 29,-42 41,-69 13,-32 29,-27 67,-47 6,5 164,157 164,167 0,19 -18,13 -41,13 -181,-1 -162,-21 -161,161 0,72 -19,39 -70,-12 -23,-23 -161,-158 -170,-171zm256 -530c0,76 55,90 52,119 -3,29 -52,42 -52,118 0,59 30,63 -37,86 -87,31 -69,116 -105,116 -32,0 -73,-20 -122,13 -12,7 -37,34 -51,34 -27,0 -51,-54 -117,-54 -57,0 -67,31 -90,-36 -29,-84 -115,-73 -115,-99 0,-44 19,-78 -14,-128 -9,-14 -33,-35 -33,-52 0,-25 53,-53 53,-117 0,-18 -6,-27 -6,-63 0,-29 81,-10 115,-99 27,-67 19,-36 93,-36 59,0 91,-54 114,-54 21,0 50,54 113,54 26,0 37,-7 63,-7 26,0 19,65 74,103 26,17 45,17 61,28 18,13 4,45 4,74zm-706 -69c0,23 2,36 3,54 3,53 -15,44 -37,80 -18,30 -19,72 -1,102 21,36 40,28 38,76 -1,19 -3,31 -3,54 0,33 19,7 -37,64l-108 107c-18,18 -38,36 -38,71 0,24 10,44 23,57 12,12 29,25 53,25l126 0 0 120c0,46 34,82 88,82 35,0 62,-32 81,-51 27,-27 189,-192 203,-201 14,9 173,171 199,198 34,34 43,54 94,54 38,0 75,-37 75,-75l0 -127 127 0c42,0 75,-35 75,-88 0,-38 -53,-79 -86,-113 -17,-17 -32,-31 -49,-48 -13,-14 -37,-41 -51,-50 2,-21 6,-30 3,-60 -2,-29 -11,-35 13,-66 8,-11 19,-19 25,-32 16,-30 16,-61 1,-92 -7,-14 -15,-20 -25,-32 -44,-55 17,-112 -38,-160 -17,-15 -31,-20 -52,-30 -30,-14 -29,-9 -43,-40 -48,-114 -92,-78 -155,-78 -38,1 -47,-53 -117,-53 -61,0 -72,48 -108,53 -7,1 -25,-2 -36,-3 -27,-2 -66,-8 -93,25 -42,54 -15,71 -69,94 -20,8 -38,18 -53,29 -13,10 -28,32 -28,54zm211 192c0,-59 18,-98 53,-133 69,-69 177,-69 248,-3l4 4c16,17 21,22 32,44 25,50 27,111 1,162 -54,109 -199,134 -284,49 -27,-28 -54,-70 -54,-123zm-69 -9c0,80 31,137 73,179 95,95 252,97 343,5 41,-42 78,-97 78,-162 0,-55 1,-77 -25,-129 -16,-34 -26,-44 -51,-69 -130,-131 -340,-59 -395,73 -13,32 -23,60 -23,103z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--Icon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
/*#endregion*/
/*#region >>>>> DEFAULT BLAZOR*/
.loading-progress {
position: relative;
display: block;
width: 8rem;
height: 8rem;
margin: 20vh auto 1rem auto;
}
.loading-progress circle {
fill: none;
stroke: #e0e0e0;
stroke-width: 0.6rem;
transform-origin: 50% 50%;
transform: rotate(-90deg);
}
.loading-progress circle:last-child {
stroke: #1b6ec2;
stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
transition: stroke-dasharray 0.05s ease-in-out;
}
.loading-progress-text {
position: absolute;
text-align: center;
font-weight: bold;
inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}
.loading-progress-text:after {
content: var(--blazor-load-percentage-text, "Loading");
}
/*#endregion*/
/*#region >>>>> ERROR UI DESIGN*/
#blazor-error-ui {
display: none;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: .65rem 1.25rem .65rem 8.5rem;
background: linear-gradient(to right, #ffd78c, #ffe7bb, #ffd8d6, #ffccca);
box-shadow: 0 -2px 25px #00000020;
user-select: none;
z-index: 9999;
}
#blazor-error-ui .error-wrap {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
#blazor-error-ui .error-text {
display: flex;
align-items: center;
gap: .5rem;
}
#blazor-error-ui .error-text div:first-child {
position: absolute;
left: -7rem;
bottom: -.7rem;
width: 7rem;
}
#blazor-error-ui img {
width: 100%;
height: auto;
}
#blazor-error-ui p:first-child {
font-size: 1rem;
font-weight: 700;
margin-bottom: 0;
}
#blazor-error-ui p:last-child {
font-size: .9rem;
font-weight: 400;
margin-bottom: 0;
}
#blazor-error-ui a:hover {
color: #fff;
}
/*#endregion*/
/*#region >>>>> LOADING AWAL*/
#app .loading-utama {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
user-select: none;
}
#app .loading-utama .wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 350px;
text-align: center;
}
#app .loading-utama .logo {
position: relative;
height: 95px;
margin-bottom: 1rem;
}
#app .loading-utama .logo::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 45px;
height: 4px;
border-radius: 50%;
background: #00000042;
animation: shadowAnim .4s ease-in-out infinite alternate;
}
@keyframes shadowAnim {
0% {
transform: scale(.5);
}
100% {
transform: scale(1);
}
}
#app .loading-utama img {
width: 75px;
height: 75px;
animation: pinAnim 0.4s ease-in-out infinite alternate;
}
@keyframes pinAnim {
0% {
transform: translateY(0);
}
100% {
transform: translateY(5px);
}
}
#app .loading-utama p:nth-of-type(1) {
font-size: 1.5rem;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 0;
background-image: linear-gradient(45deg, #a3d55d, #409a48, #a3d55d);
background-size: 200px;
background-repeat: repeat;
background-position-x: 0;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
animation: fillAnimTextLoading 5s ease infinite;
}
@keyframes fillAnimTextLoading {
0% {
background-position-x: 0px;
}
100% {
background-position-x: 400px;
}
}
#app .loading-utama p:nth-of-type(1):after {
content: var(--blazor-load-percentage-text);
margin-left: .5rem;
}
#app .loading-utama p:nth-of-type(2) {
color: #555555;
font-size: 1rem;
line-height: 1.1;
margin-bottom: 0;
}
#app .loading-utama .nama-asset {
color: var(--primer);
font-size: .7rem;
margin-top: 1.3rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
/*#endregion*/
/*#region >>>>> CUSTOM VALIDATION MESSAGE*/
.validation-message {
position: relative;
color: darkorange;
font-size: .75rem;
margin-top: .25rem;
}
.validation-message::before {
content: '';
display: inline-block;
width: 13px;
height: 13px;
vertical-align: -1.5px;
background-image: var(--exclamationSolidIcon);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
filter: invert(64%) sepia(34%) saturate(4719%) hue-rotate(358deg) brightness(99%) contrast(106%);
margin-right: .25rem;
}
/*#endregion*/
/*#region >>>>> CUSTOM SCROLLBAR*/
*::-webkit-scrollbar {
width: 11px;
}
*::-webkit-scrollbar-track {
background: #fff;
margin: 0 1rem;
}
*::-webkit-scrollbar-thumb {
background: linear-gradient(to bottom, #fd655a, #ff7e76);
border-radius: 10rem;
border: 3px solid #fff;
}
*::-webkit-scrollbar-track-piece:start {
background: transparent;
}
*::-webkit-scrollbar-track-piece:end {
background: transparent;
}
/*#endregion*/
/*#region >>>>> CUSTOM TOOLTIP*/
.awTooltip {
position: relative;
display: inline-block;
width: fit-content;
cursor: pointer;
user-select: none;
}
.awTooltip:hover::before {
content: attr(tooltip-text);
display: block;
position: absolute;
bottom: 1.55rem;
left: 50%;
transform: translateX(-50%);
width: 80px;
font-size: .65rem;
font-weight: 400;
line-height: 1.3;
text-align: center;
padding: .5rem;
color: #fff;
background-color: #35363A;
border-radius: .5rem;
pointer-events: none;
z-index: 99;
}
.awTooltip.nowrap:hover::before {
white-space: nowrap;
}
.awTooltip.small:hover::before {
width: 110px;
}
.awTooltip.medium:hover::before {
width: 150px;
}
.awTooltip.large:hover::before {
width: 200px;
}
.awTooltip.tipBottom:hover::before {
top: 1.55rem;
bottom: auto;
}
.awTooltip.tipLeft:hover::before {
top: 50%;
bottom: auto;
left: calc(-80px + -10px);
transform: translate(0, -50%);
}
.awTooltip.tipLeft.small:hover::before {
left: calc(-110px + -10px);
}
.awTooltip.tipLeft.medium:hover::before {
left: calc(-150px + -10px);
}
.awTooltip.tipLeft.large:hover::before {
left: calc(-200px + -10px);
}
.awTooltip.tipRight:hover::before {
top: 50%;
bottom: auto;
left: unset;
right: calc(-80px + -10px);
transform: translate(0, -50%);
}
.awTooltip.tipRight.small:hover::before {
right: calc(-110px + -10px);
}
.awTooltip.tipRight.medium:hover::before {
right: calc(-150px + -10px);
}
.awTooltip.tipRight.large:hover::before {
right: calc(-200px + -10px);
}
.awTooltip:hover::after {
content: '';
position: absolute;
bottom: 1.12rem;
left: 50%;
transform: translateX(-50%);
width: 15px;
height: 10px;
border-top: 8px solid #35363A;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
pointer-events: none;
z-index: 99;
}
.awTooltip.tipBottom:hover::after {
top: 1.12rem;
bottom: auto;
border-top: none;
border-bottom: 8px solid #35363A;
}
.awTooltip.tipLeft:hover::after {
top: 50%;
bottom: unset;
left: -12px;
transform: translate(0, -50%);
border-top-color: transparent;
border-bottom: 8px solid transparent;
border-left-color: #35363A;
border-right: none;
}
.awTooltip.tipRight:hover::after {
top: 50%;
bottom: unset;
left: unset;
right: -12px;
transform: translate(0, -50%);
border-top-color: transparent;
border-bottom: 8px solid transparent;
border-right-color: #35363A;
border-left: none;
}
/*#endregion*/
/*#region >>>>> TEXT TRUNCATE*/
.single-truncate {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.multi-truncate {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: var(--maxLine);
-webkit-box-orient: vertical;
}
/*#endregion*/
/*#region >>>>> TEXT SELECTION COLOR*/
::selection {
color: #d43749;
background: #ffabb436;
}
/* Code for Firefox */
::-moz-selection {
color: #d43749;
background: #ffabb436;
}
/*#endregion*/
/*#region >>>>> HIDE ARROW INPUT NUMBER*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
/*#endregion*/
/*#region >>>>> CUSTOM TOAST BLAZOR*/
#infoToast .position-topright {
pointer-events: none;
z-index: 99999;
}
#infoToast .blazored-toast {
align-items: center;
gap: .5rem;
}
#infoToast .blazored-toast-icon {
position: relative;
min-width: 30px;
width: 35px;
height: 35px;
padding: 0;
}
#infoToast .blazored-toast-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
#infoToast .blazored-toast-success .blazored-toast-icon::before {
background-image: var(--toastSuccessIcon);
filter: invert(40%) sepia(53%) saturate(2606%) hue-rotate(119deg) brightness(95%) contrast(83%);
}
#infoToast .blazored-toast-warning .blazored-toast-icon::before {
background-image: var(--toastWarningIcon);
filter: invert(68%) sepia(56%) saturate(1740%) hue-rotate(6deg) brightness(102%) contrast(94%);
}
#infoToast .blazored-toast-info .blazored-toast-icon::before {
background-image: var(--toastInfoIcon);
filter: invert(41%) sepia(97%) saturate(4575%) hue-rotate(215deg) brightness(93%) contrast(99%);
}
#infoToast .blazored-toast-error .blazored-toast-icon::before {
background-image: var(--toastInfoIcon);
filter: invert(30%) sepia(78%) saturate(5416%) hue-rotate(350deg) brightness(91%) contrast(88%);
}
#infoToast .blazored-toast-icon svg {
display: none;
}
/*#endregion*/
/*#region >>>>> CUSTOM AUTO COMPLETE SF*/
.e-input-group input.e-input,
.e-input-group.e-control-wrapper input.e-input,
.e-input-group textarea.e-input,
.e-input-group.e-control-wrapper textarea.e-input {
border-color: #e1e1e1 !important;
}
.e-input-group:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
width: 100%;
height: 2.4rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
margin: 0;
color: #000;
background-color: #fff;
border: 1px solid #e1e1e1 !important;
border-radius: .5rem;
transition: all .25s ease-in-out;
}
.e-input-group:hover:not(.e-success):not(e.-warning):not(.e-error):not(.e-disabled),
.e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
border-color: #e1e1e1 !important;
}
.e-input-group:active:hover:not(.e-success):not(e.-warning):not(.e-error):not(.e-disabled),
.e-input-group.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
border-color: #e1e1e1 !important;
box-shadow: 0 0 0 4px #f4433650;
}
.input.e-input,
.e-input-group input,
.e-input-group.e-control-wrapper input,
.e-input-group input.e-input,
.e-input-group.e-control-wrapper input.e-input {
height: 100% !important;
padding: .4rem .75rem !important;
}
.e-clear-icon {
display: none !important;
}
/*#endregion*/
/*#region >>>>> MIXED OTHER CSS*/
.pemasok-terpilih {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
padding: .75rem 1rem;
margin-top: 1rem;
background-color: #f3fff4;
border: 1px solid #deffdf;
border-radius: .5rem
}
/*#endregion*/
/*#region >>>>> SF WIZARD*/
.navbarTabs.e-tab {
flex: 1;
display: flex;
flex-direction: column;
height: 100% !important;
overflow: hidden auto;
}
.navbarTabs.e-tab .e-tab-header .e-toolbar-items {
display: flex;
justify-content: center;
gap: .5rem;
width: fit-content;
padding: .5rem;
margin: 0 auto;
background-color: #f1f1f1;
border-radius: .5rem;
}
.navbarTabs.e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
margin: 0;
}
/*tab aktif*/
.navbarTabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
padding: .5rem 1.5rem;
border: none;
}
.navbarTabs.e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
.navbarTabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
min-height: 40px;
border-radius: .5rem;
}
.navbarTabs.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
.navbarTabs.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:is(:hover, :focus) {
background: #4CAF50;
}
.navbarTabs.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:is(:hover, :focus) .e-tab-text,
.navbarTabs.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:is(:hover, :focus) .e-tab-icon {
color: #fff;
}
.navbarTabs.e-tab .e-tab-header .e-toolbar-item .e-text-wrap,
.navbarTabs.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
.navbarTabs.e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap,
.navbarTabs.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
position: relative;
padding: 0;
height: 100%;
}
.navbarTabs.e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
/*content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 80%;
height: 4px;
border: none;
background-color: var(--primer);
border-radius: 5px;*/
display: none;
}
.navbarTabs.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
.navbarTabs.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text:hover {
color: #fff;
}
/*tab non aktif*/
.navbarTabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
.navbarTabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
background: #f9f9f9;
}
.navbarTabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
.navbarTabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text:hover,
.navbarTabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
.navbarTabs.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
color: grey;
}
.navbarTabs.e-tab .e-content,
.navbarTabs.e-tab .e-content > .e-item.e-active,
.navbarTabs.e-tab .e-content > .e-item.e-active form {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden auto;
}
/*#endregion*/
/*#region ================== BLAZORED TYPEAHEAD */
.blazored-typeahead {
background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: .5rem;
}
.blazored-typeahead__input {
font-size: 1rem;
text-transform: uppercase;
padding: .375rem .75rem;
border-radius: .5rem;
}
.blazored-typeahead__input-mask {
font-size: 1rem;
font-weight: 400;
text-transform: uppercase;
padding: .375rem .75rem;
}
.blazored-typeahead__clear {
padding: .375rem;
z-index: 5;
}
.blazored-typeahead__results {
top: calc(100% + .25rem);
background-color: #fff;
border-radius: .5rem !important;
}
.blazored-typeahead__result {
font-weight: 400;
padding: .25rem .5rem !important;
border-bottom: 1px solid #e1e1e1;
user-select: none;
}
.blazored-typeahead__active-item,
.blazored-typeahead__result:hover,
.blazored-typeahead__result:focus {
color: #fff !important;
background-color: var(--primer);
border-top: 1px solid var(--primer);
border-bottom: 1px solid var(--primer);
}
.blazored-typeahead__loader {
position: absolute;
top: 6px;
right: 2px;
background-color: var(--primer);
}
.blazored-typeahead__clear:hover {
color: var(--primer);
}
.blazored-typeahead__results-footer {
position: sticky;
bottom: 0;
margin-top: .5rem;
background-color: #fff;
}
.not-found-ta {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 2rem 1rem;
border: 1px solid #e1e1e1;
border-radius: .5rem;
}
.not-found-ta img {
width: 100px;
aspect-ratio: 1;
margin-bottom: .5rem;
}
.not-found-ta p:nth-of-type(1) {
font-size: 1rem;
font-weight: 700;
margin-bottom: 0;
}
.not-found-ta p:nth-of-type(2) {
color: grey;
font-size: .85rem;
font-weight: 400;
line-height: 1.3;
margin-bottom: 0;
}
/*#endregion ================== BLAZORED TYPEAHEAD END */