Subversion Repositories SmartDukaan

Rev

Rev 36569 | Rev 36574 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 36569 Rev 36570
Line 42... Line 42...
42 
          integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
 42 
          integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
43 
    <link rel="stylesheet" type="text/css" href="resources/css/bootstrap-tagsinput.css">
 43 
    <link rel="stylesheet" type="text/css" href="resources/css/bootstrap-tagsinput.css">
44 
    <!-- Include the Toastify CSS file -->
 44 
    <!-- Include the Toastify CSS file -->
45 
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
 45 
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
46 
    <style>
 46 
    <style>
47 
        .modal-xl {
 - 
 
48 
            max-width: 70% !important; /* or 90%, adjust as needed */
 47 
        .modal-xl { max-width: 70% !important; width: 100%; }
49 
            width: 100%;
 - 
 
50 
        }
 - 
 
51 
 
 - 
 
52 
        Small desktops-- >
 - 
 
53 
 
 48 
 
- 
 
 49 
        .header { left: 0; }
54 
        @media (max-width: 1920px) {
 50 
        @media (max-width: 1920px) {
55 
            body {
 - 
 
56 
                zoom: 80% !important;
 51 
            #[[#main-content]]# > .wrapper { zoom: 0.8; }
57 
            }
 - 
 
58 
        }
 52 
        }
59 
 
 - 
 
60 
        @media (max-width: 1280px) {
 53 
        @media (max-width: 1280px) {
61 
            div.count {
 - 
 
62 
                font-size: 18px;
 54 
            div.count { font-size: 18px; }
63 
            }
 - 
 
64 
        }
 - 
 
65 
 
 - 
 
66 
 
 - 
 
67 
        .current-margin {
 - 
 
68 
            cursor: pointer;
 - 
 
69 
        }
 - 
 
70 
 
 - 
 
71 
        .margin-calculator {
 - 
 
72 
            cursor: pointer;
 - 
 
73 
        }
 - 
 
74 
 
 - 
 
75 
        .Vivo:hover {
 - 
 
76 
            border-radius: 40px;
 - 
 
77 
            background: blue;
 - 
 
78 
        }
 - 
 
79 
 
 - 
 
80 
 
 - 
 
81 
        .Samsung:hover {
 - 
 
82 
            border-radius: 4px;
 - 
 
83 
            background: blue;
 - 
 
84 
        }
 - 
 
85 
 
 - 
 
86 
        .Vivo:hover {
 - 
 
87 
            border-radius: 4px;
 - 
 
88 
            background: mediumblue;
 - 
 
89 
        }
 - 
 
90 
 
 - 
 
91 
        .Oppo:hover {
 - 
 
92 
            border-radius: 4px;
 - 
 
93 
            background: green;
 - 
 
94 
        }
 - 
 
95 
 
 - 
 
96 
        .Lava:hover {
 - 
 
97 
            border-radius: 4px;
 - 
 
98 
            background: salmon;
 - 
 
99 
        }
 - 
 
100 
 
 - 
 
101 
        .Live:hover {
 - 
 
102 
            border-radius: 4px;
 - 
 
103 
            background: coral;
 - 
 
104 
        }
 - 
 
105 
 
 - 
 
106 
        .Nokia:hover {
 - 
 
107 
            border-radius: 4px;
 - 
 
108 
            background: blue;
 - 
 
109 
        }
 - 
 
110 
 
 - 
 
111 
        .Realme:hover {
 - 
 
112 
            border-radius: 4px;
 - 
 
113 
            background: yellow;
 - 
 
114 
        }
 - 
 
115 
 
 - 
 
116 
        .Tecno:hover {
 - 
 
117 
            border-radius: 4px;
 - 
 
118 
            background: DarkTurquoise;
 - 
 
119 
        }
 55 
        }
120 
 
 56 
 
121 
        .Samsung {
 57 
        .current-margin, .margin-calculator, .sale-details { cursor: pointer; }
122 
 
 58 
 
123 
            -moz-border-radius: 4px;
 59 
        .brand-tile {
124 
            border-radius: 4px;
 60 
            border-radius: 4px;
125 
            border: solid 5px black;
 61 
            border: solid 5px black;
126 
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
 62 
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
127 
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
 63 
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
128 
            background-image: linear-gradient(#4682B4, #dae5f4);
 64 
            background-image: linear-gradient(#4682B4, #dae5f4);
129 
            color: #FFF;
 65 
            color: #FFF;
130 
            padding: 8px 12px;
 66 
            padding: 8px 12px;
131 
            text-decoration: none;
 67 
            text-decoration: none;
132 
            cursor: pointer;
 68 
            cursor: pointer;
133 
 
 - 
 
134 
 
 - 
 
135 
        }
 - 
 
136 
 
 - 
 
137 
        .Vivo {
 - 
 
138 
            -moz-border-radius: 4px;
 - 
 
139 
            border-radius: 4px;
 - 
 
140 
            border: solid 5px black;
 - 
 
141 
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
 - 
 
142 
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
 - 
 
143 
            background-image: linear-gradient(#4682B4, #dae5f4);
 - 
 
144 
            color: #FFF;
 - 
 
145 
            padding: 8px 12px;
 - 
 
146 
            text-decoration: none;
 - 
 
147 
            cursor: pointer;
 - 
 
148 
 
 - 
 
149 
        }
 - 
 
150 
 
 - 
 
151 
        .Oppo {
 - 
 
152 
            -moz-border-radius: 4px;
 - 
 
153 
            border-radius: 4px;
 - 
 
154 
            border: solid 5px black;
 - 
 
155 
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
 - 
 
156 
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
 - 
 
157 
            background-image: linear-gradient(#4682B4, #dae5f4);
 - 
 
158 
            color: #FFF;
 - 
 
159 
            padding: 8px 12px;
 - 
 
160 
            text-decoration: none;
 - 
 
161 
            cursor: pointer;
 - 
 
162 
 
 - 
 
163 
        }
 - 
 
164 
 
 - 
 
165 
        .Lava {
 - 
 
166 
 
 - 
 
167 
            -moz-border-radius: 4px;
 - 
 
168 
            border-radius: 4px;
 - 
 
169 
            border: solid 5px black;
 - 
 
170 
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
 - 
 
171 
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
 - 
 
172 
            background-image: linear-gradient(#4682B4, #dae5f4);
 - 
 
173 
            color: #FFF;
 - 
 
174 
            padding: 8px 12px;
 - 
 
175 
            text-decoration: none;
 - 
 
176 
            cursor: pointer;
 - 
 
177 
 
 - 
 
178 
        }
 - 
 
179 
 
 - 
 
180 
        .Realme {
 - 
 
181 
            -moz-border-radius: 4px;
 - 
 
182 
            border-radius: 4px;
 - 
 
183 
            border: solid 5px black;
 - 
 
184 
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
 - 
 
185 
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
 - 
 
186 
            background-image: linear-gradient(#4682B4, #dae5f4);
 - 
 
187 
            color: #FFF;
 - 
 
188 
            padding: 8px 12px;
 - 
 
189 
            text-decoration: none;
 - 
 
190 
            cursor: pointer;
 - 
 
191 
 
 - 
 
192 
        }
 - 
 
193 
 
 - 
 
194 
        .Tecno {
 - 
 
195 
            -moz-border-radius: 4px;
 - 
 
196 
            border-radius: 4px;
 - 
 
197 
            border: solid 5px black;
 - 
 
198 
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
 - 
 
199 
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
 - 
 
200 
            background-image: linear-gradient(#4682B4, #dae5f4);
 - 
 
201 
            color: #FFF;
 - 
 
202 
            padding: 8px 12px;
 - 
 
203 
            text-decoration: none;
 - 
 
204 
            cursor: pointer;
 - 
 
205 
 
 - 
 
206 
        }
 - 
 
207 
 
 - 
 
208 
        .Nokia {
 - 
 
209 
            -moz-border-radius: 4px;
 - 
 
210 
            border-radius: 4px;
 - 
 
211 
            border: solid 5px black;
 - 
 
212 
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
 - 
 
213 
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
 - 
 
214 
            background-image: linear-gradient(#4682B4, #dae5f4);
 - 
 
215 
            color: #FFF;
 - 
 
216 
            padding: 8px 12px;
 - 
 
217 
            text-decoration: none;
 - 
 
218 
            cursor: pointer;
 - 
 
219 
 
 - 
 
220 
        }
 - 
 
221 
 
 - 
 
222 
        .Live {
 - 
 
223 
 
 - 
 
224 
            -moz-border-radius: 4px;
 - 
 
225 
            border-radius: 4px;
 - 
 
226 
            border: solid 5px black;
 - 
 
227 
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
 - 
 
228 
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
 - 
 
229 
            background-image: linear-gradient(#4682B4, #dae5f4);
 - 
 
230 
            color: #FFF;
 - 
 
231 
            padding: 8px 12px;
 - 
 
232 
            text-decoration: none;
 - 
 
233 
            cursor: pointer;
 - 
 
234 
        }
 - 
 
235 
 
 - 
 
236 
        #accesoriesStock:hover {
 - 
 
237 
            cursor: pointer;
 - 
 
238 
            border-radius: 4px;
 - 
 
239 
            background: white;
 - 
 
240 
        }
 - 
 
241 
 
 - 
 
242 
        #accesoriesStock {
 - 
 
243 
 
 - 
 
244 
            -moz-border-radius: 4px;
 - 
 
245 
            border-radius: 4px;
 - 
 
246 
            border: solid 5px black;
 - 
 
247 
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
 - 
 
248 
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
 - 
 
249 
            background-image: linear-gradient(#4682B4, #dae5f4);
 - 
 
250 
            color: #FFF;
 - 
 
251 
            padding: 14px 3px 18px 3px;
 - 
 
252 
            text-decoration: none;
 - 
 
253 
            object-fit: cover;
 - 
 
254 
            width: 100%;
 - 
 
255 
            height: 90px;
 - 
 
256 
 
 - 
 
257 
        }
 - 
 
258 
 
 - 
 
259 
        .loading {
 - 
 
260 
            display: none;
 - 
 
261 
        }
 - 
 
262 
 
 - 
 
263 
        .breadcrumb {
 - 
 
264 
            padding: 0 15px;
 - 
 
265 
        }
 - 
 
266 
 
 - 
 
267 
        .purple-bg {
 - 
 
268 
 
 - 
 
269 
            background-image: linear-gradient(#800080, #DDA0DD);
 - 
 
270 
            box-shadow: 6px 5px 6px purple;
 - 
 
271 
        }
 - 
 
272 
 
 - 
 
273 
        .stars-outer {
 - 
 
274 
            display: inline-block;
 - 
 
275 
            position: relative;
 - 
 
276 
            font-family: 'Mukta', FontAwesome;
 - 
 
277 
        }
 - 
 
278 
 
 - 
 
279 
        .stars-outer::before {
 - 
 
280 
            content: "\f006 \f006 \f006 \f006 \f006";
 - 
 
281 
        }
 - 
 
282 
 
 - 
 
283 
        .stars-inner {
 - 
 
284 
            position: absolute;
 - 
 
285 
            top: 0;
 - 
 
286 
            left: 0;
 - 
 
287 
            white-space: nowrap;
 - 
 
288 
            overflow: hidden;
 - 
 
289 
            width: 0;
 - 
 
290 
        }
 - 
 
291 
 
 - 
 
292 
        .stars-inner::before {
 - 
 
293 
            content: "\f005 \f005 \f005 \f005 \f005";
 - 
 
294 
            color: #f8ce0b;
 - 
 
295 
        }
 - 
 
296 
 
 - 
 
297 
 
 - 
 
298 
        .table-striped > tbody > tr:nth-child(odd) > td {
 - 
 
299 
            background: white;
 - 
 
300 
            background-color: #dae5f4;
 - 
 
301 
        }
 - 
 
302 
 
 - 
 
303 
        .table-striped > tbody > tr:nth-child(even) > td {
 - 
 
304 
            background: #f2f2f2;
 - 
 
305 
            background-color: #b8d1f3;
 - 
 
306 
        }
 - 
 
307 
 
 - 
 
308 
        .btn:hover {
 - 
 
309 
            color: grey;
 - 
 
310 
            text-decoration: none;
 - 
 
311 
        }
 - 
 
312 
 
 - 
 
313 
        .btn-primary:hover {
 - 
 
314 
            color: grey;
 - 
 
315 
            text-decoration: none;
 - 
 
316 
        }
 - 
 
317 
 
 - 
 
318 
        .sale-details {
 - 
 
319 
            cursor: pointer;
 - 
 
320 
        }
 - 
 
321 
 
 - 
 
322 
        .fa-2x {
 - 
 
323 
            font-size: 1.4em;
 - 
 
324 
        }
 - 
 
325 
 
 - 
 
326 
        .cover {
 - 
 
327 
            object-fit: cover;
 - 
 
328 
            width: 92%;
 - 
 
329 
            height: 90px;
 - 
 
330 
        }
 69 
        }
- 
 
 70 
        .brand-tile:hover { border-radius: 4px; }
- 
 
 71 
        .Samsung:hover { background: blue; }
- 
 
 72 
        .Vivo:hover { background: mediumblue; }
- 
 
 73 
        .Oppo:hover { background: green; }
- 
 
 74 
        .Lava:hover { background: salmon; }
- 
 
 75 
        .Live:hover { background: coral; }
- 
 
 76 
        .Nokia:hover { background: blue; }
- 
 
 77 
        .Realme:hover { background: yellow; }
- 
 
 78 
        .Tecno:hover { background: DarkTurquoise; }
- 
 
 79 
 
- 
 
 80 
        .accesoriesClass { object-fit: cover; width: 92%; height: 90px; cursor: pointer; }
- 
 
 81 
 
- 
 
 82 
        .loading { display: none; }
- 
 
 83 
        .breadcrumb { padding: 0 15px; }
- 
 
 84 
        .purple-bg { background-image: linear-gradient(#800080, #DDA0DD); box-shadow: 6px 5px 6px purple; }
- 
 
 85 
        .fa-2x { font-size: 1.4em; }
- 
 
 86 
        .cover { object-fit: cover; width: 92%; height: 90px; }
331 
 
 87 
 
332 
        .info-box .notifications i {
 88 
        .info-box .notifications i {
333 
            display: inline-block;
 89 
            display: inline-block;
334 
            margin-top: 0px;
 - 
 
335 
            height: 25px;
 - 
 
336 
            font-size: 16px;
 - 
 
337 
            line-height: 25px;
 90 
            margin-top: 0; height: 25px; font-size: 16px; line-height: 25px;
338 
            width: 25px;
 - 
 
339 
            float: none;
 - 
 
340 
            text-align: center;
 91 
            width: 25px; float: none; text-align: center; padding-right: 0; color: #768399;
341 
            padding-right: 0px;
 - 
 
342 
            color: #768399;
 - 
 
343 
        }
 - 
 
344 
 
 - 
 
345 
        #preview {
 - 
 
346 
            position: relative;
 - 
 
347 
            color: #fff;
 - 
 
348 
            float: left;
 - 
 
349 
            width: 100%;
 - 
 
350 
            -webkit-border-radius: 10px;
 - 
 
351 
            -moz-border-radius: 10px;
 - 
 
352 
            border-radius: 10px;
 - 
 
353 
            clear: both;
 - 
 
354 
        }
 92 
        }
355 
 
 93 
 
356 
        #canvas-preview {
 - 
 
357 
            width: 100%;
 94 
        #[[#preview]]# { position: relative; color: #fff; float: left; width: 100%; border-radius: 10px; clear: both; }
358 
            position: relative;
 95 
        #[[#canvas-preview]]# { width: 100%; position: relative; top: -15px; }
359 
            top: -15px;
 - 
 
360 
        }
 - 
 
361 
 
 - 
 
362 
        #preview-textfield {
 96 
        #[[#preview-textfield]]# {
363 
            position: absolute;
 97 
            position: absolute; top: -10px; left: 0; right: 0;
364 
            top: -10px;
 - 
 
365 
            left: 0;
 - 
 
366 
            right: 0;
 - 
 
367 
            text-align: center;
 98 
            text-align: center; font-size: 2em; font-weight: bold; color: white;
368 
            font-size: 2em;
 - 
 
369 
            font-weight: bold;
 - 
 
370 
            color: white;
 - 
 
371 
            font-family: 'Amaranth', sans-serif, Hind, 'Mukta';
 99 
            font-family: 'Amaranth', sans-serif, Hind, 'Mukta';
372 
        }
 100 
        }
- 
 
 101 
        #[[#descriptionMenu]]# { list-style-type: square; text-align: left; }
373 
 
 102 
 
374 
        #descriptionMenu {
 - 
 
375 
            list-style: desc !important;
 - 
 
376 
            list-style-type: square;
 - 
 
377 
            text-align: left;
 - 
 
378 
        }
 - 
 
379 
 
 - 
 
380 
        .messagebutton {
 - 
 
381 
            margin-left: 1px;
 103 
        .messagebutton { margin-left: 1px; }
382 
 
 - 
 
383 
        }
 - 
 
384 
 
 104 
 
385 
        .partnerTypeList a {
 105 
        .partnerTypeList a {
386 
            color: #1f1d1d;
 - 
 
387 
            border-bottom: none !important;
 106 
            color: #1f1d1d; border-bottom: none !important;
388 
            background-color: #efecec;
 - 
 
389 
            border: 1px solid #dad5d5 !important;
 - 
 
390 
            padding: 10px 15px !important;
 - 
 
391 
        }
 - 
 
392 
 
 - 
 
393 
        .Partnerdropdiv {
 - 
 
394 
            background-color: #efecec !important;
 107 
            background-color: #efecec; border: 1px solid #dad5d5 !important; padding: 10px 15px !important;
395 
            padding: 0 !important;
 - 
 
396 
        }
 - 
 
397 
 
 - 
 
398 
        .partnerGold:hover {
 - 
 
399 
            background-color: #D4AF37 !important;
 - 
 
400 
            background-image: unset !important;
 - 
 
401 
        }
 - 
 
402 
 
 - 
 
403 
        .partnerBronz:hover {
 - 
 
404 
            background-color: #CD7F32 !important;
 - 
 
405 
            background-image: unset !important;
 - 
 
406 
        }
 - 
 
407 
 
 - 
 
408 
        .partnerPlatinum:hover {
 - 
 
409 
            background-color: #799096 !important;
 - 
 
410 
            background-image: unset !important;
 - 
 
411 
        }
 - 
 
412 
 
 - 
 
413 
        .partnerSilver:hover {
 - 
 
414 
            background-color: #BCC6CC !important;
 - 
 
415 
            background-image: unset !important;
 - 
 
416 
        }
 108 
        }
417 
 
 - 
 
418 
        .partnerDiamond:hover {
 109 
        .Partnerdropdiv { background-color: #efecec !important; padding: 0 !important; }
419 
            background-color: #B9F2FF !important;
 110 
        .partnerGold:hover { background-color: #D4AF37 !important; background-image: unset !important; }
420 
            background-image: unset !important;
 111 
        .partnerBronz:hover { background-color: #CD7F32 !important; background-image: unset !important; }
421 
        }
 - 
 
422 
 
 - 
 
423 
        /*Custom Css by Vikas*/
 112 
        .partnerPlatinum:hover { background-color: #799096 !important; background-image: unset !important; }
424 
        .info-box .row div, .info-box .row strong {
 113 
        .partnerSilver:hover { background-color: #BCC6CC !important; background-image: unset !important; }
425 
            font-size: 16px !important;
 114 
        .partnerDiamond:hover { background-color: #B9F2FF !important; background-image: unset !important; }
426 
        }
 - 
 
427 
 
 115 
 
428 
        .info-box.light-salmon-bg div.title {
 116 
        .info-box .row div, .info-box .row strong { font-size: 16px !important; }
429 
            font-size: 12px !important;
 117 
        .info-box.light-salmon-bg div.title { font-size: 12px !important; }
430 
        }
 - 
 
431 
 
 - 
 
432 
        .info-box.orange-bg button div {
 118 
        .info-box.orange-bg button div { font-size: 10px !important; }
433 
            font-size: 10px !important;
 - 
 
434 
        }
 - 
 
435 
 
 - 
 
436 
    </style>
 119 
    </style>
437 
</head>
 120 
</head>
438 
 
 121 
 
439 
<body style="background-color:#f7f7f7">
 122 
<body style="background-color:#f7f7f7">
440 
<!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
 123 
<!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
Line 637... Line 320...
637 
    <!--sidebar start-->
 320 
    <!--sidebar start-->
638 
    <aside>
 321 
    <aside>
639 
        <div id="sidebar" class="nav-collapse ">
 322 
        <div id="sidebar" class="nav-collapse ">
640 
            <!-- sidebar menu start-->
 323 
            <!-- sidebar menu start-->
641 
            <ul class="sidebar-menu">
 324 
            <ul class="sidebar-menu">
642 
                <li class="active">
 - 
 
643 
                    <a class="" href="${rc.contextPath}/dashboard">
 - 
 
644 
                        <i class="icon_house_alt"></i>
 - 
 
645 
                        <span>#springMessage("dashboard.dashboard")</span>
 - 
 
646 
                    </a>
 - 
 
647 
                </li>
 - 
 
648 
                <li>
 325 
                <li>
649 
                    <a href="javascript:;" class="punch-in-outs">
 326 
                    <a href="javascript:;" class="punch-in-outs">
650 
                        <i class="icon_clock_alt"></i>
 327 
                        <i class="icon_clock_alt"></i>
651 
                        <span>#springMessage("menu.punchinout") </span>
 328 
                        <span>#springMessage("menu.punchinout") </span>
652 
                    </a>
 329 
                    </a>
Line 1351... Line 1028...
1351 
                            #end
 1028 
                            #end
1352 
                        </div>
 1029 
                        </div>
1353 
                        <div class="row">
 1030 
                        <div class="row">
1354 
                            <div class="col-lg-3">
 1031 
                            <div class="col-lg-3">
1355 
                                <div class="card card-default">
 1032 
                                <div class="card card-default">
1356 
							<span class="card-body" style="padding-bottom:38px;">
 1033 
							<span class="card-body" style="padding-bottom:0px">
1357 
								<table>
 1034 
								<table>
1358 
									<thead>
 1035 
									<thead>
1359 
										<tr><td colspan="2">Current Stock</td></tr>
 1036 
										<tr><td colspan="2">Current Stock</td></tr>
1360 
									</thead>
 1037 
									</thead>
1361 
									<tbody>
 1038 
									<tbody>
1362 
										<tr><th>Value</th><td><span class="currency">$accesoriesStock</span></td></tr>
 1039 
										<tr><th>Value</th><td><span class="currency">$accesoriesStock</span></td></tr>
1363 
									</tbody>
 1040 
									</tbody>
1364 
								</table>
 1041 
								</table>
- 
 
 1042 
								<p>&nbsp;</p>
1365 
							</span>
 1043 
							</span>
1366 
                                    <span class="card-img">
 1044 
                                    <span class="card-img" style="text-align:center">
1367 
								<img src="resources/images/accessories.jpg" id="accesoriesStock"
 1045 
								<img src="resources/images/accessories.jpg"
1368 
                                     class="accesoriesClass">
 1046 
                                     class="cover accesoriesClass">
1369 
							</span>
 1047 
							</span>
1370 
                                </div>
 1048 
                                </div>
1371 
                            </div>
 1049 
                            </div>
1372 
 
 1050 
 
1373 
                        </div>
 1051 
                        </div>
Line 2125... Line 1803...
2125 
</style>
 1803 
</style>
2126 
 
 1804 
 
2127 
 
 1805 
 
2128 
<script type="text/javascript">
 1806 
<script type="text/javascript">
2129 
    window.onload = function () {
 1807 
    window.onload = function () {
2130 
        if (window.innerWidth < 1920) document.body.style.zoom = "80%";
 - 
 
2131 
        var options = $chartMap;
 1808 
        var options = $chartMap;
2132 
        var ctx = document.getElementById('barchart').getContext('2d');
 1809 
        var ctx = document.getElementById('barchart').getContext('2d');
2133 
        window.bar = new Chart(ctx, options);
 1810 
        window.bar = new Chart(ctx, options);
2134 
    };
 1811 
    };
2135 
</script>
 1812 
</script>