PluginProbe
Yatra – Travel Booking & Tour Operator Software / 2.1.16
Yatra – Travel Booking & Tour Operator Software v2.1.16
3.0.15 3.0.14 3.0.14.1 3.0.14.2 3.0.12 3.0.13 3.0.11 3.0.10 3.0.9 3.0.8 3.0.7 3.0.6 3.0.5 3.0.5.1 3.0.4 3.0.3 3.0.2.9 3.0.2.7 3.0.2.8 3.0.2.6 trunk 1.0.0 2.0.0 2.0.1 2.0.10 All 83 releases
yatra / assets / admin / css / availability.css

availability.css in Yatra – Travel Booking & Tour Operator Software 2.1.16, at assets/admin/css/availability.css

520 lines 11.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 #yatra-availability-calendar-container:after {
2 content: "";
3 display: inline-block;
4 width: 100%;
5 clear: both;
6
7 }
8
9 #yatra-availability-calendar-container {
10 padding: 50px 20px;
11 background: #fff;
12 border: 1px solid #ddd;
13 margin: 0 20px 0 0;
14
15 }
16
17 #yatra-availability-calendar {
18 position: relative;
19 }
20
21 #yatra-availability-calendar.yatra-loading:before {
22 content: "";
23 height: 100%;
24 width: 100%;
25 background: rgba(0, 0, 0, 0.2);
26 position: absolute;
27 right: 0;
28 z-index: 999;
29 padding: 20px;
30 top: 0;
31 left: 0;
32 bottom: 0;
33 border: 1px solid #aaa;
34 }
35
36 #yatra-availability-calendar .fc-daygrid-day-events {
37
38 padding: 10px;
39 }
40
41 #yatra-availability-calendar .fc-event {
42
43 border-radius: 0;
44 background: none !important;
45 border: none;
46 font-size: 14px;
47 }
48
49 #yatra-availability-calendar .fc-event .fc-event-title {
50 padding: 2px 5px;
51 border-radius: 0;
52 background: #2f582b;
53 color: white;
54 display: inline-block;
55 width: 100%;
56 white-space: nowrap;
57 overflow: hidden;
58 text-overflow: ellipsis;
59 cursor: pointer;
60 font-size: 12px;
61 }
62
63 #yatra-availability-calendar .fc-event .fc-event-title.yatra-active-event {
64 border-bottom: 3px solid #40cd51de;
65 }
66
67 #yatra-availability-calendar-container .yatra-availability-calendar-header {
68 max-width: 1100px;
69 margin: 0 auto;
70 display: flex;
71 justify-content: space-around;
72 }
73
74 #yatra-availability-calendar-container .yatra-availability-calendar-header ul {
75 display: flex;
76 }
77
78 #yatra-availability-calendar-container .yatra-availability-calendar-header .yatra-calendar-booking-indicator-lists li {
79 position: relative;
80 display: flex;
81 justify-content: space-between;
82 align-items: center;
83 font-weight: bold;
84 text-transform: uppercase;
85 }
86
87 #yatra-availability-calendar-container .yatra-availability-calendar-header .yatra-calendar-booking-indicator-lists li.active:before {
88
89 background-color: #4cb111;
90 }
91
92 #yatra-availability-calendar-container .yatra-availability-calendar-header .yatra-calendar-booking-indicator-lists li.booking:before {
93 background-color: #2f582b;
94 }
95
96 #yatra-availability-calendar-container .yatra-availability-calendar-header .yatra-calendar-booking-indicator-lists li.enquery:before {
97 background-color: #008bb5;
98 }
99
100 #yatra-availability-calendar-container .yatra-availability-calendar-header .yatra-calendar-booking-indicator-lists li.not-available:before {
101 background-color: #aaa;
102 }
103
104 #yatra-availability-calendar-container .yatra-availability-calendar-header .yatra-calendar-booking-indicator-lists li:before {
105 content: "";
106 display: block;
107 width: 50px;
108 height: 8px;
109 background: #ddd;
110 margin: 0 10px;
111 }
112
113
114 #yatra-availability-calendar .fc-event .fc-event-title.yatra-availability-enquiry {
115 background: #008bb5;
116 }
117
118 #yatra-availability-calendar .fc-event .fc-event-title.yatra-availability-none {
119 background: #aaa;
120 }
121
122 #yatra-availability-calendar .fc-event .fc-event-title.yatra-inactive-event {
123 background: #2f582b;
124 }
125
126 #yatra-availability-calendar .fc-event .fc-event-title.yatra-booking-full {
127 background: #e67e22;
128 text-align: center;
129 }
130
131 #yatra-availability-calendar .fc-daygrid-day-top {
132 justify-content: space-between;
133 }
134
135 #yatra-availability-calendar .fc-daygrid-day-top .yatra-cal-checkbox {
136 margin: 5px;
137 border: 1px solid #000;
138 border-radius: 0;
139 }
140
141 #yatra-availability-calendar .yatra-cal-header-checkbox {
142 border-radius: 0;
143 float: left;
144 margin: 5px;
145
146 }
147
148 #yatra-admin-popup {
149
150 position: fixed;
151 top: 0;
152 bottom: 0;
153 left: 0;
154 right: 0;
155 z-index: 999;
156 }
157
158 #yatra-admin-popup .yatra-admin-popup-overlay {
159 position: fixed;
160 top: 0;
161 bottom: 0;
162 left: 0;
163 right: 0;
164 background: rgba(0, 0, 0, 0.7);
165 visibility: visible;
166 opacity: 1;
167 }
168
169 #yatra-admin-popup .yatra-admin-popup-content {
170
171 position: fixed;
172 top: 50%;
173 left: 50%;
174 transform: translate(-50%, -50%);
175 width: 900px;
176 max-width: 900px;
177 background: #fff;
178 border-radius: 5px;
179 z-index: 999;
180 overflow: hidden;
181
182 }
183
184 #yatra-admin-popup .yatra-admin-popup-body {
185 min-height: 350px;
186 max-height: 75vh;
187 overflow-x: auto;
188 }
189
190 #yatra-admin-popup .yatra-admin-popup-footer {
191 padding: 10px 20px;
192 background: #fff;
193 border-top: 1px solid #ddd;
194 display: flex;
195 justify-content: flex-end;
196 }
197
198 #yatra-admin-popup .yatra-admin-popup-header {
199 display: flex;
200 align-items: center;
201 justify-content: space-between;
202 font-size: 20px;
203 border-bottom: 1px solid #ddd;
204 padding: 20px;
205 }
206
207 #yatra-admin-popup .yatra-admin-popup-header-title {
208 margin: 0;
209 padding: 0;
210 display: flex;
211 justify-content: space-between;
212 align-items: center;
213 }
214
215 #yatra-admin-popup .yatra-admin-popup-header-title .post-title {
216 font-size: 15px;
217 font-weight: normal;
218 margin-left: 20px;
219 }
220
221 #yatra-admin-popup .yatra-admin-popup-close {
222 cursor: pointer;
223 font-size: 30px;
224 }
225
226 #yatra-admin-popup .yatra-pricing-availability-calendar-header .yatra-field-row,
227 #yatra-admin-popup .yatra-pricing-group-wrap-container .yatra-field-row,
228 #yatra-admin-popup .yatra-pricing-availability-calendar-date .yatra-field-row {
229 display: flex;
230 }
231
232 #yatra-admin-popup .yatra-pricing-group-wrap-container input[type="text"],
233 #yatra-admin-popup .yatra-pricing-availability-calendar-date input[type="text"],
234 #yatra-admin-popup .yatra-pricing-availability-calendar-header input[type="text"],
235 #yatra-admin-popup .yatra-pricing-group-wrap-container input[type="number"],
236 #yatra-admin-popup .yatra-pricing-availability-calendar-header input[type="number"],
237 #yatra-admin-popup .yatra-pricing-group-wrap-container select,
238 #yatra-admin-popup .yatra-pricing-availability-calendar-date select,
239 #yatra-admin-popup .yatra-pricing-availability-calendar-header select {
240
241 width: 100%;
242 max-width: 200px;
243 box-shadow: none;
244 border: 1px solid #aaa;
245 border-radius: 0;
246 padding: 4px 12px;
247 height: 35px;
248 outline: 0;
249 border-left: 3px solid #aaa;
250 margin-right: 5px;
251 }
252
253 #yatra-admin-popup .yatra-pricing-group-wrap-container label {
254 vertical-align: middle;
255 padding: 5px 0;
256 font-weight: bold;
257 display: inline-block;
258 margin-top: 10px;
259 }
260
261 #yatra-admin-popup .yatra-pricing-availability-calendar-date label {
262 font-weight: 700;
263 margin-right: 10px;
264 }
265
266 #yatra-admin-popup .yatra-field-wrap {
267
268 width: 25%;
269
270 }
271
272 #yatra-admin-popup .yatra-pricing-group-wrap-container {
273
274 margin-top: 10px;
275 }
276
277 #yatra-admin-popup fieldset {
278 border: 1px solid #ddd;
279 padding: 15px;
280 background: #f9f9f9;
281 }
282
283 #yatra-admin-popup legend {
284 font-size: 15px;
285 font-weight: 600;
286 padding: 5px;
287 background: #000;
288 color: #fff;
289 border: 1px solid #000;
290 }
291
292 #yatra-admin-popup .yatra-pricing-availability-calendar-header .yatra-field-wrap {
293 align-items: center;
294 width: 33.33%;
295 margin-bottom: 15px;
296 display: flex;
297 }
298
299 #yatra-admin-popup .yatra-pricing-availability-calendar-header .yatra-field-row {
300 justify-content: space-between;
301 }
302
303 #yatra-admin-popup .yatra-pricing-availability-calendar-date .yatra-field-row {
304 justify-content: space-between;
305 }
306
307
308 #yatra-admin-popup .yatra-pricing-availability-calendar-header .yatra-tippy-tooltip {
309 margin-left: 0;
310 }
311
312 #yatra-admin-popup .yatra-pricing-availability-calendar-header label:not(.yatra-switch-control) {
313 font-weight: 700;
314 margin-right: 5px;
315 }
316
317 #yatra-admin-popup .yatra-pricing-availability-calendar-header input[type="text"],
318 #yatra-admin-popup .yatra-pricing-availability-calendar-header select,
319 #yatra-admin-popup .yatra-pricing-availability-calendar-header input[type="number"] {
320 width: 150px;
321 display: block;
322 max-width: 300px;
323 }
324
325 #yatra-admin-popup .yatra-availability-calendar-pricing-content.yatra-overlay {
326 position: relative;
327 }
328
329 #yatra-admin-popup .yatra-availability-calendar-pricing-content.yatra-overlay:before {
330 content: "";
331 width: 100%;
332 height: 100%;
333 background: rgba(0, 0, 0, 0.3);
334 position: absolute;
335 top: 0;
336 right: 0;
337 left: 0;
338 bottom: 0;
339 z-index: 9;
340 }
341
342 #yatra-admin-popup .spinner {
343 margin-top: 0px;
344 }
345
346
347 #yatra-admin-popup form#yatra-availability-calendar-popup-form {
348 padding: 0 20px;
349 }
350
351 #yatra-admin-popup form#yatra-availability-calendar-popup-form.loading {
352 pointer-events: none;
353 }
354
355 #yatra-admin-popup form#yatra-availability-calendar-popup-form.loading {
356 position: relative;
357 }
358
359 #yatra-admin-popup form#yatra-availability-calendar-popup-form.loading:before {
360 display: block;
361 width: 100%;
362 height: 100%;
363 background: rgba(0, 0, 0, 0.1);
364 content: "";
365 position: absolute;
366 top: 0;
367 right: 0;
368 left: 0;
369 bottom: 0;
370 z-index: 9;
371 }
372
373 #yatra-admin-popup .yatra-avilability-daterange-picker {
374 cursor: pointer;
375 font-size: 30px;
376 height: 30px;
377 width: 30px;
378 margin-right: 5px;
379 }
380
381 body.yatra-popup-open {
382 overflow-y: hidden;
383 }
384
385 #yatra-admin-popup .yatra-pricing-availability-calendar-date {
386 margin: 20px 0;
387 }
388
389 #yatra-admin-popup .yatra-pricing-availability-calendar-date .yatra-field-wrap {
390
391 width: 100%;
392 display: flex;
393 align-items: center;
394 }
395
396 #yatra-admin-popup .yatra-pricing-availability-calendar-date select {
397 width: 300px;
398 max-width: 300px;
399 }
400
401 #yatra-admin-popup .daterangepicker {
402 box-shadow: 5px 3px 20px rgb(0 0 0 / 50%);
403 }
404
405 #yatra-admin-popup form#yatra-availability-calendar-popup-form.yatra-deactivate-form .yatra-availability-calendar-pricing-content {
406 position: relative;
407 }
408
409 #yatra-admin-popup form#yatra-availability-calendar-popup-form.yatra-deactivate-form .yatra-availability-calendar-pricing-content:before {
410 position: absolute;
411 top: 0;
412 left: 0;
413 right: 0;
414 bottom: 0;
415 height: 100%;
416 width: 100%;
417 background: rgba(0, 0, 0, 0.1);
418 content: "";
419 }
420
421 #yatra-availability-calendar td.yatra-expired-date {
422 position: relative;
423 }
424
425 #yatra-availability-calendar td.yatra-expired-date:before {
426 position: absolute;
427 content: "";
428 height: 100%;
429 width: 100%;
430 top: 0;
431 left: 0;
432 right: 0;
433 bottom: 0;
434 background: rgba(0, 0, 0, 0.1);
435 z-index: 9;
436 }
437
438 #yatra-availability-calendar-wrap {
439 max-width: 75%;
440 width: 75%;
441 float: right;
442
443 }
444
445 #yatra-availability-calendar {
446 height: 800px;
447 max-height: 800px;
448 max-width: 100%;
449 width: 100%;
450 overflow: hidden;
451 }
452
453 #yatra-availability-calendar-container .yatra-availability-tour-list-wrap {
454 max-width: 25%;
455 width: 25%;
456 float: left;
457 background: #fff;
458 border: 1px solid #ddd;
459 }
460
461 #yatra-availability-calendar-container form#yatra-availability-search-form {
462 height: 51px;
463 background: #f9f9f9;
464 display: flex;
465 justify-content: space-between;
466 align-items: center;
467 padding: 0 20px;
468 }
469
470 #yatra-availability-calendar-container form#yatra-availability-search-form input {
471 min-height: 40px;
472 width: 280px;
473 }
474
475 #yatra-availability-calendar-container form#yatra-availability-search-form button {
476 min-height: 40px;
477 width: 80px;
478 }
479
480 #yatra-availability-calendar-container ul.yatra-availability-tour-lists {
481 border-top: 1px solid #ddd;
482 margin-top: 0;
483 }
484
485 #yatra-availability-calendar-container .yatra-availability-tour-lists li {
486 margin: 0;
487 padding: 0 10px;
488 }
489
490 #yatra-availability-calendar-container .yatra-availability-tour-lists li.booking-disabled a {
491 color: #ddd;
492 outline: none;
493 cursor: not-allowed;
494 pointer-events: none;
495 }
496
497 #yatra-availability-calendar-container .yatra-availability-tour-lists li a {
498
499 padding: 10px;
500 max-width: 100%;
501 display: block;
502 text-decoration: none;
503 outline: none;
504
505 }
506
507 #yatra-availability-calendar-container .yatra-availability-calendar-content-body {
508 display: flex;
509 width: 100%;
510 }
511
512 #yatra-availability-calendar-container .yatra-availability-tour-lists li.active-tour a {
513 background: #ccc;
514 border: 1px solid #aaa;
515 }
516
517 .yatra-availability-calendar-content-footer {
518 padding: 30px;
519 text-align: center;
520 }