1import{a as En}from"./chunk-7MPZM7OG.js";import{a as Fn}from"./chunk-LLY7IWYX.js";import{a as fn}from"./chunk-FATWDE2I.js";import{a as Dn}from"./chunk-FBK62FVD.js";import{a as pn}from"./chunk-MYW5TSFL.js";import{a as Nn}from"./chunk-2V6NOV55.js";import"./chunk-7JOJN3RM.js";import"./chunk-6ID4F7HT.js";import{a as D}from"./chunk-3ZM65R5R.js";import"./chunk-UWL6IRDS.js";import{e as F}from"./chunk-F3BFGYN6.js";import{a as z}from"./chunk-OXX5OXPS.js";import"./chunk-KVIIJSEX.js";import{a as jn}from"./chunk-REYQ6RU5.js";import{i as Z}from"./chunk-46CI6TOY.js";import"./chunk-CSLPDERK.js";import"./chunk-MRNBATYH.js";import{g as an,h as X}from"./chunk-REQ3ZIKO.js";import"./chunk-LLWOZXGS.js";import{a as B}from"./chunk-Z67RF3DW.js";import{U as W,V as on,W as H,da as rn,ia as An,ja as Tn,ka as Gn}from"./chunk-OOF7GBBY.js";import{A as Bn,e as mn}from"./chunk-ZKXAIFLN.js";import{c as In,l as A}from"./chunk-DRDLSANX.js";import{a as q}from"./chunk-BD7FZ46M.js";import"./chunk-NFCVD4UL.js";import{$a as h,Ab as c,Bb as sn,Cd as Sn,Dd as en,Eb as bn,Fb as Q,Gc as f,Hc as u,Ia as _n,Ic as tn,Jb as Pn,Lc as vn,Ob as p,Pb as r,Qb as x,Rb as M,Sb as O,Ub as P,Xb as m,Zb as d,ac as K,ea as hn,eb as a,ec as Mn,fb as s,fc as On,gc as wn,ja as V,jc as nn,kc as l,lb as Cn,lc as v,mc as E,pa as y,td as kn,ud as zn,vc as k,vd as j,xa as un,ya as _,yb as b,yc as yn,za as C}from"./chunk-GHDWNG75.js";import"./chunk-WFMAM73Y.js";import"./chunk-GP7VB7TC.js";var $=class{constructor(i){i=i||{},this.id=i.id||0,this.firstName=i.firstName||"",this.lastName=i.lastName||"",this.userAvatar=i.userAvatar||"",this.phoneNumber=i.phoneNumber||"",this.isSuperAdmin=i.isSuperAdmin,this.joinedDate=i.joinedDate}};var S=(()=>{class t{constructor(n,e,o,g,I){this.api=n,this.userService=e,this.sharedService=o,this.localService=g,this.httpClient=I}searchForAdmin(n){return this.api.postApiCall(A.admin.searchForAdmin,n)}disableAccess(n){return this.api.postApiCall(A.admin.toggleAccess,n)}changeSuperAdmin(n){return this.api.postApiCall(A.admin.changeSuperAdmin,n)}sendAdminInvitation(n){return this.api.postApiCall(A.admin.sendAdminInvitation,n)}inviteAdmin(n){return this.api.postApiCall(A.admin.inviteAdmin,n)}getAdminList(n){return this.api.postApiCall(A.admin.getAdminList,n)}getLoggedInAdminDetails(){return new Promise((n,e)=>{this.httpClient.post(A.admin.getLoggedInAdminDetails,{phoneNumber:this.localService.getPhoneNumber()}).subscribe(o=>{n(o)},e)})}getAdminSummary(){return new Promise((n,e)=>{this.httpClient.post(A.admin.getAdminSummary,{phoneNumber:this.localService.getPhoneNumber()}).subscribe(o=>{n(o)},e)})}deleteAdmin(n){return this.api.postApiCall(A.admin.deleteAdmin,n)}removeAdmin(n){return this.api.postApiCall(A.admin.removeAdmin,n)}cancelAdminInvitation(n){return this.api.postApiCall(A.admin.cancelAdminInvitation,n)}static{this.\u0275fac=function(e){return new(e||t)(V(Tn),V(Gn),V(X),V(An),V(In))}}static{this.\u0275prov=hn({token:t,factory:t.\u0275fac,providedIn:"root"})}}return t})();var Un=(()=>{class t{constructor(n){this.adminService=n,this.loggedInAdminDetails=new $}ngOnInit(){this.loggedInAdminDetails=this.adminService.loggedInAdminDetails}static{this.\u0275fac=function(e){return new(e||t)(s(S))}}static{this.\u0275cmp=y({type:t,selectors:[["app-admin-details-card"]],standalone:!0,features:[k],decls:14,vars:7,consts:[[1,"detailCardContainer"],[1,"imageCircle"],[1,"imageHolder"],["alt","User Avatar",3,"src"],[1,"bgDark"],[1,"adminBadge"],[1,"nameWraper"]],template:function(e,o){e&1&&(p(0,"div",0)(1,"div",1)(2,"div",2),x(3,"img",3),r()(),p(4,"div",4)(5,"div",5)(6,"h2"),l(7),r()()(),p(8,"div",6)(9,"h1"),l(10),r(),p(11,"p"),l(12),f(13,"date"),r()()()),e&2&&(a(3),K("src",o.loggedInAdminDetails.userAvatar,h),a(4),v(o.loggedInAdminDetails.isSuperAdmin?"Super Admin":"Admin"),a(3),v(o.loggedInAdminDetails.firstName+" "+o.loggedInAdminDetails.lastName),a(2),E("Joined ",tn(13,4,o.loggedInAdminDetails.joinedDate,"dd MMM y"),""))},dependencies:[z,en],styles:[` 2 3.sidebar-navigation-layout-event[_ngcontent-%COMP%] { 4 background-color: #232638; 5 width: 100%; 6 min-height: 100vh; 7 max-height: 100%; 8 max-width: 265px; 9 padding: 24px 10px 20px 10px; 10 z-index: 1; 11 position: sticky; 12 top: 0 !important; 13} 14.row-three-column-layout[_ngcontent-%COMP%] { 15 display: flex; 16 flex-direction: row; 17} 18.row-three-column-layout[_ngcontent-%COMP%] .columns[_ngcontent-%COMP%] { 19 width: 33.33%; 20 padding-left: 0px !important; 21 margin-right: 91.9px !important; 22} 23.flex-container[_ngcontent-%COMP%] { 24 display: flex; 25 flex-direction: row; 26 width: 100vw; 27 height: 100vh !important; 28 overflow: hidden !important; 29} 30.columns[_ngcontent-%COMP%]:nth-of-type(1) { 31 width: 22%; 32 max-width: 14.37rem; 33 z-index: 1; 34} 35.columns[_ngcontent-%COMP%]:nth-of-type(2) { 36 width: 100%; 37 background: #0B0D1D; 38} 39.data-top-box[_ngcontent-%COMP%] { 40 margin-top: 27.5px; 41 width: 100%; 42 height: 205px; 43 padding: 15px 15px 15px 15px; 44 border-radius: 10px; 45 background-image: 46 linear-gradient( 47 to bottom, 48 #282c40, 49 #232333); 50 display: flex; 51 flex-direction: row; 52} 53.data-top-box[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] { 54 font-family: "GilroySemiBold"; 55 font-size: 1.125rem; 56 text-align: left; 57 font-style: normal; 58 line-height: 0.72; 59 letter-spacing: normal; 60 color: #f5f5f5; 61 margin-top: 5.5px; 62} 63.data-top-box[_ngcontent-%COMP%] .cola[_ngcontent-%COMP%] { 64 width: 50%; 65} 66.attendee-boxes[_ngcontent-%COMP%] { 67 display: flex; 68 flex-direction: row; 69 justify-content: space-between; 70 width: 95%; 71} 72.attendee-desc[_ngcontent-%COMP%] { 73 margin-left: 5.8px; 74 margin-right: 5.8px; 75} 76.attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 77 font-family: "GilroySemiBold"; 78 font-size: 0.875rem; 79 font-style: normal; 80 line-height: 0.93; 81 letter-spacing: normal; 82 text-transform: uppercase; 83 margin-bottom: 0px; 84} 85.attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 86 font-family: "GilroySemiBold"; 87 font-size: 1.625rem; 88 text-align: left; 89 font-style: normal; 90 line-height: 0.5; 91 letter-spacing: normal; 92 color: #f5f5f5; 93 margin-top: 10px; 94 margin-left: 2px; 95} 96.attendee-details[_ngcontent-%COMP%] { 97 margin-top: 21.5px; 98 display: flex; 99 flex-direction: row; 100 justify-content: space-evenly; 101} 102.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 103 width: 45px; 104 height: 45px; 105 transform: scale(1) !important; 106 transition: transform 0.3s ease-in-out !important; 107} 108.attendee-details[_ngcontent-%COMP%] .going[_ngcontent-%COMP%] { 109 color: #6fffed; 110} 111.attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 112 color: #b260ea; 113 width: 127px; 114} 115.attendee-details[_ngcontent-%COMP%] .vip_passes[_ngcontent-%COMP%] { 116 color: #ff9300; 117 width: 72px; 118} 119.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%]:hover { 120 transform: scale(1.1) !important; 121 transition: transform 0.3s ease-in-out !important; 122} 123@media (min-width: 375) and (max-width: 425px) { 124 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 125 display: none; 126 } 127} 128@media (min-width: 768px) and (max-width: 1365px) { 129 .attendee-boxes[_ngcontent-%COMP%] { 130 display: flex; 131 flex-direction: row; 132 justify-content: space-around; 133 margin-right: 5px; 134 } 135 .attendee-desc[_ngcontent-%COMP%] { 136 margin-left: 3.8px; 137 margin-right: 3.8px; 138 } 139 .attendee-details[_ngcontent-%COMP%] { 140 margin-top: 21.5px; 141 display: flex; 142 flex-direction: row; 143 justify-content: space-evenly; 144 } 145 .attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 146 width: 35px; 147 height: 35px; 148 } 149 .attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 150 font-size: 0.75rem; 151 } 152 .attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 153 font-size: 1.25rem; 154 } 155 .attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 156 width: 110px; 157 } 158 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 159 display: none; 160 } 161 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 162 width: 100vw; 163 } 164 .ComponentsWrapper[_ngcontent-%COMP%] { 165 width: 100% !important; 166 } 167} 168@media screen and (min-width: 1025px) and (max-width: 1365px) { 169 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 170 display: none; 171 } 172} 173@media (min-width: 900px) and (width: 1900px) { 174 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 175 width: 15%; 176 } 177 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 178 width: 85%; 179 } 180} 181.wizard-container[_ngcontent-%COMP%] { 182 display: flex; 183 flex-direction: row; 184 width: 1440px; 185 min-width: 1440px; 186 justify-content: center; 187 margin: auto; 188} 189.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 190 width: 100%; 191 display: flex; 192 flex-direction: row; 193} 194.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 195 display: flex; 196 flex-direction: column; 197 width: 75%; 198} 199.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container.fullWidth[_ngcontent-%COMP%] { 200 width: 100% !important; 201} 202.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 203 width: 42%; 204 color: #fff; 205 margin-right: 35px !important; 206 margin-top: 36px; 207} 208.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 209 width: 365px; 210 height: 733px; 211 margin-top: 20px; 212 margin-right: 35px; 213 position: -webkit-sticky; 214 position: sticky; 215 top: 155px; 216} 217.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 218 width: 42%; 219 color: #fff; 220 margin-right: 35px !important; 221 margin-top: 36px; 222 z-index: -1; 223} 224.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 225 position: relative; 226 width: 365px; 227 height: 733px; 228 margin-top: 20px; 229 margin-right: 35px; 230} 231.wizard-footer[_ngcontent-%COMP%] { 232 width: 687px; 233 height: 65px; 234 position: absolute; 235 bottom: 0%; 236 padding: 0px 95px; 237 display: flex; 238 justify-content: flex-end; 239 align-items: center; 240} 241@media only screen and (max-height: 900px) { 242 .mobile-container[_ngcontent-%COMP%] { 243 margin-top: 0px !important; 244 } 245} 246.NextButton[_ngcontent-%COMP%] { 247 margin-top: 40px; 248 display: flex; 249 justify-content: flex-end; 250 width: 588px; 251 height: 65px; 252} 253.CenterAlign[_ngcontent-%COMP%] { 254 display: flex; 255 align-items: center; 256 flex-direction: column; 257 justify-content: center; 258} 259.ComponentsWrapper[_ngcontent-%COMP%] { 260 width: 1115px; 261} 262.minusSign[_ngcontent-%COMP%] { 263 margin-right: 11.5px; 264 width: 10px; 265 height: 21px; 266 cursor: pointer; 267 transition: all 0.2s ease-in-out; 268} 269.plusSign[_ngcontent-%COMP%] { 270 margin-left: 11.5px; 271 width: 10px; 272 height: 21px; 273 cursor: pointer; 274 transition: all 0.2s ease-in-out; 275} 276.minusSign[_ngcontent-%COMP%]:hover, .plusSign[_ngcontent-%COMP%]:hover { 277 transform: scale(1.2); 278} 279.app-scrollbar[_ngcontent-%COMP%] { 280 position: relative; 281 top: 0px; 282 right: 0px; 283 padding: 0px; 284 z-index: 0; 285} 286.leftArrow-Container[_ngcontent-%COMP%] { 287 width: 50px; 288 height: 154px; 289 background-image: 290 linear-gradient( 291 to right, 292 #1e1e2c, 293 rgba(30, 30, 44, 0.5)); 294 display: flex; 295 align-items: center; 296 position: absolute; 297 justify-content: center; 298 z-index: 4; 299 left: 210px; 300} 301.leftArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 302 color: #f5f5f5; 303 font-size: 1.75rem; 304 cursor: pointer; 305 transition: 0.2s ease-in-out; 306} 307.rightArrow-Container[_ngcontent-%COMP%] { 308 width: 50px; 309 height: 154px; 310 background-image: 311 linear-gradient( 312 to right, 313 #1e1e2c, 314 rgba(30, 30, 44, 0.5)); 315 display: flex; 316 align-items: center; 317 position: absolute; 318 justify-content: center; 319 z-index: 4; 320 right: -24px; 321} 322.rightArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 323 color: #f5f5f5; 324 font-size: 1.75rem; 325 cursor: pointer; 326} 327.leftArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%], .rightArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%] { 328 transform: scale(1.4); 329 transition: 0.2s ease-in-out; 330} 331.top-nav[_ngcontent-%COMP%] { 332 top: -23px; 333 z-index: 1; 334 position: relative; 335 display: flex; 336 flex-direction: row; 337 gap: 15px; 338} 339.top-nav.Opacity[_ngcontent-%COMP%] { 340 opacity: 0.3; 341 transition: 0.1s ease-in;
342 z-index: 0; 343} 344.top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 345 margin: 20px 0px 0px 0px; 346 padding: 11px 20px 11px; 347 border-radius: 25px; 348 height: 42px; 349 width: auto !important; 350 background-color: rgba(111, 255, 237, 0.1); 351 transition: background-color 0.3s ease-in-out; 352 transform: scale(1); 353 transition: transform 0.3s ease-in-out; 354 color: #6fffed; 355 font-family: "GilroyMedium"; 356 font-size: 1rem; 357 font-style: normal; 358 line-height: normal; 359 letter-spacing: normal; 360 cursor: pointer; 361 border: none; 362 outline: none; 363 z-index: 0; 364} 365.top-nav[_ngcontent-%COMP%] button.active[_ngcontent-%COMP%] { 366 color: #313245; 367 background-color: #6fffed; 368 transition: background-color 0.3s ease-in-out; 369} 370.Pop-Up-Container-Body[_ngcontent-%COMP%] { 371 width: 100%; 372 height: 100vh; 373 display: flex; 374 align-items: center; 375 justify-content: center; 376 position: fixed; 377 top: 1.5%; 378} 379.scroller[_ngcontent-%COMP%] { 380 top: 0; 381 width: 204px; 382 transition: 0.2s ease-in-out; 383 position: relative; 384 margin-right: 15px; 385 font-style: normal; 386 z-index: 0; 387} 388.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] { 389 width: 204px; 390 height: 154px; 391 background-color: #242637; 392 border-radius: 5px; 393 cursor: pointer; 394 display: flex; 395 flex-direction: column; 396 justify-content: center; 397 align-items: center; 398 vertical-align: middle; 399} 400.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-icon[_ngcontent-%COMP%] { 401 width: 26.9px; 402 height: 26.9px; 403} 404.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-title[_ngcontent-%COMP%] { 405 font-family: "GilroyMedium"; 406 font-size: 1rem; 407 line-height: 1.23; 408 letter-spacing: normal; 409 margin: 16.1px 0 0; 410 text-align: center; 411 color: #6fffed; 412 width: 112px; 413 height: 45px; 414} 415.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] { 416 display: inline-block; 417 width: 252px; 418 height: 154px; 419 padding: 0 15px 17px 0; 420 border-radius: 5px !important; 421 cursor: pointer; 422 position: relative; 423 top: 0px; 424 z-index: -1; 425} 426.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 427 width: 252px; 428 height: 154px; 429 border-radius: 5px; 430 position: absolute; 431 object-fit: cover; 432 object-position: center; 433} 434.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] { 435 width: 252px; 436 height: 568px; 437 background-image: 438 linear-gradient( 439 to bottom, 440 #242637, 441 #1e1e2c); 442 position: absolute; 443 top: 97%; 444 z-index: 0; 445 bottom: 140px; 446 display: none; 447 transition: 0.2s ease-in-out; 448 padding: 20px 17.7px 20px 17.7px; 449} 450.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] .event-menu-container[_ngcontent-%COMP%] { 451 display: flex; 452 flex-direction: column; 453 justify-content: center; 454 text-align: center; 455} 456.Inline-Container[_ngcontent-%COMP%]::-webkit-scrollbar {
457 display: none !important; 458} 459.Inline-Container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] { 460 display: flex; 461 flex-direction: row; 462 padding-inline-start: 0px; 463 list-style-type: none; 464 transition: transform 0.5s ease; 465} 466.Inline-Container[_ngcontent-%COMP%] { 467 cursor: grab; 468} 469.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover { 470 top: -65px !important; 471 z-index: 2; 472 transition: 0.2s ease-in-out; 473} 474.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover .event-menu-wrapper[_ngcontent-%COMP%] { 475 display: block !important; 476} 477.control-item[_ngcontent-%COMP%] { 478 display: flex; 479 flex-direction: column; 480 justify-content: center; 481 align-items: center; 482 width: 58px; 483 cursor: pointer; 484} 485.control-item[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 486 width: 40px !important; 487 height: 40px !important; 488 position: relative !important; 489 object-fit: contain; 490 transition: all 0.2s ease-in-out; 491} 492.control-item[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 493 font-family: "GilroyLight"; 494 font-size: 0.875rem; 495 font-style: normal; 496 line-height: normal; 497 letter-spacing: normal; 498 text-align: center; 499 color: #c2c7f2; 500 white-space: normal; 501 margin-top: 12px; 502} 503.InputFieldArrow[_ngcontent-%COMP%] { 504 position: relative; 505 width: 272px !important; 506} 507.InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 508 position: absolute; 509 color: #babcc1; 510 font-size: 1.5rem; 511 top: 20px; 512 right: 16px; 513 z-index: 1; 514 cursor: pointer; 515} 516@media (min-width: 768px) and (max-width: 1024px) { 517 .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 518 display: none; 519 } 520 .InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 521 position: relative; 522 right: -232px; 523 top: 46px; 524 } 525 .top-nav[_ngcontent-%COMP%] { 526 top: -23px; 527 z-index: 1; 528 position: relative; 529 display: inline-block; 530 width: 100%; 531 white-space: nowrap; 532 overflow: auto; 533 } 534 .top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 535 margin: 20px 20px 0px 0px; 536 } 537 .NextButton[_ngcontent-%COMP%] { 538 width: 514px; 539 } 540} 541.top-nav[_ngcontent-%COMP%]::-webkit-scrollbar {
542 display: none; 543} 544.popUpBox[_ngcontent-%COMP%] { 545 width: 100%; 546 height: auto; 547 background-color: #1e1e2c; 548 padding: 40px; 549} 550.popUpBox[_ngcontent-%COMP%] .topTitleBar[_ngcontent-%COMP%] .creationWizardTitle[_ngcontent-%COMP%] { 551 line-height: 1.08; 552} 553.popUpBox[_ngcontent-%COMP%] .topTitleBar.dFlexRow[_ngcontent-%COMP%] { 554 justify-content: space-between; 555} 556@media screen and (max-width: 767px) { 557 .popUpBox[_ngcontent-%COMP%] { 558 padding: 16px !important; 559 } 560} 561@keyframes _ngcontent-%COMP%_expander { 562 from { 563 transform: scale(1); 564 } 565 50% { 566 transform: scale(1.1); 567 } 568 100% { 569 transform: scale(1.2); 570 } 571} 572@-webkit-keyframes _ngcontent-%COMP%_slide { 573 100% { 574 left: -55px; 575 } 576} 577@keyframes _ngcontent-%COMP%_slide { 578 100% { 579 left: -55px; 580 } 581} 582@-webkit-keyframes _ngcontent-%COMP%_slideDrawer { 583 0% { 584 left: -245px; 585 } 586 100% { 587 left: 0; 588 } 589} 590@keyframes _ngcontent-%COMP%_slideDrawer { 591 0% { 592 left: -245px; 593 } 594 100% { 595 left: 0; 596 } 597} 598@-webkit-keyframes _ngcontent-%COMP%_slideBox { 599 0% { 600 left: -600px; 601 } 602 100% { 603 left: 0px; 604 } 605} 606@keyframes _ngcontent-%COMP%_slideBox { 607 0% { 608 left: -600px; 609 } 610 100% { 611 left: 0px; 612 } 613} 614.menu-items-grid[_ngcontent-%COMP%] .control-item[_ngcontent-%COMP%]:hover img[_ngcontent-%COMP%] { 615 transform: scale(1.2); 616} 617@keyframes _ngcontent-%COMP%_slideUp { 618 0% { 619 transform: translate3d(0, 20px, 0); 620 opacity: 0; 621 } 622 50% { 623 transform: translate3d(0, 10px, 0); 624 opacity: 0.5; 625 } 626 100% { 627 transform: translate3d(0, 0px, 0); 628 opacity: 1; 629 } 630} 631@keyframes _ngcontent-%COMP%_fadein { 632 from { 633 opacity: 0; 634 } 635 to { 636 opacity: 1; 637 } 638} 639.gray-BG[_ngcontent-%COMP%] { 640 background-color: #babcc1 !important; 641} 642.midnight-express-BG[_ngcontent-%COMP%] { 643 background-color: #242637; 644} 645.black-russian[_ngcontent-%COMP%] { 646 background-color: #0b0b1a !important; 647} 648.baby-blue-BG[_ngcontent-%COMP%] { 649 background-color: #6fffed !important; 650} 651.slate-blue-BG[_ngcontent-%COMP%] { 652 background-color: #5e5cde !important; 653} 654.dark-orange-BG[_ngcontent-%COMP%] { 655 background-color: #ff9300 !important; 656} 657.dodger-blue[_ngcontent-%COMP%] { 658 background-color: #0a84ff !important; 659} 660.medium-orchid-BG[_ngcontent-%COMP%] { 661 background-color: #bf5af2 !important; 662} 663.rich-lilac-BG[_ngcontent-%COMP%] { 664 background-color: #b260ea; 665} 666.comet-BG[_ngcontent-%COMP%] { 667 background-color: #5e5f71; 668} 669.gamboge-BG[_ngcontent-%COMP%] { 670 background-color: #e68f09; 671} 672.blur[_ngcontent-%COMP%] { 673 -webkit-filter: blur(8px); 674 -moz-filter: blur(8px); 675 -o-filter: blur(8px); 676 -ms-filter: blur(8px); 677 filter: blur(8px); 678} 679.blue-shade2-border[_ngcontent-%COMP%] { 680 border: solid 2px #43445e !important; 681} 682.baby-blue-border[_ngcontent-%COMP%] { 683 border: solid 1px #6fffed !important; 684} 685.dark-orange-border[_ngcontent-%COMP%] { 686 border: solid 1px #ff9300 !important; 687} 688.medium-orchid-border[_ngcontent-%COMP%] { 689 border: solid 1px #bf5af2 !important; 690} 691.dodger-blue-shade2-border[_ngcontent-%COMP%] { 692 border: solid 1px #0a84ff !important; 693} 694.white-smoke-border[_ngcontent-%COMP%] { 695 border: solid 1px #f5f5f5 !important; 696} 697.red-border[_ngcontent-%COMP%] { 698 border: solid 1px #ff0100 !important; 699} 700.black-russian-border[_ngcontent-%COMP%] { 701 border: solid 1ps #0b0b1a; 702} 703.border-red[_ngcontent-%COMP%] { 704 border: solid 1px #ff0100 !important; 705} 706.border-sunsetOrange[_ngcontent-%COMP%] { 707 border: 1px solid #ff4d4d !important; 708} 709.border-grayLight[_ngcontent-%COMP%] { 710 border: solid 2px #2F3450 !important; 711} 712.blueshadeThreeText[_ngcontent-%COMP%] { 713 color: #81cffa; 714} 715.richlilacText[_ngcontent-%COMP%] { 716 color: #b260ea !important; 717} 718.slateBlueText[_ngcontent-%COMP%] { 719 color: #5e5cde !important; 720} 721.slateText[_ngcontent-%COMP%] { 722 color: #5c5d7a !important; 723} 724.babyBlueText[_ngcontent-%COMP%] { 725 color: #6fffed !important; 726} 727.darkOrangeText[_ngcontent-%COMP%] { 728 color: #ff9300 !important; 729} 730.freshYellowText[_ngcontent-%COMP%] { 731 color: #ffd60a; 732} 733.brightPeachText[_ngcontent-%COMP%] { 734 color: #f96f6f; 735} 736.mediumOrchidText[_ngcontent-%COMP%] { 737 color: #bf5af2 !important; 738} 739.black-russian-Text[_ngcontent-%COMP%] { 740 color: #0b0b1a !important; 741} 742.dodgerBlueShadeText[_ngcontent-%COMP%] { 743 color: #0a84ff !important; 744} 745.orangyRedText[_ngcontent-%COMP%] { 746 color: #ff453a; 747} 748.whiteText[_ngcontent-%COMP%] { 749 color: #f5f5f5 !important; 750} 751.pureWhiteText[_ngcontent-%COMP%] { 752 color: #fff !important; 753} 754.comitText[_ngcontent-%COMP%] { 755 color: #5e5f71 !important; 756} 757.carnationText[_ngcontent-%COMP%] { 758 color: #ff6f90; 759} 760.redText[_ngcontent-%COMP%] { 761 color: #ff0100 !important; 762} 763.LavenderBlueText[_ngcontent-%COMP%] { 764 color: #c2c7f2 !important; 765} 766.orangePeelText[_ngcontent-%COMP%] { 767 color: #ff9300 !important; 768} 769.greenText[_ngcontent-%COMP%] { 770 color: #32d74b; 771} 772.sunsetOrangeText[_ngcontent-%COMP%] { 773 color: #ff4d4d !important; 774} 775.grayText[_ngcontent-%COMP%] { 776 color: #babcc1; 777} 778.lighterPurpleText[_ngcontent-%COMP%] { 779 color: #bd58f0; 780} 781.whiteColorText[_ngcontent-%COMP%] { 782 color: #ffffff !important; 783} 784.mangoManiaText[_ngcontent-%COMP%] { 785 color: #fec20e !important; 786} 787.promotionalTextColor[_ngcontent-%COMP%] { 788 color: #EA60A2 !important; 789} 790.center-text[_ngcontent-%COMP%] { 791 text-align: center !important; 792} 793.leftText[_ngcontent-%COMP%] { 794 text-align: left !important; 795} 796.rightText[_ngcontent-%COMP%] { 797 text-align: right; 798} 799.floatRight[_ngcontent-%COMP%] { 800 float: right; 801} 802.floatLeft[_ngcontent-%COMP%] { 803 float: left; 804} 805.clearfix[_ngcontent-%COMP%] { 806 clear: both; 807} 808.dNone[_ngcontent-%COMP%] { 809 display: none !important; 810} 811.dBlock[_ngcontent-%COMP%] { 812 display: block !important; 813} 814.dInlineBlock[_ngcontent-%COMP%] { 815 display: inline-block !important; 816} 817.dInline[_ngcontent-%COMP%] { 818 display: inline !important; 819} 820.dFlex[_ngcontent-%COMP%] { 821 display: flex; 822} 823.dFlexColumn[_ngcontent-%COMP%] { 824 display: flex; 825 flex-direction: column; 826} 827.dFlexRow[_ngcontent-%COMP%] { 828 display: flex; 829 flex-direction: row; 830} 831.dFlex-with-center[_ngcontent-%COMP%] { 832 display: flex; 833 align-items: center; 834} 835.dFlex-with-col-center[_ngcontent-%COMP%] { 836 display: flex; 837 flex-flow: column; 838 align-items: center; 839} 840.clickable[_ngcontent-%COMP%] { 841 cursor: pointer; 842} 843.text-direction-vertical[_ngcontent-%COMP%] { 844 writing-mode: vertical-rl; 845 transform: rotate(180deg); 846} 847.ellipsis[_ngcontent-%COMP%] { 848 overflow: hidden; 849 white-space: nowrap; 850 text-overflow: ellipsis; 851} 852.capital-text[_ngcontent-%COMP%] { 853 text-transform: uppercase; 854} 855.disableDiv[_ngcontent-%COMP%] { 856 pointer-events: none; 857} 858.margin-top-10[_ngcontent-%COMP%] { 859 margin-top: 10px; 860} 861.margin-top-15[_ngcontent-%COMP%] { 862 margin-top: 15px; 863} 864.margin-top-20[_ngcontent-%COMP%] { 865 margin-top: 20px; 866} 867.margin-top-30[_ngcontent-%COMP%] { 868 margin-top: 30px; 869} 870.margin-top-0[_ngcontent-%COMP%] { 871 margin-top: 0px !important; 872} 873.shadow[_ngcontent-%COMP%] { 874 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 875 -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 876 -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 877} 878.sahdow-right-bottom-black[_ngcontent-%COMP%] { 879 box-shadow: 5px 5px 5px black; 880 -webkit-box-shadow: 5px 5px 5px black; 881 -moz-box-shadow: 5px 5px 5px black; 882} 883.filter-drop-shadow[_ngcontent-%COMP%] { 884 -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 885 -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 886 -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 887 -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 888 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 889} 890.organgePeelText[_ngcontent-%COMP%] { 891 color: #ff9300; 892} 893.organgePeelText[_ngcontent-%COMP%] { 894 color: #ff9300; 895} 896.sunsetOrangeText[_ngcontent-%COMP%] { 897 color: #ff4d4d; 898} 899ngx-image-cropper[_ngcontent-%COMP%] { 900 background: #1e1e2c !important; 901} 902ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:not(.ngx-ic-canvas) { 903 background: #1e1e2c !important; 904 opacity: 0 !important; 905} 906ngx-image-cropper[_ngcontent-%COMP%] .ngx-ic-canvas[_ngcontent-%COMP%] { 907 background: transparent !important; 908} 909image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus, ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus { 910 outline: none !important; 911} 912image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%], ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%] { 913 border: none !important; 914 box-shadow: none !important; 915} 916.ticket-heading[_ngcontent-%COMP%] { 917 font-family: "STENCILAND"; 918 font-size: 0.875rem; 919 font-style: normal; 920 line-height: 1.21; 921 text-align: center; 922 text-transform: uppercase; 923 margin: 10px 0px 3px 0px; 924} 925.ticket-heading.baby-blue[_ngcontent-%COMP%] { 926 color: #6fffed; 927 letter-spacing: 0.28px; 928} 929.ticket-heading.slate-blue[_ngcontent-%COMP%] { 930 color: #5e5cde; 931 letter-spacing: 0.28px; 932} 933.ticket-heading.dark-orange[_ngcontent-%COMP%] { 934 color: #ff9300; 935 letter-spacing: 0.28px; 936} 937.ticket-heading.orange[_ngcontent-%COMP%] { 938 letter-spacing: 2px; 939 color: #ff9300; 940} 941.ticket-heading[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 942 font-family: "GilroySemiBold"; 943 font-size: 1rem; 944 line-height: 1.06; 945 letter-spacing: normal; 946} 947.navBottomSpace[_ngcontent-%COMP%] { 948 height: 4.375rem; 949} 950.submenuNavSpace[_ngcontent-%COMP%] { 951 width: 73px; 952} 953.secondary-text[_ngcontent-%COMP%] { 954 color: #babcc1; 955 font-family: "GilroyMedium"; 956 font-size: 0.875rem; 957} 958.user-profile-subheading[_ngcontent-%COMP%] { 959 color: #f5f5f5; 960 font-family: "GilroyMedium"; 961 font-size: 1.5rem; 962 font-style: normal; 963 line-height: normal; 964 letter-spacing: normal; 965 text-align: left; 966} 967.p-inputtext[_ngcontent-%COMP%]:focus { 968 border: 1px solid #6fffed !important; 969 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4) !important; 970} 971.wizard-component-title[_ngcontent-%COMP%] { 972 margin: 50px 0px; 973 font-family: "GilroyMedium"; 974 font-size: 1.5rem; 975 color: #f5f5f5; 976 font-style: normal; 977 line-height: 1.17; 978 letter-spacing: normal; 979 text-align: left; 980} 981.collegeEvent-wizardTiltle[_ngcontent-%COMP%] { 982 margin: 50px 0px; 983 font-family: "GilroySemiBold"; 984 font-size: 1.75rem; 985 color: #f5f5f5; 986 font-style: normal; 987 line-height: 1.17; 988 letter-spacing: normal; 989 text-align: left; 990} 991.wizard-component-subTitle[_ngcontent-%COMP%] { 992 margin: 0px 0px 50px; 993 color: #ff9300; 994 font-size: 1rem; 995 font-family: "GilroyMedium"; 996 line-height: 1.29; 997 text-align: left; 998 letter-spacing: normal; 999 font-style: normal; 1000} 1001.resizeImageText[_ngcontent-%COMP%] { 1002 color: #c2c7f2 !important; 1003 margin-top: 31px; 1004 margin-left: 251px; 1005 display: block; 1006 font-size: 0.875rem; 1007} 1008table[_ngcontent-%COMP%] { 1009 width: 100%; 1010} 1011.GuestTable-Data[_ngcontent-%COMP%] td[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 1012 width: 34px; 1013 height: 34px; 1014 margin: 15px 10.4px 18px 0px; 1015} 1016th[_ngcontent-%COMP%] { 1017 font-family: "GilroyBold"; 1018 font-size: 1rem; 1019 font-style: normal; 1020 line-height: 1.29; 1021 letter-spacing: normal; 1022 color: #f5f5f5; 1023 padding: 23px 0px 24.2px 0px; 1024} 1025td[_ngcontent-%COMP%] { 1026 font-family: "GilroyMedium"; 1027 font-size: 1rem; 1028 font-style: normal; 1029 line-height: 1.29; 1030 letter-spacing: normal; 1031 color: #f5f5f5; 1032} 1033.button[_ngcontent-%COMP%] { 1034 width: 200px; 1035 height: 45px; 1036 margin-top: 45.1px; 1037 border-radius: 10px; 1038 font-family: "GilroyBold"; 1039 border: solid 1px #272b3f; 1040 background-color: #ff9300; 1041 font-size: 1rem; 1042 font-style: normal; 1043 line-height: 1.25; 1044 letter-spacing: normal; 1045 text-align: center; 1046 color: #1e1e2c; 1047 margin-top: 39px; 1048 transform: scale(1); 1049 transition: transform 0.3s ease-in-out; 1050} 1051.btn-primary[_ngcontent-%COMP%] { 1052 color: #fff; 1053 background-color: #1b6ec2; 1054 border-color: #1861ac; 1055} 1056.button-Event[_ngcontent-%COMP%] { 1057 background-color: #1a1b2c; 1058 border-radius: 50px; 1059 height: 45px; 1060 border: 2px solid #6fffed; 1061 color: #6fffed; 1062 font-family: "GilroySemiBold"; 1063 padding-left: 33px; 1064 padding-right: 33px; 1065 font-size: 1.125rem; 1066 text-align: center; 1067 text-decoration: none; 1068 transform: scale(1); 1069 transition: transform 0.3s ease-in; 1070} 1071.button-Event[_ngcontent-%COMP%]:hover {
1072 cursor: pointer; 1073 transform: scale(1.05); 1074 transition: transform 0.3s ease-in; 1075} 1076.loadingOpacity[_ngcontent-%COMP%] { 1077 background: rgba(111, 255, 237, 0.2) !important; 1078 border: none !important; 1079} 1080.Loadingbutton_Text[_ngcontent-%COMP%] { 1081 position: relative !important; 1082 color: #1e1e2c !important; 1083 display: block; 1084} 1085.disablelitButton[_ngcontent-%COMP%] { 1086 background-color: #282c40; 1087 border: 2px solid #282c40; 1088 border-radius: 50px; 1089 height: 45px; 1090 color: #6fffed; 1091 font-family: "GilroySemiBold"; 1092 font-size: 1.125rem; 1093 padding-left: 33px; 1094 padding-right: 33px; 1095 text-align: center; 1096 text-decoration: none; 1097 cursor: pointer; 1098 transform: scale(1); 1099 transition: transform 0.3s ease-in-out; 1100} 1101.simpleButton[_ngcontent-%COMP%] { 1102 background-color: #242637; 1103 border-radius: 50px; 1104 height: 45px; 1105 border: 1px solid #f5f5f5; 1106 color: #babcc1; 1107 font-family: "GilroyMedium"; 1108 padding-left: 33px; 1109 font-size: 1rem; 1110 padding-right: 33px; 1111 text-align: center; 1112 text-decoration: none; 1113 cursor: pointer; 1114} 1115.disableButton[_ngcontent-%COMP%] { 1116 background-color: #242637; 1117 border-radius: 50px; 1118 height: 45px; 1119 border: 1px solid #1e1e2c; 1120 color: #1e1e2c; 1121 font-family: "GilroyMedium"; 1122 font-size: 1.125rem; 1123 padding-left: 33px; 1124 padding-right: 33px; 1125 text-align: center; 1126 text-decoration: none; 1127 cursor: pointer; 1128} 1129.disableButton.new[_ngcontent-%COMP%] { 1130 width: 160px; 1131 height: 44px; 1132 padding: 8px 16px; 1133 font-size: 1rem; 1134 border: none; 1135 font-family: "GilroyBold"; 1136 border-radius: 10px; 1137 pointer-events: none !important; 1138} 1139.disabledButton[_ngcontent-%COMP%] { 1140 background-color: #242637; 1141 border-radius: 50px; 1142 height: 45px; 1143 border: 2px solid #1e1e2c; 1144 color: #1e1e2c; 1145 font-family: "GilroySemiBold"; 1146 font-size: 1.125rem; 1147 text-decoration: none; 1148} 1149.save-draft[_ngcontent-%COMP%] { 1150 color: #c2c7f2; 1151 background: #232638; 1152 border: 1px solid #232638; 1153 height: 40px; 1154 text-align: center; 1155 outline: none; 1156 border-radius: 50px; 1157 font-size: 0.875rem; 1158 font-family: "GilroySemiBold"; 1159 padding: 12px 0px; 1160 cursor: pointer; 1161 display: flex; 1162 align-items: center !important; 1163 justify-content: center !important; 1164 -webkit-align-items: center; 1165 -webkit-justify-content: center; 1166 position: relative; 1167} 1168.save-draft.draft-progress[_ngcontent-%COMP%] { 1169 position: absolute !important; 1170 height: 100% !important; 1171 top: 0; 1172 left: 0; 1173 background-color: #c2c7f2 !important; 1174 color: #232638 !important; 1175 transition: width 0.3s; 1176 border-radius: 10px; 1177 border: none !important; 1178} 1179.glowButton[_ngcontent-%COMP%] { 1180 background-color: #1e1e2c; 1181 border: 1px solid #6fffed; 1182 color: #6fffed; 1183 height: 40px; 1184 text-align: center; 1185 outline: none; 1186 border-radius: 50px; 1187 font-size: 0.875rem; 1188 font-family: "GilroySemiBold"; 1189 padding: 12px 0px; 1190 cursor: pointer; 1191 display: flex; 1192 align-items: center !important; 1193 justify-content: center !important; 1194 -webkit-align-items: center; 1195 -webkit-justify-content: center; 1196 position: relative; 1197} 1198.glowButton.button_progress[_ngcontent-%COMP%] { 1199 position: absolute !important; 1200 height: 100% !important; 1201 top: 0; 1202 left: 0; 1203 background-color: #6fffed !important; 1204 transition: width 0.3s; 1205 border-radius: 10px; 1206 border: none !important; 1207} 1208.cancelButton[_ngcontent-%COMP%] { 1209 background-color: #232638; 1210 border: none; 1211 color: #fff; 1212 height: 40px; 1213 text-align: center; 1214 outline: none; 1215 border-radius: 10px; 1216 font-size: 1rem; 1217 font-family: "GilroySemiBold"; 1218 padding: 12px 0px; 1219 cursor: pointer; 1220 display: flex; 1221 align-items: center !important; 1222 justify-content: center !important; 1223 -webkit-align-items: center; 1224 -webkit-justify-content: center; 1225 position: relative; 1226} 1227.cancelButton.button_progress[_ngcontent-%COMP%] { 1228 position: absolute !important; 1229 height: 100% !important; 1230 top: 0; 1231 left: 0; 1232 background-color: #6fffed !important; 1233 transition: width 0.3s; 1234 border-radius: 10px; 1235 border: none !important; 1236} 1237.Input-Field[_ngcontent-%COMP%] { 1238 margin: 11px 0px; 1239 padding: 11px 0px 13px 18px; 1240 font-family: "GilroyMedium"; 1241 border-radius: 50px; 1242 width: 272px; 1243 height: 40px; 1244 color: #f5f5f5; 1245 font-size: 1rem; 1246 line-height: 1.14; 1247 background-color: #242637; 1248 border: 1px solid #f5f5f5; 1249} 1250.Input-Field[_ngcontent-%COMP%]:focus, .Text-Field[_ngcontent-%COMP%]:focus { 1251 border: 1px solid #6fffed; 1252 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 1253} 1254.Text-Field[_ngcontent-%COMP%] { 1255 padding: 11px 0px 13px 18px; 1256 color: #f5f5f5; 1257 font-size: 1rem; 1258 line-height: 1.14; 1259 font-family: "GilroyMedium"; 1260 border-radius: 15px; 1261 background-color: #242637; 1262 border: 1px solid #f5f5f5; 1263 height: 118px; 1264 min-height: 118px; 1265} 1266input[_ngcontent-%COMP%]:focus { 1267 border: none; 1268 outline: none; 1269} 1270*[_ngcontent-%COMP%]:focus { 1271 outline: none !important; 1272} 1273.custom-Label[_ngcontent-%COMP%] { 1274 font-family: "GilroyMedium"; 1275 font-size: 0.875rem; 1276 color: #babcc1; 1277} 1278.checkBoxEnable[_ngcontent-%COMP%] { 1279 border: 2px solid #6fffed; 1280 border-radius: 4px; 1281 width: 31px; 1282 height: 38px; 1283 outline: none !important; 1284 background-color: rgba(111, 255, 237, 0.1); 1285} 1286.checkBoxDisabled[_ngcontent-%COMP%] { 1287 border: solid 2px #676d9e; 1288 border-radius: 4px; 1289 width: 31px; 1290 height: 38px; 1291 outline: none !important; 1292} 1293.checkbox-custom[_ngcontent-%COMP%] { 1294 -webkit-appearance: none; 1295 -moz-appearance: none !important; 1296 appearance: none; 1297 cursor: pointer !important; 1298 width: 31px; 1299 height: 38px; 1300 margin-left: 0px; 1301 padding: 0px; 1302 outline: none !important; 1303} 1304.tbl-line[_ngcontent-%COMP%] { 1305 border-bottom: 3px solid #383759; 1306 width: 100%; 1307} 1308.checkbox-custom[_ngcontent-%COMP%]:checked { 1309 content: ""; 1310 width: 18px; 1311 height: 10px; 1312 background: rgba(0, 0, 0, 0); 1313 border: 2px solid #6fffed; 1314 -webkit-transform: rotate(-45deg); 1315 -moz-transform: rotate(-45deg); 1316 -o-transform: rotate(-45deg); 1317 -ms-transform: rotate(-45deg); 1318 transform: rotate(-45deg); 1319 margin-left: 5px; 1320 margin-bottom: -1px; 1321 outline: none !important; 1322 box-shadow: none !important; 1323 border-top: none !important;
1324 border-right: none !important; 1325 -webkit-appearance: none !important; 1326 -moz-appearance: none !important; 1327 appearance: none !important; 1328} 1329.textLit[_ngcontent-%COMP%] { 1330 width: 25px; 1331 height: 19px; 1332 margin-top: 8px; 1333 margin-left: 12px; 1334 font-family: "GilroySemiBold"; 1335 font-size: 1rem; 1336 line-height: 1.19; 1337 color: #6fffed; 1338} 1339.textNotLit[_ngcontent-%COMP%] { 1340 width: 25px; 1341 height: 19px; 1342 margin-top: 8px; 1343 margin-left: 12px; 1344 font-family: "GilroySemiBold"; 1345 font-size: 1rem; 1346 line-height: 1.19; 1347 color: #676d9e; 1348} 1349[_ngcontent-%COMP%]::placeholder { 1350 color: rgba(255, 255, 255, 0.2); 1351 font-size: 0.875rem; 1352 font-family: "GilroyMedium"; 1353} 1354.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label[_ngcontent-%COMP%] { 1355 text-align: left; 1356 margin-top: 29px; 1357} 1358.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label-qm[_ngcontent-%COMP%] { 1359 text-align: left; 1360 margin-top: 20px; 1361} 1362.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 1363 width: 578px; 1364 border: solid 1px #f5f5f5; 1365} 1366.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Small-Input-Field[_ngcontent-%COMP%] { 1367 width: 114px; 1368 height: 40px; 1369} 1370.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 1371 width: 578px; 1372 margin-top: 11px; 1373 margin-bottom: 11px; 1374} 1375.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 1376 display: flex; 1377 flex-direction: row; 1378 justify-content: space-between; 1379 width: 578px; 1380} 1381.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 1382 width: 272px !important; 1383} 1384.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus { 1385 border: none; 1386 outline: none; 1387} 1388.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:-webkit-autofill { 1389 -webkit-box-shadow: 0 0 0 30px #242637 inset !important; 1390 box-shadow: 0 0 0 30px #242637 inset !important; 1391} 1392.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%]:focus, .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%]:focus { 1393 border: 1px solid #6fffed; 1394} 1395.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .checkbox-custom[_ngcontent-%COMP%]:checked { 1396 content: ""; 1397 width: 18px; 1398 height: 10px; 1399 background: rgba(0, 0, 0, 0); 1400 border: 2px solid #6fffed; 1401 border-top: none !important; 1402 border-right: none !important; 1403 -webkit-transform: rotate(-45deg); 1404 -moz-transform: rotate(-45deg); 1405 -o-transform: rotate(-45deg); 1406 -ms-transform: rotate(-45deg); 1407 transform: rotate(-45deg); 1408 margin-left: 5px; 1409 margin-bottom: -3px; 1410 outline: none !important; 1411 box-shadow: none !important; 1412 -webkit-appearance: none !important; 1413 -moz-appearance: none !important; 1414 appearance: none !important; 1415} 1416.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .danger[_ngcontent-%COMP%] { 1417 font-size: 0.875rem; 1418 color: #ff4d4d; 1419 font-family: "GilroyRegular"; 1420} 1421.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .label-danger[_ngcontent-%COMP%] { 1422 color: #ff4d4d !important; 1423} 1424input[_ngcontent-%COMP%]:-webkit-autofill:focus, input[_ngcontent-%COMP%]:-webkit-autofill:active { 1425 -webkit-box-shadow: 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 1426 box-shadow: 0 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 1427 border-color: #6fffed !important; 1428 border: 1px solid #6fffed !important; 1429} 1430input[_ngcontent-%COMP%]:-webkit-autofill { 1431 box-shadow: 0 0 0 30px #242637 inset !important; 1432} 1433input[_ngcontent-%COMP%]:-webkit-autofill { 1434 -webkit-text-fill-color: #fff !important; 1435 caret-color: #2f3450 !important; 1436} 1437input[type=range][_ngcontent-%COMP%]:focus { 1438 border: none !important; 1439 box-shadow: none !important; 1440} 1441.danger[_ngcontent-%COMP%] { 1442 font-size: 0.875rem; 1443 color: #ff4d4d; 1444 font-family: "GilroyRegular"; 1445} 1446.label-danger[_ngcontent-%COMP%] { 1447 color: #ff4d4d !important; 1448} 1449.is-invalid[_ngcontent-%COMP%] { 1450 border: 1px solid #ff4d4d !important; 1451 border-color: #ff4d4d !important; 1452} 1453input[type=number].ng-touched.ng-invalid[_ngcontent-%COMP%], input[type=text].ng-touched.ng-invalid[_ngcontent-%COMP%] { 1454 border: 1px solid #ff4d4d !important; 1455 border-color: #ff4d4d !important; 1456} 1457textarea.ng-touched.ng-invalid[_ngcontent-%COMP%] { 1458 border: 1px solid #ff4d4d !important; 1459 border-color: #ff4d4d !important; 1460} 1461.blur[_ngcontent-%COMP%] { 1462 -webkit-filter: blur(8px); 1463 -moz-filter: blur(8px); 1464 -o-filter: blur(8px); 1465 -ms-filter: blur(8px); 1466 filter: blur(8px); 1467} 1468.notBlur[_ngcontent-%COMP%] { 1469 -webkit-filter: blur(0px); 1470 -moz-filter: blur(0px); 1471 -o-filter: blur(0px); 1472 -ms-filter: blur(0px); 1473 filter: blur(0px); 1474} 1475.stickyElement[_ngcontent-%COMP%] { 1476 position: -webkit-sticky; 1477 position: sticky; 1478 top: 0; 1479 z-index: 999; 1480} 1481.event-status[_ngcontent-%COMP%] { 1482 font-family: "GilroyBold"; 1483 padding: 0 15px 17px 0; 1484 border-bottom-right-radius: 10px !important; 1485 border-top-left-radius: 5px; 1486 line-height: normal; 1487 letter-spacing: normal; 1488 text-align: left; 1489 display: flex; 1490 flex-direction: column; 1491 justify-content: center; 1492 font-size: 0.875rem; 1493 line-height: 1.21; 1494 color: #f5f5f5; 1495 text-transform: uppercase; 1496} 1497.event-status.unpublished[_ngcontent-%COMP%] { 1498 padding: 0px 16px; 1499 -webkit-backdrop-filter: blur(50px); 1500 backdrop-filter: blur(50px); 1501 background-color: rgba(30, 30, 44, 0.65); 1502 width: 122px; 1503 height: 44px; 1504 color: #f5f5f5; 1505} 1506.event-status.tickets_gone[_ngcontent-%COMP%] { 1507 padding: 0px 16px; 1508 -webkit-backdrop-filter: blur(50px); 1509 backdrop-filter: blur(50px); 1510 background-color: rgba(29, 204, 184, 0.65); 1511 width: 145px; 1512 height: 44px; 1513} 1514.event-status.event_over[_ngcontent-%COMP%] { 1515 padding: 0px 16px; 1516 -webkit-backdrop-filter: blur(50px); 1517 backdrop-filter: blur(50px); 1518 background-color: rgba(255, 77, 77, 0.65); 1519 width: 120px; 1520 height: 44px; 1521} 1522.event-status.going_free_or_free_ticket_event[_ngcontent-%COMP%] { 1523 width: 150px; 1524 height: 44px; 1525 padding: 0px 16px; 1526 -webkit-backdrop-filter: blur(50px); 1527 backdrop-filter: blur(50px); 1528 background-color: rgba(94, 92, 222, 0.65); 1529} 1530.event-status.going_pay_at_door_event[_ngcontent-%COMP%] { 1531 width: 150px; 1532 height: 44px; 1533 padding: 0px 16px; 1534 -webkit-backdrop-filter: blur(50px); 1535 backdrop-filter: blur(50px); 1536 background-color: rgba(255, 147, 0, 0.65); 1537} 1538.event-status.ticket_sold_event[_ngcontent-%COMP%], .event-status.active[_ngcontent-%COMP%] { 1539 width: 122px; 1540 max-width: 252px; 1541 height: 44px; 1542 padding: 0px 16px; 1543 -webkit-backdrop-filter: blur(50px); 1544 backdrop-filter: blur(50px); 1545 background-color: rgba(29, 204, 184, 0.65); 1546} 1547.event-status.ticket_sold_event[_ngcontent-%COMP%] { 1548 width: 154px; 1549 max-width: 252px; 1550 height: 44px; 1551 padding: 0px 16px; 1552 -webkit-backdrop-filter: blur(50px); 1553 backdrop-filter: blur(50px); 1554 background-color: rgba(29, 204, 184, 0.65); 1555} 1556.event-status.eventCancelled[_ngcontent-%COMP%], .event-status.cancelled[_ngcontent-%COMP%] { 1557 padding: 0px 16px; 1558 color: #ff4d4d; 1559 width: 154px; 1560 height: 44px; 1561 -webkit-backdrop-filter: blur(50px); 1562 backdrop-filter: blur(50px); 1563 background-color: rgba(30, 30, 44, 0.65); 1564} 1565.event-status.ended[_ngcontent-%COMP%], .event-status.drawover[_ngcontent-%COMP%] { 1566 width: 112px; 1567 height: 44px; 1568 padding: 0px 15px; 1569 -webkit-backdrop-filter: blur(50px); 1570 backdrop-filter: blur(50px); 1571 background-color: rgba(255, 77, 77, 0.65); 1572} 1573.event-status.allused[_ngcontent-%COMP%] { 1574 width: 106px; 1575 height: 44px; 1576 padding: 0px 16px; 1577 -webkit-backdrop-filter: blur(50px); 1578 backdrop-filter: blur(50px); 1579 background-color: rgba(255, 147, 0, 0.3); 1580} 1581.event-details[_ngcontent-%COMP%] { 1582 width: 225px; 1583 margin: auto; 1584 position: absolute; 1585 text-align: center; 1586 z-index: 999; 1587 font-style: normal; 1588 line-height: normal; 1589 letter-spacing: normal; 1590 text-align: left; 1591 margin-left: 11px; 1592 bottom: 0px; 1593} 1594.event-details[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] { 1595 font-family: "GilroySemiBold"; 1596 font-size: 1.25rem; 1597 color: #f5f5f5; 1598 margin: 26px 0px 3px 0px; 1599 width: 224px; 1600 text-transform: capitalize; 1601 overflow: hidden; 1602} 1603.event-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 1604 font-family: "GilroySemiBold"; 1605 font-size: 0.875rem; 1606 float: left; 1607 margin-top: 0px; 1608 color: #babcc1; 1609} 1610.event-details[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 1611 font-size: 1.375rem !important; 1612 margin-top: -3px; 1613 float: right; 1614 color: #fff; 1615 cursor: pointer; 1616} 1617.disableLinks[_ngcontent-%COMP%] { 1618 opacity: 0.3; 1619 pointer-events: none !important; 1620} 1621.hover-Element[_ngcontent-%COMP%] { 1622 transform: scale(1); 1623 transition: transform 0.3s ease-in-out; 1624} 1625.hover-Element[_ngcontent-%COMP%]:hover { 1626 transform: scale(1.1) !important; 1627 transition: transform 0.3s ease-in-out !important; 1628} 1629@media (min-width: 768px) and (max-width: 1024px) { 1630 .vl[_ngcontent-%COMP%] { 1631 height: 32px; 1632 } 1633 .header-text[_ngcontent-%COMP%] { 1634 margin-left: 21px; 1635 } 1636 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 1637 display: none; 1638 } 1639 .wizard-container[_ngcontent-%COMP%] { 1640 width: 768px; 1641 min-width: 768px; 1642 justify-content: none; 1643 } 1644 .Profile-Setup[_ngcontent-%COMP%] { 1645 margin-left: 30px; 1646 } 1647 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 1648 width: 262px; 1649 margin-left: 20px; 1650 } 1651 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 1652 width: 551px; 1653 padding-right: 18px; 1654 } 1655 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 1656 width: 0; 1657 gap: 39px; 1658 } 1659 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 1660 width: 256px !important; 1661 } 1662 .wizard-component-title[_ngcontent-%COMP%] { 1663 text-align: left; 1664 margin-left: 22px; 1665 } 1666 .NextButton[_ngcontent-%COMP%] { 1667 width: 509px; 1668 } 1669 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 1670 display: none; 1671 } 1672 .wizard-container[_ngcontent-%COMP%] { 1673 width: 768px; 1674 min-width: 768px; 1675 justify-content: none; 1676 }
1677 .Pop-Up-Container[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 1678 width: auto; 1679 margin: 0px 30px 0px 45px; 1680 } 1681 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] { 1682 padding: 110px 44px 44px; 1683 width: 610px; 1684 } 1685 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] { 1686 width: auto; 1687 } 1688 .newsfeedContainer[_ngcontent-%COMP%] { 1689 justify-content: center; 1690 overflow: scroll; 1691 height: 629px; 1692 } 1693 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] { 1694 width: 560px; 1695 height: 639px; 1696 } 1697 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .topImage[_ngcontent-%COMP%] { 1698 width: 560px; 1699 height: 424px; 1700 } 1701 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .detail[_ngcontent-%COMP%] { 1702 width: auto; 1703 } 1704 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] { 1705 width: 530px; 1706 } 1707 .newsfeedContainer[_ngcontent-%COMP%]::-webkit-scrollbar {
1708 display: none; 1709 } 1710 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 1711 margin-right: -145px; 1712 } 1713 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 1714 width: 70%; 1715 margin-left: 60px; 1716 } 1717 .ImageEditContainer[_ngcontent-%COMP%] { 1718 margin-right: 51px; 1719 } 1720} 1721.label[_ngcontent-%COMP%] { 1722 color: #fff; 1723 font-size: 0.875rem; 1724 font-family: "GilroySemiBold"; 1725 text-transform: uppercase; 1726 line-height: normal; 1727 letter-spacing: normal; 1728 padding: 0px; 1729 margin: 0px; 1730} 1731.label[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 1732 color: #c2c7f2; 1733} 1734.label[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 1735 color: #ff4d4d; 1736 font-size: 0.375rem; 1737 position: relative; 1738 top: -10px; 1739} 1740.formFields[_ngcontent-%COMP%] { 1741 display: flex; 1742 flex-direction: column; 1743 gap: 10px; 1744} 1745.fields[_ngcontent-%COMP%] { 1746 padding: 14px 16px 14px 16px; 1747 border-radius: 14px; 1748 border: solid 1px #2f3450; 1749 background-color: #1e1e2c; 1750 font-size: 1rem; 1751 font-family: "GilroyBold"; 1752 color: #ffffff; 1753 display: flex; 1754 align-items: center; 1755 justify-content: center; 1756 -webkit-align-items: center; 1757 -webkit-justify-content: center; 1758} 1759.fields.inputField[_ngcontent-%COMP%] { 1760 width: 282px; 1761 height: 44px; 1762} 1763.fields.locationVenueField[_ngcontent-%COMP%] { 1764 width: 685px; 1765 height: 44px; 1766} 1767.fields.smallInputField[_ngcontent-%COMP%] { 1768 width: 129px; 1769} 1770.fields.smallInputVatField[_ngcontent-%COMP%] { 1771 width: 178px; 1772} 1773.fields.textField[_ngcontent-%COMP%] { 1774 height: 91px; 1775} 1776.fields[_ngcontent-%COMP%]:focus { 1777 border: 1px solid #6fffed; 1778 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 1779} 1780.errorMsg[_ngcontent-%COMP%] { 1781 font-style: normal; 1782 line-height: normal; 1783 letter-spacing: normal; 1784 font-family: "GilroyRegular"; 1785 font-size: 0.75rem; 1786 color: #ff4d4d; 1787 margin: 0px; 1788} 1789.errorMsg.positionAboslute[_ngcontent-%COMP%] { 1790 position: absolute; 1791 top: 54px; 1792} 1793.errorMsg[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 1794 color: #ff4d4d !important; 1795 font-size: 0.3125rem !important; 1796 position: relative !important; 1797 top: -6px !important; 1798 right: 0px !important; 1799 padding-right: 2px !important; 1800} 1801.checkboxText[_ngcontent-%COMP%] { 1802 font-size: 0.875rem; 1803 font-style: normal; 1804 line-height: normal; 1805 letter-spacing: normal; 1806 font-family: "GilroyMedium"; 1807 color: #f5f5f5; 1808 margin: 0px; 1809} 1810.creationWizardTitle[_ngcontent-%COMP%] { 1811 font-size: 1.5rem; 1812 font-family: "GilroyBold"; 1813 color: #f5f5f5; 1814 text-transform: capitalize; 1815 line-height: 0.92; 1816 font-style: normal; 1817} 1818@media screen and (max-width: 767px) { 1819 .glowButton[_ngcontent-%COMP%] { 1820 height: 34px !important; 1821 border-radius: 8px !important; 1822 font-size: 0.625rem !important; 1823 } 1824 .navBottomSpace[_ngcontent-%COMP%] { 1825 height: 4.375rem; 1826 } 1827 .label[_ngcontent-%COMP%] { 1828 font-size: 0.75rem !important; 1829 } 1830 .creationWizardTitle[_ngcontent-%COMP%] { 1831 font-size: 1.25rem !important; 1832 } 1833 .disableButton.new[_ngcontent-%COMP%], .litButton.new[_ngcontent-%COMP%] { 1834 width: 90px !important; 1835 height: 34px !important; 1836 padding: 11px 6px; 1837 font-size: 0.625rem; 1838 border: none; 1839 font-family: "GilroyBold"; 1840 border-radius: 8px; 1841 } 1842 .fields[_ngcontent-%COMP%] { 1843 padding: 10px 10px 10px 10px !important; 1844 border-radius: 8px !important; 1845 font-size: 0.75rem; 1846 font-family: "GilroyBold"; 1847 } 1848 [_ngcontent-%COMP%]::placeholder { 1849 font-size: 0.75rem !important; 1850 } 1851} 1852.btnTooltip[_ngcontent-%COMP%] { 1853 background-color: transparent !important; 1854 outline: none !important; 1855 margin: 0px !important; 1856 padding: 0px !important; 1857 border: none !important; 1858} 1859.capitalizeText[_ngcontent-%COMP%] { 1860 text-transform: capitalize; 1861} 1862.lowercaseText[_ngcontent-%COMP%] { 1863 text-transform: lowercase; 1864} 1865.switch[_ngcontent-%COMP%] { 1866 position: relative; 1867 display: inline-block; 1868 width: 44px; 1869 height: 29px; 1870 padding: 2.07px 2.27px 3.11px 2.27px; 1871 margin: 0; 1872} 1873.switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%] { 1874 opacity: 0; 1875 width: 0; 1876 height: 0; 1877} 1878.slider[_ngcontent-%COMP%] { 1879 position: absolute; 1880 cursor: pointer; 1881 top: 0; 1882 left: 0; 1883 right: 0; 1884 bottom: 0; 1885 background-color: rgb(92, 93, 122); 1886 -webkit-transition: 0.4s; 1887 transition: 0.4s; 1888} 1889.slider[_ngcontent-%COMP%]:before { 1890 position: absolute; 1891 content: ""; 1892 width: 22.744px; 1893 height: 23.821px; 1894 background-color: #fff; 1895 border-radius: 50px; 1896 left: 2.77px; 1897 right: 2.77px; 1898 bottom: 2.07px; 1899 top: 2.07px; 1900 -webkit-transition: 0.4s; 1901 transition: 0.4s; 1902} 1903input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%] { 1904 background-color: rgb(10, 132, 255); 1905} 1906input[_ngcontent-%COMP%]:focus + .slider[_ngcontent-%COMP%] { 1907 box-shadow: 0 0 1px #2196F3; 1908} 1909input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]:before { 1910 -webkit-transform: translateX(15px); 1911 -ms-transform: translateX(15px); 1912 transform: translateX(15px); 1913} 1914.slider.round[_ngcontent-%COMP%] { 1915 border-radius: 50px; 1916} 1917.slider.round[_ngcontent-%COMP%]:before { 1918 border-radius: 50px; 1919} 1920@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 1921 .positionAboslute[_ngcontent-%COMP%] { 1922 position: absolute; 1923 } 1924} 1925.detailCardContainer[_ngcontent-%COMP%] { 1926 display: flex; 1927 width: 283px; 1928 padding: 24px 0 24px 0; 1929 flex-direction: column; 1930 justify-content: center; 1931 align-items: center; 1932 gap: 8px; 1933 border-radius: 14px; 1934 border: 1px solid #2F3450; 1935}
1936.detailCardContainer[_ngcontent-%COMP%] .imageCircle[_ngcontent-%COMP%] { 1937 width: 140px; 1938 height: 140px; 1939 padding: 4px; 1940 border: 4px solid #2f3450; 1941 border-radius: 100px; 1942 display: flex; 1943 justify-content: center; 1944 align-items: center; 1945} 1946.detailCardContainer[_ngcontent-%COMP%] .imageCircle[_ngcontent-%COMP%] .imageHolder[_ngcontent-%COMP%] { 1947 width: 124px; 1948 height: 124px; 1949 border-radius: 100px; 1950} 1951.detailCardContainer[_ngcontent-%COMP%] .imageCircle[_ngcontent-%COMP%] .imageHolder[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 1952 width: 124px; 1953 height: 124px; 1954 border-radius: 100px; 1955} 1956.detailCardContainer[_ngcontent-%COMP%] .bgDark[_ngcontent-%COMP%] { 1957 background: #232638; 1958 display: flex; 1959 justify-content: center; 1960 align-items: center; 1961 height: 30px; 1962 margin-top: -31px; 1963} 1964.detailCardContainer[_ngcontent-%COMP%] .bgDark[_ngcontent-%COMP%] .adminBadge[_ngcontent-%COMP%] { 1965 display: flex; 1966 height: 30px; 1967 justify-content: center; 1968 align-items: center; 1969 border-radius: 40px; 1970 border: 1px solid #6fffed; 1971 background: rgba(111, 255, 237, 0.4); 1972 padding: 6px 16px; 1973} 1974.detailCardContainer[_ngcontent-%COMP%] .bgDark[_ngcontent-%COMP%] .adminBadge[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] { 1975 padding: 0; 1976 margin: 0; 1977 font-family: "GilroyBold"; 1978 font-size: 1rem; 1979 color: #ffffff; 1980 font-style: normal; 1981 line-height: normal; 1982 height: 19px; 1983 vertical-align: middle; 1984} 1985.detailCardContainer[_ngcontent-%COMP%] .nameWraper[_ngcontent-%COMP%] { 1986 display: flex; 1987 flex-direction: column; 1988 gap: 7px; 1989 align-items: center; 1990} 1991.detailCardContainer[_ngcontent-%COMP%] .nameWraper[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] { 1992 width: auto; 1993 padding: 0; 1994 margin: 0; 1995 font-family: "GilroyBold"; 1996 font-size: 1.25rem; 1997 color: #ffffff; 1998 font-style: normal; 1999 line-height: normal; 2000 vertical-align: middle; 2001 text-align: center; 2002 text-transform: capitalize; 2003} 2004.detailCardContainer[_ngcontent-%COMP%] .nameWraper[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 2005 width: auto; 2006 padding: 0; 2007 margin: 0; 2008 font-family: "GilroySemiBold"; 2009 font-size: 0.875rem; 2010 color: #c2c7f2; 2011 font-style: normal; 2012 line-height: normal; 2013 height: 24px; 2014 vertical-align: middle; 2015} 2016@media only screen and (min-width: 768px) and (max-width: 1024px) { 2017 .detailCardContainer[_ngcontent-%COMP%] { 2018 width: 187px; 2019 height: auto !important; 2020 } 2021 .detailCardContainer[_ngcontent-%COMP%] .imageCircle[_ngcontent-%COMP%] { 2022 width: 102px; 2023 height: 102px; 2024 } 2025 .detailCardContainer[_ngcontent-%COMP%] .imageCircle[_ngcontent-%COMP%] .imageHolder[_ngcontent-%COMP%] { 2026 width: 90px; 2027 height: 90px; 2028 } 2029 .detailCardContainer[_ngcontent-%COMP%] .imageCircle[_ngcontent-%COMP%] .imageHolder[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 2030 width: 90px; 2031 height: 90px; 2032 } 2033 .detailCardContainer[_ngcontent-%COMP%] .adminBadge[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] { 2034 font-size: 0.875rem; 2035 } 2036 .detailCardContainer[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] { 2037 font-size: 1.125rem; 2038 } 2039 .detailCardContainer[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 2040 font-size: 0.875rem; 2041 } 2042}`]})}}return t})();var cn=class{constructor(i){i=i||{},this.adminID=i.adminID||0,this.profileName=i.profileName||"",this.firstName=i.firstName||"",this.lastName=i.lastName||"",this.adminAvatar=i.adminAvatar||"",this.appAdminAvatar=i.appAdminAvatar||"",this.superAdminName=i.superAdminName||"",this.phoneNumber=i.phoneNumber||"",this.email=i.email||"",this.role=i.role||"",this.status=i.status||"",this.position=i.position||"",this.countryId=i.countryId||null,this.country=new jn(i.country)}};var Zn=t=>({"opacity-4":t});function $n(t,i){t&1&&(M(0),p(1,"small",6),l(2,"Invalid Phone Number"),r(),O())}function qn(t,i){if(t&1){let n=P();M(0),p(1,"button",7),m("click",function(){_(n);let o=d();return C(o.searchForAdmin())}),l(2,"Search"),r(),O()}if(t&2){let n=d();a(),c("ngClass",yn(2,Zn,!n.admin.phoneNumber||!n.isPhoneNumberIsValid||n.isLoading))("disabled",!n.admin.phoneNumber||!n.isPhoneNumberIsValid||n.isLoading)}}function Yn(t,i){if(t&1){let n=P();M(0),p(1,"button",8),m("click",function(){_(n);let o=d();return C(o.remove())}),r(),O()}}function Jn(t,i){t&1&&(M(0),l(1," Invite Admin "),O())}function Qn(t,i){if(t&1&&(M(0),x(1,"div",18),p(2,"span",19),l(3," Inviting... "),r(),O()),t&2){let n=d(4);a(),sn("width",n.progress+"%")}}function Kn(t,i){if(t&1){let n=P();p(0,"button",17),m("click",function(){_(n);let o=d(3);return C(o.inviteAdmin())}),b(1,Jn,2,0,"ng-container",5)(2,Qn,4,2,"ng-container",5),r()}if(t&2){let n=d(3);Q("dodgerBlueShadeText btn-none ",n.isInviting?"opacity-4":"",""),c("disabled",n.isInviting),a(),c("ngIf",!n.isInviting),a(),c("ngIf",n.isInviting)}}function nt(t,i){t&1&&(p(0,"a",20),l(1,"Already Invited"),r())}function tt(t,i){t&1&&(p(0,"a",20),l(1,"Already An Admin"),r())}function et(t,i){if(t&1&&(p(0,"div",10)(1,"div",11),f(2,"isDefaultAvatar"),x(3,"img",12),r(),p(4,"div",13)(5,"p",14),l(6),f(7,"titlecase"),r(),p(8,"p",15),l(9),f(10,"phoneNumberFormat"),r()(),b(11,Kn,3,6,"button",16)(12,nt,2,0)(13,tt,2,0),r()),t&2){let n=d(2);a(),c("ngClass",u(2,5,n.admin.adminAvatar||n.displayAvatar)?"border-none":""),a(2),c("src",n.admin.adminAvatar||n.displayAvatar,h),a(3),v(u(7,7,n.admin.firstName+" "+n.admin.lastName)),a(3),v(u(10,9,n.searchedNumber)),a(2),Pn(11,!n.isAlreadyInvited&&!n.isAdmin?11:n.isAlreadyInvited&&!n.isAdmin?12:13)}}function ot(t,i){t&1&&(M(0),l(1," Invite Admin "),O())}function it(t,i){if(t&1&&(M(0),x(1,"div",25),p(2,"span",19),l(3," Inviting... "),r(),O()),t&2){let n=d(3);a(),sn("width",n.progress+"%")}}function rt(t,i){if(t&1){let n=P();p(0,"div",10)(1,"div",21),x(2,"img",22),r(),p(3,"div",13)(4,"p",14),l(5),f(6,"phoneNumberFormat"),r(),p(7,"p",23),l(8,"Not on Orgonize"),r()(),p(9,"button",24),m("click",function(){_(n);let o=d(2);return C(o.inviteAdmin())}),b(10,ot,2,0,"ng-container",5)(11,it,4,2,"ng-container",5),r()()}if(t&2){let n=d(2);a(2),c("src",n.noUser,h),a(3),v(u(6,5,n.searchedNumber)),a(4),c("disabled",n.isInviting),a(),c("ngIf",!n.isInviting),a(),c("ngIf",n.isInviting)}}function at(t,i){if(t&1&&(M(0),b(1,et,14,11,"div",9)(2,rt,12,7,"div",9),O()),t&2){let n=d();a(),c("ngIf",n.isNumFound),a(),c("ngIf",!n.isNumFound)}}var Rn=(()=>{class t{constructor(n,e,o,g,I){this.dialogRef=n,this.adminService=e,this._formBuilder=o,this.dialog=g,this._snackBar=I,this.displayAvatar=q.imagesUrl+"Icons/chooseImgIcon.svg",this.noUser=q.imagesUrl+"Icons/avatarDefault.svg",this.contactNumberMinLength=7,this.isNumFound=!1,this.isNumSearched=!1,this.isAlreadyInvited=!1,this.isAdmin=!1,this.isNumberValid=!1,this.isLoading=!1,this.isInviting=!1,this.progress=0,this.admin=new cn,this.searchForm=this.createForm()}createForm(){return this._formBuilder.group({firstName:[this.admin?.f
2042irstName||"",[Z()]],lastName:[this.admin?.lastName||"",[Z()]],phoneNumber:[this.admin?.phoneNumber||"",[Z()]],country:[this.admin?.country||"",[Z()]],countryId:[this.admin?.countryId||null,[Z()]]})}searchForAdmin(){this.isLoading=!0,this.searchedNumber=`${this.searchForm.controls.country.value.phoneCode}${this.searchForm.controls.phoneNumber.value}`;let n={searchString:this.searchedNumber,pageNumber:1};this.adminService.searchForAdmin(n).subscribe(e=>{if(e&&e.length>0){let o=e[0];this.isLoading=!1,this.isNumSearched=!0,this.isNumFound=!0,this.admin.adminID=o.id,this.admin.firstName=o.firstName,this.admin.lastName=o.lastName,this.admin.adminAvatar=o.userAvatar,this.isAlreadyInvited=o.isAlreadyInvited,this.isAdmin=o.isAdmin}else this.isLoading=!1,this.isNumSearched=!0,this.isNumFound=!1})}PhoneNumberChanged(n){this.isPhoneNumberIsValid=n.isValid;let e=this.searchForm.controls.phoneNumber;e.setValidators([mn.required,mn.minLength(this.contactNumberMinLength)]),e.setValue(n.phoneNumber),e.markAsUntouched(),this.isNumSearched==!0&&(this.isNumSearched=!1,this.isNumFound=!1),e.value!==null&&e.value!==""?(this.isNumberValid=e.invalid,this.searchForm.controls.countryId.setValue(n.selectedCountry.id),this.searchForm.controls.country.setValue(n.selectedCountry),this.admin.phoneNumber=e.value,this.searchForm.markAsDirty()):(e.clearValidators(),this.isNumberValid=!1,this.admin.countryId=null,this.admin.phoneNumber=null),e.updateValueAndValidity()}inviteAdmin(){this.isInviting=!0;let n={adminId:this.admin.adminID,phoneNumber:this.searchedNumber,baseUrl:document.getElementsByTagName("base")[0].href};this.adminService.sendAdminInvitation(n).subscribe(e=>{e&&e!==null&&e!==void 0&&(this.isInviting=!1,this.isNumFound?this.openSnackBar("You successfully invited <b>"+this.admin.firstName+" "+this.admin.lastName+"</b> as an admin"):this.openSnackBar("An sms has been sent to <b>"+this.searchedNumber+"</b> and when the user downloads Orgonize and creates a personal profile they will see your invitation"),this.close())},e=>{this.openWarningSnackBar("Unable to Send Invitation"),this.close()})}openSnackBar(n){this._snackBar.openFromComponent(D,{duration:3e3,horizontalPosition:"right",verticalPosition:"top",data:n,panelClass:["custom-admin-toaster"]})}openWarningSnackBar(n){this._snackBar.openFromComponent(pn,{duration:3e3,horizontalPosition:"right",verticalPosition:"top",data:n})}startProgress(){this.progress=0,this.interval=setInterval(()=>{this.isInviting===!1&&(this.progress=100),this.progress<100?this.progress+=this.isInviting&&this.progress>90?1:50:clearInterval(this.interval)},150)}remove(){this.admin.phoneNumber=null,this.searchForm.reset(),this.isPhoneNumberIsValid=!1,this.isNumSearched=!1}close(){this.dialogRef.close()}static{this.\u0275fac=function(e){return new(e||t)(s(W),s(S),s(Bn),s(H),s(F))}}static{this.\u0275cmp=y({type:t,selectors:[["app-invite-admin"]],standalone:!0,features:[k],decls:13,vars:11,consts:[[1,"invite-card"],["alt","Img",1,"closeIcon",3,"click","src"],["for","adminContactNumber"],[1,"input-container"],["id","adminPhoneNumber",3,"numberEmitter","minLength","phoneNumber","selectedCountry","isOptional"],[4,"ngIf"],[1,"errorMsg"],[1,"searchNum",3,"click","ngClass","disabled"],[1,"searchNum","crossIcon",3,"click"],["class","admin-card",4,"ngIf"],[1,"admin-card"],[1,"adminImg",3,"ngClass"],["alt","Admin Avatar",3,"src"],[1,"admin-info"],[1,"pureWhiteText"],[1,"LavenderBlueText","opacity-4"],[3,"class","disabled"],[3,"click","disabled"],[1,"litButton","button_progress","btn-none"],[1,"dodgerBlueShadeText","btn-none"],[1,"mangoManiaText"],[1,"adminImg"],["alt","Default User Icon",1,"cross",3,"src"],[1,"babyBlueText"],[1,"dodgerBlueShadeText","btn-none",3,"click","disabled"],[1,"litButton","button_progress"]],template:function(e,o){e&1&&(p(0,"div",0)(1,"img",1),f(2,"imgURL"),m("click",function(){return o.close()}),r(),p(3,"h2"),l(4,"Invite Admin"),r(),p(5,"label",2),l(6,"Enter the mobile number of the admin"),r(),p(7,"div",3)(8,"app-reusable-contact-country-picker",4),m("numberEmitter",function(I){return o.PhoneNumberChanged(I)}),r(),b(9,$n,3,0,"ng-container",5)(10,qn,3,4,"ng-container",5)(11,Yn,2,0,"ng-container",5),r(),b(12,at,3,2,"ng-container",5),r()),e&2&&(a(),c("src",u(2,9,"Icons/crossTicktes.svg"),h),a(7),c("minLength",o.contactNumberMinLength)("phoneNumber",o.admin.phoneNumber)("selectedCountry",o.admin.country)("isOptional",!0),a(),c("ngIf",o.isNumberValid),a(),c("ngIf",!o.isNumSearched),a(),c("ngIf",o.isNumSearched),a(),c("ngIf",o.isNumSearched))},dependencies:[z,kn,j,Sn,B,Nn,Dn,Fn],styles:[` 2043 2044.sidebar-navigation-layout-event[_ngcontent-%COMP%] { 2045 background-color: #232638; 2046 width: 100%; 2047 min-height: 100vh; 2048 max-height: 100%; 2049 max-width: 265px; 2050 padding: 24px 10px 20px 10px; 2051 z-index: 1; 2052 position: sticky; 2053 top: 0 !important; 2054} 2055.row-three-column-layout[_ngcontent-%COMP%] { 2056 display: flex; 2057 flex-direction: row; 2058} 2059.row-three-column-layout[_ngcontent-%COMP%] .columns[_ngcontent-%COMP%] { 2060 width: 33.33%; 2061 padding-left: 0px !important; 2062 margin-right: 91.9px !important; 2063} 2064.flex-container[_ngcontent-%COMP%] { 2065 display: flex; 2066 flex-direction: row; 2067 width: 100vw; 2068 height: 100vh !important; 2069 overflow: hidden !important; 2070} 2071.columns[_ngcontent-%COMP%]:nth-of-type(1) { 2072 width: 22%; 2073 max-width: 14.37rem; 2074 z-index: 1; 2075} 2076.columns[_ngcontent-%COMP%]:nth-of-type(2) { 2077 width: 100%; 2078 background: #0B0D1D; 2079} 2080.data-top-box[_ngcontent-%COMP%] { 2081 margin-top: 27.5px; 2082 width: 100%; 2083 height: 205px; 2084 padding: 15px 15px 15px 15px; 2085 border-radius: 10px; 2086 background-image: 2087 linear-gradient( 2088 to bottom, 2089 #282c40, 2090 #232333); 2091 display: flex; 2092 flex-direction: row; 2093} 2094.data-top-box[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] { 2095 font-family: "GilroySemiBold"; 2096 font-size: 1.125rem; 2097 text-align: left; 2098 font-style: normal; 2099 line-height: 0.72; 2100 letter-spacing: normal; 2101 color: #f5f5f5; 2102 margin-top: 5.5px; 2103} 2104.data-top-box[_ngcontent-%COMP%] .cola[_ngcontent-%COMP%] { 2105 width: 50%; 2106} 2107.attendee-boxes[_ngcontent-%COMP%] { 2108 display: flex; 2109 flex-direction: row; 2110 justify-content: space-between; 2111 width: 95%; 2112} 2113.attendee-desc[_ngcontent-%COMP%] { 2114 margin-left: 5.8px; 2115 margin-right: 5.8px; 2116} 2117.attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 2118 font-family: "GilroySemiBold"; 2119 font-size: 0.875rem; 2120 font-style: normal; 2121 line-height: 0.93; 2122 letter-spacing: normal; 2123 text-transform: uppercase; 2124 margin-bottom: 0px; 2125} 2126.attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 2127 font-family: "GilroySemiBold"; 2128 font-size: 1.625rem; 2129 text-align: left; 2130 font-style: normal; 2131 line-height: 0.5; 2132 letter-spacing: normal; 2133 color: #f5f5f5; 2134 margin-top: 10px; 2135 margin-left: 2px; 2136} 2137.attendee-details[_ngcontent-%COMP%] { 2138 margin-top: 21.5px; 2139 display: flex; 2140 flex-direction: row; 2141 justify-content: space-evenly; 2142} 2143.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 2144 width: 45px; 2145 height: 45px; 2146 transform: scale(1) !important; 2147 transition: transform 0.3s ease-in-out !important; 2148} 2149.attendee-details[_ngcontent-%COMP%] .going[_ngcontent-%COMP%] { 2150 color: #6fffed; 2151} 2152.attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 2153 color: #b260ea; 2154 width: 127px; 2155} 2156.attendee-details[_ngcontent-%COMP%] .vip_passes[_ngcontent-%COMP%] { 2157 color: #ff9300; 2158 width: 72px; 2159} 2160.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%]:hover { 2161 transform: scale(1.1) !important; 2162 transition: transform 0.3s ease-in-out !important; 2163} 2164@media (min-width: 375) and (max-width: 425px) { 2165 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 2166 display: none; 2167 } 2168} 2169@media (min-width: 768px) and (max-width: 1365px) { 2170 .attendee-boxes[_ngcontent-%COMP%] { 2171 display: flex; 2172 flex-direction: row; 2173 justify-content: space-around; 2174 margin-right: 5px; 2175 } 2176 .attendee-desc[_ngcontent-%COMP%] { 2177 margin-left: 3.8px; 2178 margin-right: 3.8px; 2179 } 2180 .attendee-details[_ngcontent-%COMP%] { 2181 margin-top: 21.5px; 2182 display: flex; 2183 flex-direction: row; 2184 justify-content: space-evenly; 2185 } 2186 .attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 2187 width: 35px; 2188 height: 35px; 2189 } 2190 .attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 2191 font-size: 0.75rem; 2192 } 2193 .attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 2194 font-size: 1.25rem; 2195 } 2196 .attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 2197 width: 110px; 2198 } 2199 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 2200 display: none; 2201 } 2202 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 2203 width: 100vw; 2204 } 2205 .ComponentsWrapper[_ngcontent-%COMP%] { 2206 width: 100% !important; 2207 } 2208} 2209@media screen and (min-width: 1025px) and (max-width: 1365px) { 2210 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 2211 display: none; 2212 } 2213} 2214@media (min-width: 900px) and (width: 1900px) { 2215 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 2216 width: 15%; 2217 } 2218 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 2219 width: 85%; 2220 } 2221} 2222.wizard-container[_ngcontent-%COMP%] { 2223 display: flex; 2224 flex-direction: row; 2225 width: 1440px; 2226 min-width: 1440px; 2227 justify-content: center; 2228 margin: auto; 2229} 2230.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 2231 width: 100%; 2232 display: flex; 2233 flex-direction: row; 2234} 2235.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 2236 display: flex; 2237 flex-direction: column; 2238 width: 75%; 2239} 2240.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container.fullWidth[_ngcontent-%COMP%] { 2241 width: 100% !important; 2242} 2243.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 2244 width: 42%; 2245 color: #fff; 2246 margin-right: 35px !important; 2247 margin-top: 36px; 2248} 2249.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 2250 width: 365px; 2251 height: 733px; 2252 margin-top: 20px; 2253 margin-right: 35px; 2254 position: -webkit-sticky; 2255 position: sticky; 2256 top: 155px; 2257} 2258.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 2259 width: 42%; 2260 color: #fff; 2261 margin-right: 35px !important; 2262 margin-top: 36px; 2263 z-index: -1; 2264} 2265.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 2266 position: relative; 2267 width: 365px; 2268 height: 733px; 2269 margin-top: 20px; 2270 margin-right: 35px; 2271} 2272.wizard-footer[_ngcontent-%COMP%] { 2273 width: 687px; 2274 height: 65px; 2275 position: absolute; 2276 bottom: 0%; 2277 padding: 0px 95px; 2278 display: flex; 2279 justify-content: flex-end; 2280 align-items: center; 2281} 2282@media only screen and (max-height: 900px) { 2283 .mobile-container[_ngcontent-%COMP%] { 2284 margin-top: 0px !important; 2285 } 2286} 2287.NextButton[_ngcontent-%COMP%] { 2288 margin-top: 40px; 2289 display: flex; 2290 justify-content: flex-end; 2291 width: 588px; 2292 height: 65px; 2293} 2294.CenterAlign[_ngcontent-%COMP%] { 2295 display: flex; 2296 align-items: center; 2297 flex-direction: column; 2298 justify-content: center; 2299} 2300.ComponentsWrapper[_ngcontent-%COMP%] { 2301 width: 1115px; 2302} 2303.minusSign[_ngcontent-%COMP%] { 2304 margin-right: 11.5px; 2305 width: 10px; 2306 height: 21px; 2307 cursor: pointer; 2308 transition: all 0.2s ease-in-out; 2309} 2310.plusSign[_ngcontent-%COMP%] { 2311 margin-left: 11.5px; 2312 width: 10px; 2313 height: 21px; 2314 cursor: pointer; 2315 transition: all 0.2s ease-in-out; 2316} 2317.minusSign[_ngcontent-%COMP%]:hover, .plusSign[_ngcontent-%COMP%]:hover { 2318 transform: scale(1.2); 2319} 2320.app-scrollbar[_ngcontent-%COMP%] { 2321 position: relative; 2322 top: 0px; 2323 right: 0px; 2324 padding: 0px; 2325 z-index: 0; 2326} 2327.leftArrow-Container[_ngcontent-%COMP%] { 2328 width: 50px; 2329 height: 154px; 2330 background-image: 2331 linear-gradient( 2332 to right, 2333 #1e1e2c, 2334 rgba(30, 30, 44, 0.5)); 2335 display: flex; 2336 align-items: center; 2337 position: absolute; 2338 justify-content: center; 2339 z-index: 4; 2340 left: 210px; 2341} 2342.leftArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 2343 color: #f5f5f5; 2344 font-size: 1.75rem; 2345 cursor: pointer; 2346 transition: 0.2s ease-in-out; 2347} 2348.rightArrow-Container[_ngcontent-%COMP%] { 2349 width: 50px; 2350 height: 154px; 2351 background-image: 2352 linear-gradient( 2353 to right, 2354 #1e1e2c, 2355 rgba(30, 30, 44, 0.5)); 2356 display: flex; 2357 align-items: center; 2358 position: absolute; 2359 justify-content: center; 2360 z-index: 4; 2361 right: -24px; 2362} 2363.rightArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 2364 color: #f5f5f5; 2365 font-size: 1.75rem; 2366 cursor: pointer; 2367} 2368.leftArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%], .rightArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%] { 2369 transform: scale(1.4); 2370 transition: 0.2s ease-in-out; 2371} 2372.top-nav[_ngcontent-%COMP%] { 2373 top: -23px; 2374 z-index: 1; 2375 position: relative; 2376 display: flex; 2377 flex-direction: row; 2378 gap: 15px; 2379} 2380.top-nav.Opacity[_ngcontent-%COMP%] { 2381 opacity: 0.3; 2382 transition: 0.1s ease-in;
2383 z-index: 0; 2384} 2385.top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 2386 margin: 20px 0px 0px 0px; 2387 padding: 11px 20px 11px; 2388 border-radius: 25px; 2389 height: 42px; 2390 width: auto !important; 2391 background-color: rgba(111, 255, 237, 0.1); 2392 transition: background-color 0.3s ease-in-out; 2393 transform: scale(1); 2394 transition: transform 0.3s ease-in-out; 2395 color: #6fffed; 2396 font-family: "GilroyMedium"; 2397 font-size: 1rem; 2398 font-style: normal; 2399 line-height: normal; 2400 letter-spacing: normal; 2401 cursor: pointer; 2402 border: none; 2403 outline: none; 2404 z-index: 0; 2405} 2406.top-nav[_ngcontent-%COMP%] button.active[_ngcontent-%COMP%] { 2407 color: #313245; 2408 background-color: #6fffed; 2409 transition: background-color 0.3s ease-in-out; 2410} 2411.Pop-Up-Container-Body[_ngcontent-%COMP%] { 2412 width: 100%; 2413 height: 100vh; 2414 display: flex; 2415 align-items: center; 2416 justify-content: center; 2417 position: fixed; 2418 top: 1.5%; 2419} 2420.scroller[_ngcontent-%COMP%] { 2421 top: 0; 2422 width: 204px; 2423 transition: 0.2s ease-in-out; 2424 position: relative; 2425 margin-right: 15px; 2426 font-style: normal; 2427 z-index: 0; 2428} 2429.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] { 2430 width: 204px; 2431 height: 154px; 2432 background-color: #242637; 2433 border-radius: 5px; 2434 cursor: pointer; 2435 display: flex; 2436 flex-direction: column; 2437 justify-content: center; 2438 align-items: center; 2439 vertical-align: middle; 2440} 2441.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-icon[_ngcontent-%COMP%] { 2442 width: 26.9px; 2443 height: 26.9px; 2444} 2445.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-title[_ngcontent-%COMP%] { 2446 font-family: "GilroyMedium"; 2447 font-size: 1rem; 2448 line-height: 1.23; 2449 letter-spacing: normal; 2450 margin: 16.1px 0 0; 2451 text-align: center; 2452 color: #6fffed; 2453 width: 112px; 2454 height: 45px; 2455} 2456.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] { 2457 display: inline-block; 2458 width: 252px; 2459 height: 154px; 2460 padding: 0 15px 17px 0; 2461 border-radius: 5px !important; 2462 cursor: pointer; 2463 position: relative; 2464 top: 0px; 2465 z-index: -1; 2466} 2467.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 2468 width: 252px; 2469 height: 154px; 2470 border-radius: 5px; 2471 position: absolute; 2472 object-fit: cover; 2473 object-position: center; 2474} 2475.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] { 2476 width: 252px; 2477 height: 568px; 2478 background-image: 2479 linear-gradient( 2480 to bottom, 2481 #242637, 2482 #1e1e2c); 2483 position: absolute; 2484 top: 97%; 2485 z-index: 0; 2486 bottom: 140px; 2487 display: none; 2488 transition: 0.2s ease-in-out; 2489 padding: 20px 17.7px 20px 17.7px; 2490} 2491.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] .event-menu-container[_ngcontent-%COMP%] { 2492 display: flex; 2493 flex-direction: column; 2494 justify-content: center; 2495 text-align: center; 2496} 2497.Inline-Container[_ngcontent-%COMP%]::-webkit-scrollbar {
2498 display: none !important; 2499} 2500.Inline-Container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] { 2501 display: flex; 2502 flex-direction: row; 2503 padding-inline-start: 0px; 2504 list-style-type: none; 2505 transition: transform 0.5s ease; 2506} 2507.Inline-Container[_ngcontent-%COMP%] { 2508 cursor: grab; 2509} 2510.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover { 2511 top: -65px !important; 2512 z-index: 2; 2513 transition: 0.2s ease-in-out; 2514} 2515.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover .event-menu-wrapper[_ngcontent-%COMP%] { 2516 display: block !important; 2517} 2518.control-item[_ngcontent-%COMP%] { 2519 display: flex; 2520 flex-direction: column; 2521 justify-content: center; 2522 align-items: center; 2523 width: 58px; 2524 cursor: pointer; 2525} 2526.control-item[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 2527 width: 40px !important; 2528 height: 40px !important; 2529 position: relative !important; 2530 object-fit: contain; 2531 transition: all 0.2s ease-in-out; 2532} 2533.control-item[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 2534 font-family: "GilroyLight"; 2535 font-size: 0.875rem; 2536 font-style: normal; 2537 line-height: normal; 2538 letter-spacing: normal; 2539 text-align: center; 2540 color: #c2c7f2; 2541 white-space: normal; 2542 margin-top: 12px; 2543} 2544.InputFieldArrow[_ngcontent-%COMP%] { 2545 position: relative; 2546 width: 272px !important; 2547} 2548.InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 2549 position: absolute; 2550 color: #babcc1; 2551 font-size: 1.5rem; 2552 top: 20px; 2553 right: 16px; 2554 z-index: 1; 2555 cursor: pointer; 2556} 2557@media (min-width: 768px) and (max-width: 1024px) { 2558 .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 2559 display: none; 2560 } 2561 .InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 2562 position: relative; 2563 right: -232px; 2564 top: 46px; 2565 } 2566 .top-nav[_ngcontent-%COMP%] { 2567 top: -23px; 2568 z-index: 1; 2569 position: relative; 2570 display: inline-block; 2571 width: 100%; 2572 white-space: nowrap; 2573 overflow: auto; 2574 } 2575 .top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 2576 margin: 20px 20px 0px 0px; 2577 } 2578 .NextButton[_ngcontent-%COMP%] { 2579 width: 514px; 2580 } 2581} 2582.top-nav[_ngcontent-%COMP%]::-webkit-scrollbar {
2583 display: none; 2584} 2585.popUpBox[_ngcontent-%COMP%] { 2586 width: 100%; 2587 height: auto; 2588 background-color: #1e1e2c; 2589 padding: 40px; 2590} 2591.popUpBox[_ngcontent-%COMP%] .topTitleBar[_ngcontent-%COMP%] .creationWizardTitle[_ngcontent-%COMP%] { 2592 line-height: 1.08; 2593} 2594.popUpBox[_ngcontent-%COMP%] .topTitleBar.dFlexRow[_ngcontent-%COMP%] { 2595 justify-content: space-between; 2596} 2597@media screen and (max-width: 767px) { 2598 .popUpBox[_ngcontent-%COMP%] { 2599 padding: 16px !important; 2600 } 2601} 2602@keyframes _ngcontent-%COMP%_expander { 2603 from { 2604 transform: scale(1); 2605 } 2606 50% { 2607 transform: scale(1.1); 2608 } 2609 100% { 2610 transform: scale(1.2); 2611 } 2612} 2613@-webkit-keyframes _ngcontent-%COMP%_slide { 2614 100% { 2615 left: -55px; 2616 } 2617} 2618@keyframes _ngcontent-%COMP%_slide { 2619 100% { 2620 left: -55px; 2621 } 2622} 2623@-webkit-keyframes _ngcontent-%COMP%_slideDrawer { 2624 0% { 2625 left: -245px; 2626 } 2627 100% { 2628 left: 0; 2629 } 2630} 2631@keyframes _ngcontent-%COMP%_slideDrawer { 2632 0% { 2633 left: -245px; 2634 } 2635 100% { 2636 left: 0; 2637 } 2638} 2639@-webkit-keyframes _ngcontent-%COMP%_slideBox { 2640 0% { 2641 left: -600px; 2642 } 2643 100% { 2644 left: 0px; 2645 } 2646} 2647@keyframes _ngcontent-%COMP%_slideBox { 2648 0% { 2649 left: -600px; 2650 } 2651 100% { 2652 left: 0px; 2653 } 2654} 2655.menu-items-grid[_ngcontent-%COMP%] .control-item[_ngcontent-%COMP%]:hover img[_ngcontent-%COMP%] { 2656 transform: scale(1.2); 2657} 2658@keyframes _ngcontent-%COMP%_slideUp { 2659 0% { 2660 transform: translate3d(0, 20px, 0); 2661 opacity: 0; 2662 } 2663 50% { 2664 transform: translate3d(0, 10px, 0); 2665 opacity: 0.5; 2666 } 2667 100% { 2668 transform: translate3d(0, 0px, 0); 2669 opacity: 1; 2670 } 2671} 2672@keyframes _ngcontent-%COMP%_fadein { 2673 from { 2674 opacity: 0; 2675 } 2676 to { 2677 opacity: 1; 2678 } 2679} 2680.gray-BG[_ngcontent-%COMP%] { 2681 background-color: #babcc1 !important; 2682} 2683.midnight-express-BG[_ngcontent-%COMP%] { 2684 background-color: #242637; 2685} 2686.black-russian[_ngcontent-%COMP%] { 2687 background-color: #0b0b1a !important; 2688} 2689.baby-blue-BG[_ngcontent-%COMP%] { 2690 background-color: #6fffed !important; 2691} 2692.slate-blue-BG[_ngcontent-%COMP%] { 2693 background-color: #5e5cde !important; 2694} 2695.dark-orange-BG[_ngcontent-%COMP%] { 2696 background-color: #ff9300 !important; 2697} 2698.dodger-blue[_ngcontent-%COMP%] { 2699 background-color: #0a84ff !important; 2700} 2701.medium-orchid-BG[_ngcontent-%COMP%] { 2702 background-color: #bf5af2 !important; 2703} 2704.rich-lilac-BG[_ngcontent-%COMP%] { 2705 background-color: #b260ea; 2706} 2707.comet-BG[_ngcontent-%COMP%] { 2708 background-color: #5e5f71; 2709} 2710.gamboge-BG[_ngcontent-%COMP%] { 2711 background-color: #e68f09; 2712} 2713.blur[_ngcontent-%COMP%] { 2714 -webkit-filter: blur(8px); 2715 -moz-filter: blur(8px); 2716 -o-filter: blur(8px); 2717 -ms-filter: blur(8px); 2718 filter: blur(8px); 2719} 2720.blue-shade2-border[_ngcontent-%COMP%] { 2721 border: solid 2px #43445e !important; 2722} 2723.baby-blue-border[_ngcontent-%COMP%] { 2724 border: solid 1px #6fffed !important; 2725} 2726.dark-orange-border[_ngcontent-%COMP%] { 2727 border: solid 1px #ff9300 !important; 2728} 2729.medium-orchid-border[_ngcontent-%COMP%] { 2730 border: solid 1px #bf5af2 !important; 2731} 2732.dodger-blue-shade2-border[_ngcontent-%COMP%] { 2733 border: solid 1px #0a84ff !important; 2734} 2735.white-smoke-border[_ngcontent-%COMP%] { 2736 border: solid 1px #f5f5f5 !important; 2737} 2738.red-border[_ngcontent-%COMP%] { 2739 border: solid 1px #ff0100 !important; 2740} 2741.black-russian-border[_ngcontent-%COMP%] { 2742 border: solid 1ps #0b0b1a; 2743} 2744.border-red[_ngcontent-%COMP%] { 2745 border: solid 1px #ff0100 !important; 2746} 2747.border-sunsetOrange[_ngcontent-%COMP%] { 2748 border: 1px solid #ff4d4d !important; 2749} 2750.border-grayLight[_ngcontent-%COMP%] { 2751 border: solid 2px #2F3450 !important; 2752} 2753.blueshadeThreeText[_ngcontent-%COMP%] { 2754 color: #81cffa; 2755} 2756.richlilacText[_ngcontent-%COMP%] { 2757 color: #b260ea !important; 2758} 2759.slateBlueText[_ngcontent-%COMP%] { 2760 color: #5e5cde !important; 2761} 2762.slateText[_ngcontent-%COMP%] { 2763 color: #5c5d7a !important; 2764} 2765.babyBlueText[_ngcontent-%COMP%] { 2766 color: #6fffed !important; 2767} 2768.darkOrangeText[_ngcontent-%COMP%] { 2769 color: #ff9300 !important; 2770} 2771.freshYellowText[_ngcontent-%COMP%] { 2772 color: #ffd60a; 2773} 2774.brightPeachText[_ngcontent-%COMP%] { 2775 color: #f96f6f; 2776} 2777.mediumOrchidText[_ngcontent-%COMP%] { 2778 color: #bf5af2 !important; 2779} 2780.black-russian-Text[_ngcontent-%COMP%] { 2781 color: #0b0b1a !important; 2782} 2783.dodgerBlueShadeText[_ngcontent-%COMP%] { 2784 color: #0a84ff !important; 2785} 2786.orangyRedText[_ngcontent-%COMP%] { 2787 color: #ff453a; 2788} 2789.whiteText[_ngcontent-%COMP%] { 2790 color: #f5f5f5 !important; 2791} 2792.pureWhiteText[_ngcontent-%COMP%] { 2793 color: #fff !important; 2794} 2795.comitText[_ngcontent-%COMP%] { 2796 color: #5e5f71 !important; 2797} 2798.carnationText[_ngcontent-%COMP%] { 2799 color: #ff6f90; 2800} 2801.redText[_ngcontent-%COMP%] { 2802 color: #ff0100 !important; 2803} 2804.LavenderBlueText[_ngcontent-%COMP%] { 2805 color: #c2c7f2 !important; 2806} 2807.orangePeelText[_ngcontent-%COMP%] { 2808 color: #ff9300 !important; 2809} 2810.greenText[_ngcontent-%COMP%] { 2811 color: #32d74b; 2812} 2813.sunsetOrangeText[_ngcontent-%COMP%] { 2814 color: #ff4d4d !important; 2815} 2816.grayText[_ngcontent-%COMP%] { 2817 color: #babcc1; 2818} 2819.lighterPurpleText[_ngcontent-%COMP%] { 2820 color: #bd58f0; 2821} 2822.whiteColorText[_ngcontent-%COMP%] { 2823 color: #ffffff !important; 2824} 2825.mangoManiaText[_ngcontent-%COMP%] { 2826 color: #fec20e !important; 2827} 2828.promotionalTextColor[_ngcontent-%COMP%] { 2829 color: #EA60A2 !important; 2830} 2831.center-text[_ngcontent-%COMP%] { 2832 text-align: center !important; 2833} 2834.leftText[_ngcontent-%COMP%] { 2835 text-align: left !important; 2836} 2837.rightText[_ngcontent-%COMP%] { 2838 text-align: right; 2839} 2840.floatRight[_ngcontent-%COMP%] { 2841 float: right; 2842} 2843.floatLeft[_ngcontent-%COMP%] { 2844 float: left; 2845} 2846.clearfix[_ngcontent-%COMP%] { 2847 clear: both; 2848} 2849.dNone[_ngcontent-%COMP%] { 2850 display: none !important; 2851} 2852.dBlock[_ngcontent-%COMP%] { 2853 display: block !important; 2854} 2855.dInlineBlock[_ngcontent-%COMP%] { 2856 display: inline-block !important; 2857} 2858.dInline[_ngcontent-%COMP%] { 2859 display: inline !important; 2860} 2861.dFlex[_ngcontent-%COMP%] { 2862 display: flex; 2863} 2864.dFlexColumn[_ngcontent-%COMP%] { 2865 display: flex; 2866 flex-direction: column; 2867} 2868.dFlexRow[_ngcontent-%COMP%] { 2869 display: flex; 2870 flex-direction: row; 2871} 2872.dFlex-with-center[_ngcontent-%COMP%] { 2873 display: flex; 2874 align-items: center; 2875} 2876.dFlex-with-col-center[_ngcontent-%COMP%] { 2877 display: flex; 2878 flex-flow: column; 2879 align-items: center; 2880} 2881.clickable[_ngcontent-%COMP%] { 2882 cursor: pointer; 2883} 2884.text-direction-vertical[_ngcontent-%COMP%] { 2885 writing-mode: vertical-rl; 2886 transform: rotate(180deg); 2887} 2888.ellipsis[_ngcontent-%COMP%] { 2889 overflow: hidden; 2890 white-space: nowrap; 2891 text-overflow: ellipsis; 2892} 2893.capital-text[_ngcontent-%COMP%] { 2894 text-transform: uppercase; 2895} 2896.disableDiv[_ngcontent-%COMP%] { 2897 pointer-events: none; 2898} 2899.margin-top-10[_ngcontent-%COMP%] { 2900 margin-top: 10px; 2901} 2902.margin-top-15[_ngcontent-%COMP%] { 2903 margin-top: 15px; 2904} 2905.margin-top-20[_ngcontent-%COMP%] { 2906 margin-top: 20px; 2907} 2908.margin-top-30[_ngcontent-%COMP%] { 2909 margin-top: 30px; 2910} 2911.margin-top-0[_ngcontent-%COMP%] { 2912 margin-top: 0px !important; 2913} 2914.shadow[_ngcontent-%COMP%] { 2915 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 2916 -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 2917 -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 2918} 2919.sahdow-right-bottom-black[_ngcontent-%COMP%] { 2920 box-shadow: 5px 5px 5px black; 2921 -webkit-box-shadow: 5px 5px 5px black; 2922 -moz-box-shadow: 5px 5px 5px black; 2923} 2924.filter-drop-shadow[_ngcontent-%COMP%] { 2925 -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 2926 -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 2927 -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 2928 -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 2929 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 2930} 2931.organgePeelText[_ngcontent-%COMP%] { 2932 color: #ff9300; 2933} 2934.organgePeelText[_ngcontent-%COMP%] { 2935 color: #ff9300; 2936} 2937.sunsetOrangeText[_ngcontent-%COMP%] { 2938 color: #ff4d4d; 2939} 2940ngx-image-cropper[_ngcontent-%COMP%] { 2941 background: #1e1e2c !important; 2942} 2943ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:not(.ngx-ic-canvas) { 2944 background: #1e1e2c !important; 2945 opacity: 0 !important; 2946} 2947ngx-image-cropper[_ngcontent-%COMP%] .ngx-ic-canvas[_ngcontent-%COMP%] { 2948 background: transparent !important; 2949} 2950image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus, ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus { 2951 outline: none !important; 2952} 2953image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%], ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%] { 2954 border: none !important; 2955 box-shadow: none !important; 2956} 2957.ticket-heading[_ngcontent-%COMP%] { 2958 font-family: "STENCILAND"; 2959 font-size: 0.875rem; 2960 font-style: normal; 2961 line-height: 1.21; 2962 text-align: center; 2963 text-transform: uppercase; 2964 margin: 10px 0px 3px 0px; 2965} 2966.ticket-heading.baby-blue[_ngcontent-%COMP%] { 2967 color: #6fffed; 2968 letter-spacing: 0.28px; 2969} 2970.ticket-heading.slate-blue[_ngcontent-%COMP%] { 2971 color: #5e5cde; 2972 letter-spacing: 0.28px; 2973} 2974.ticket-heading.dark-orange[_ngcontent-%COMP%] { 2975 color: #ff9300; 2976 letter-spacing: 0.28px; 2977} 2978.ticket-heading.orange[_ngcontent-%COMP%] { 2979 letter-spacing: 2px; 2980 color: #ff9300; 2981} 2982.ticket-heading[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 2983 font-family: "GilroySemiBold"; 2984 font-size: 1rem; 2985 line-height: 1.06; 2986 letter-spacing: normal; 2987} 2988.navBottomSpace[_ngcontent-%COMP%] { 2989 height: 4.375rem; 2990} 2991.submenuNavSpace[_ngcontent-%COMP%] { 2992 width: 73px; 2993} 2994.secondary-text[_ngcontent-%COMP%] { 2995 color: #babcc1; 2996 font-family: "GilroyMedium"; 2997 font-size: 0.875rem; 2998} 2999.user-profile-subheading[_ngcontent-%COMP%] { 3000 color: #f5f5f5; 3001 font-family: "GilroyMedium"; 3002 font-size: 1.5rem; 3003 font-style: normal; 3004 line-height: normal; 3005 letter-spacing: normal; 3006 text-align: left; 3007} 3008.p-inputtext[_ngcontent-%COMP%]:focus { 3009 border: 1px solid #6fffed !important; 3010 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4) !important; 3011} 3012.wizard-component-title[_ngcontent-%COMP%] { 3013 margin: 50px 0px; 3014 font-family: "GilroyMedium"; 3015 font-size: 1.5rem; 3016 color: #f5f5f5; 3017 font-style: normal; 3018 line-height: 1.17; 3019 letter-spacing: normal; 3020 text-align: left; 3021} 3022.collegeEvent-wizardTiltle[_ngcontent-%COMP%] { 3023 margin: 50px 0px; 3024 font-family: "GilroySemiBold"; 3025 font-size: 1.75rem; 3026 color: #f5f5f5; 3027 font-style: normal; 3028 line-height: 1.17; 3029 letter-spacing: normal; 3030 text-align: left; 3031} 3032.wizard-component-subTitle[_ngcontent-%COMP%] { 3033 margin: 0px 0px 50px; 3034 color: #ff9300; 3035 font-size: 1rem; 3036 font-family: "GilroyMedium"; 3037 line-height: 1.29; 3038 text-align: left; 3039 letter-spacing: normal; 3040 font-style: normal; 3041} 3042.resizeImageText[_ngcontent-%COMP%] { 3043 color: #c2c7f2 !important; 3044 margin-top: 31px; 3045 margin-left: 251px; 3046 display: block; 3047 font-size: 0.875rem; 3048} 3049table[_ngcontent-%COMP%] { 3050 width: 100%; 3051} 3052.GuestTable-Data[_ngcontent-%COMP%] td[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 3053 width: 34px; 3054 height: 34px; 3055 margin: 15px 10.4px 18px 0px; 3056} 3057th[_ngcontent-%COMP%] { 3058 font-family: "GilroyBold"; 3059 font-size: 1rem; 3060 font-style: normal; 3061 line-height: 1.29; 3062 letter-spacing: normal; 3063 color: #f5f5f5; 3064 padding: 23px 0px 24.2px 0px; 3065} 3066td[_ngcontent-%COMP%] { 3067 font-family: "GilroyMedium"; 3068 font-size: 1rem; 3069 font-style: normal; 3070 line-height: 1.29; 3071 letter-spacing: normal; 3072 color: #f5f5f5; 3073} 3074.button[_ngcontent-%COMP%] { 3075 width: 200px; 3076 height: 45px; 3077 margin-top: 45.1px; 3078 border-radius: 10px; 3079 font-family: "GilroyBold"; 3080 border: solid 1px #272b3f; 3081 background-color: #ff9300; 3082 font-size: 1rem; 3083 font-style: normal; 3084 line-height: 1.25; 3085 letter-spacing: normal; 3086 text-align: center; 3087 color: #1e1e2c; 3088 margin-top: 39px; 3089 transform: scale(1); 3090 transition: transform 0.3s ease-in-out; 3091} 3092.btn-primary[_ngcontent-%COMP%] { 3093 color: #fff; 3094 background-color: #1b6ec2; 3095 border-color: #1861ac; 3096} 3097.button-Event[_ngcontent-%COMP%] { 3098 background-color: #1a1b2c; 3099 border-radius: 50px; 3100 height: 45px; 3101 border: 2px solid #6fffed; 3102 color: #6fffed; 3103 font-family: "GilroySemiBold"; 3104 padding-left: 33px; 3105 padding-right: 33px; 3106 font-size: 1.125rem; 3107 text-align: center; 3108 text-decoration: none; 3109 transform: scale(1); 3110 transition: transform 0.3s ease-in; 3111} 3112.button-Event[_ngcontent-%COMP%]:hover {
3113 cursor: pointer; 3114 transform: scale(1.05); 3115 transition: transform 0.3s ease-in; 3116} 3117.loadingOpacity[_ngcontent-%COMP%] { 3118 background: rgba(111, 255, 237, 0.2) !important; 3119 border: none !important; 3120} 3121.Loadingbutton_Text[_ngcontent-%COMP%] { 3122 position: relative !important; 3123 color: #1e1e2c !important; 3124 display: block; 3125} 3126.disablelitButton[_ngcontent-%COMP%] { 3127 background-color: #282c40; 3128 border: 2px solid #282c40; 3129 border-radius: 50px; 3130 height: 45px; 3131 color: #6fffed; 3132 font-family: "GilroySemiBold"; 3133 font-size: 1.125rem; 3134 padding-left: 33px; 3135 padding-right: 33px; 3136 text-align: center; 3137 text-decoration: none; 3138 cursor: pointer; 3139 transform: scale(1); 3140 transition: transform 0.3s ease-in-out; 3141} 3142.simpleButton[_ngcontent-%COMP%] { 3143 background-color: #242637; 3144 border-radius: 50px; 3145 height: 45px; 3146 border: 1px solid #f5f5f5; 3147 color: #babcc1; 3148 font-family: "GilroyMedium"; 3149 padding-left: 33px; 3150 font-size: 1rem; 3151 padding-right: 33px; 3152 text-align: center; 3153 text-decoration: none; 3154 cursor: pointer; 3155} 3156.disableButton[_ngcontent-%COMP%] { 3157 background-color: #242637; 3158 border-radius: 50px; 3159 height: 45px; 3160 border: 1px solid #1e1e2c; 3161 color: #1e1e2c; 3162 font-family: "GilroyMedium"; 3163 font-size: 1.125rem; 3164 padding-left: 33px; 3165 padding-right: 33px; 3166 text-align: center; 3167 text-decoration: none; 3168 cursor: pointer; 3169} 3170.disableButton.new[_ngcontent-%COMP%] { 3171 width: 160px; 3172 height: 44px; 3173 padding: 8px 16px; 3174 font-size: 1rem; 3175 border: none; 3176 font-family: "GilroyBold"; 3177 border-radius: 10px; 3178 pointer-events: none !important; 3179} 3180.disabledButton[_ngcontent-%COMP%] { 3181 background-color: #242637; 3182 border-radius: 50px; 3183 height: 45px; 3184 border: 2px solid #1e1e2c; 3185 color: #1e1e2c; 3186 font-family: "GilroySemiBold"; 3187 font-size: 1.125rem; 3188 text-decoration: none; 3189} 3190.save-draft[_ngcontent-%COMP%] { 3191 color: #c2c7f2; 3192 background: #232638; 3193 border: 1px solid #232638; 3194 height: 40px; 3195 text-align: center; 3196 outline: none; 3197 border-radius: 50px; 3198 font-size: 0.875rem; 3199 font-family: "GilroySemiBold"; 3200 padding: 12px 0px; 3201 cursor: pointer; 3202 display: flex; 3203 align-items: center !important; 3204 justify-content: center !important; 3205 -webkit-align-items: center; 3206 -webkit-justify-content: center; 3207 position: relative; 3208} 3209.save-draft.draft-progress[_ngcontent-%COMP%] { 3210 position: absolute !important; 3211 height: 100% !important; 3212 top: 0; 3213 left: 0; 3214 background-color: #c2c7f2 !important; 3215 color: #232638 !important; 3216 transition: width 0.3s; 3217 border-radius: 10px; 3218 border: none !important; 3219} 3220.glowButton[_ngcontent-%COMP%] { 3221 background-color: #1e1e2c; 3222 border: 1px solid #6fffed; 3223 color: #6fffed; 3224 height: 40px; 3225 text-align: center; 3226 outline: none; 3227 border-radius: 50px; 3228 font-size: 0.875rem; 3229 font-family: "GilroySemiBold"; 3230 padding: 12px 0px; 3231 cursor: pointer; 3232 display: flex; 3233 align-items: center !important; 3234 justify-content: center !important; 3235 -webkit-align-items: center; 3236 -webkit-justify-content: center; 3237 position: relative; 3238} 3239.glowButton.button_progress[_ngcontent-%COMP%] { 3240 position: absolute !important; 3241 height: 100% !important; 3242 top: 0; 3243 left: 0; 3244 background-color: #6fffed !important; 3245 transition: width 0.3s; 3246 border-radius: 10px; 3247 border: none !important; 3248} 3249.cancelButton[_ngcontent-%COMP%] { 3250 background-color: #232638; 3251 border: none; 3252 color: #fff; 3253 height: 40px; 3254 text-align: center; 3255 outline: none; 3256 border-radius: 10px; 3257 font-size: 1rem; 3258 font-family: "GilroySemiBold"; 3259 padding: 12px 0px; 3260 cursor: pointer; 3261 display: flex; 3262 align-items: center !important; 3263 justify-content: center !important; 3264 -webkit-align-items: center; 3265 -webkit-justify-content: center; 3266 position: relative; 3267} 3268.cancelButton.button_progress[_ngcontent-%COMP%] { 3269 position: absolute !important; 3270 height: 100% !important; 3271 top: 0; 3272 left: 0; 3273 background-color: #6fffed !important; 3274 transition: width 0.3s; 3275 border-radius: 10px; 3276 border: none !important; 3277} 3278.Input-Field[_ngcontent-%COMP%] { 3279 margin: 11px 0px; 3280 padding: 11px 0px 13px 18px; 3281 font-family: "GilroyMedium"; 3282 border-radius: 50px; 3283 width: 272px; 3284 height: 40px; 3285 color: #f5f5f5; 3286 font-size: 1rem; 3287 line-height: 1.14; 3288 background-color: #242637; 3289 border: 1px solid #f5f5f5; 3290} 3291.Input-Field[_ngcontent-%COMP%]:focus, .Text-Field[_ngcontent-%COMP%]:focus { 3292 border: 1px solid #6fffed; 3293 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 3294} 3295.Text-Field[_ngcontent-%COMP%] { 3296 padding: 11px 0px 13px 18px; 3297 color: #f5f5f5; 3298 font-size: 1rem; 3299 line-height: 1.14; 3300 font-family: "GilroyMedium"; 3301 border-radius: 15px; 3302 background-color: #242637; 3303 border: 1px solid #f5f5f5; 3304 height: 118px; 3305 min-height: 118px; 3306} 3307input[_ngcontent-%COMP%]:focus { 3308 border: none; 3309 outline: none; 3310} 3311*[_ngcontent-%COMP%]:focus { 3312 outline: none !important; 3313} 3314.custom-Label[_ngcontent-%COMP%] { 3315 font-family: "GilroyMedium"; 3316 font-size: 0.875rem; 3317 color: #babcc1; 3318} 3319.checkBoxEnable[_ngcontent-%COMP%] { 3320 border: 2px solid #6fffed; 3321 border-radius: 4px; 3322 width: 31px; 3323 height: 38px; 3324 outline: none !important; 3325 background-color: rgba(111, 255, 237, 0.1); 3326} 3327.checkBoxDisabled[_ngcontent-%COMP%] { 3328 border: solid 2px #676d9e; 3329 border-radius: 4px; 3330 width: 31px; 3331 height: 38px; 3332 outline: none !important; 3333} 3334.checkbox-custom[_ngcontent-%COMP%] { 3335 -webkit-appearance: none; 3336 -moz-appearance: none !important; 3337 appearance: none; 3338 cursor: pointer !important; 3339 width: 31px; 3340 height: 38px; 3341 margin-left: 0px; 3342 padding: 0px; 3343 outline: none !important; 3344} 3345.tbl-line[_ngcontent-%COMP%] { 3346 border-bottom: 3px solid #383759; 3347 width: 100%; 3348} 3349.checkbox-custom[_ngcontent-%COMP%]:checked { 3350 content: ""; 3351 width: 18px; 3352 height: 10px; 3353 background: rgba(0, 0, 0, 0); 3354 border: 2px solid #6fffed; 3355 -webkit-transform: rotate(-45deg); 3356 -moz-transform: rotate(-45deg); 3357 -o-transform: rotate(-45deg); 3358 -ms-transform: rotate(-45deg); 3359 transform: rotate(-45deg); 3360 margin-left: 5px; 3361 margin-bottom: -1px; 3362 outline: none !important; 3363 box-shadow: none !important; 3364 border-top: none !important;
3365 border-right: none !important; 3366 -webkit-appearance: none !important; 3367 -moz-appearance: none !important; 3368 appearance: none !important; 3369} 3370.textLit[_ngcontent-%COMP%] { 3371 width: 25px; 3372 height: 19px; 3373 margin-top: 8px; 3374 margin-left: 12px; 3375 font-family: "GilroySemiBold"; 3376 font-size: 1rem; 3377 line-height: 1.19; 3378 color: #6fffed; 3379} 3380.textNotLit[_ngcontent-%COMP%] { 3381 width: 25px; 3382 height: 19px; 3383 margin-top: 8px; 3384 margin-left: 12px; 3385 font-family: "GilroySemiBold"; 3386 font-size: 1rem; 3387 line-height: 1.19; 3388 color: #676d9e; 3389} 3390[_ngcontent-%COMP%]::placeholder { 3391 color: rgba(255, 255, 255, 0.2); 3392 font-size: 0.875rem; 3393 font-family: "GilroyMedium"; 3394} 3395.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label[_ngcontent-%COMP%] { 3396 text-align: left; 3397 margin-top: 29px; 3398} 3399.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label-qm[_ngcontent-%COMP%] { 3400 text-align: left; 3401 margin-top: 20px; 3402} 3403.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 3404 width: 578px; 3405 border: solid 1px #f5f5f5; 3406} 3407.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Small-Input-Field[_ngcontent-%COMP%] { 3408 width: 114px; 3409 height: 40px; 3410} 3411.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 3412 width: 578px; 3413 margin-top: 11px; 3414 margin-bottom: 11px; 3415} 3416.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 3417 display: flex; 3418 flex-direction: row; 3419 justify-content: space-between; 3420 width: 578px; 3421} 3422.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 3423 width: 272px !important; 3424} 3425.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus { 3426 border: none; 3427 outline: none; 3428} 3429.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:-webkit-autofill { 3430 -webkit-box-shadow: 0 0 0 30px #242637 inset !important; 3431 box-shadow: 0 0 0 30px #242637 inset !important; 3432} 3433.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%]:focus, .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%]:focus { 3434 border: 1px solid #6fffed; 3435} 3436.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .checkbox-custom[_ngcontent-%COMP%]:checked { 3437 content: ""; 3438 width: 18px; 3439 height: 10px; 3440 background: rgba(0, 0, 0, 0); 3441 border: 2px solid #6fffed; 3442 border-top: none !important; 3443 border-right: none !important; 3444 -webkit-transform: rotate(-45deg); 3445 -moz-transform: rotate(-45deg); 3446 -o-transform: rotate(-45deg); 3447 -ms-transform: rotate(-45deg); 3448 transform: rotate(-45deg); 3449 margin-left: 5px; 3450 margin-bottom: -3px; 3451 outline: none !important; 3452 box-shadow: none !important; 3453 -webkit-appearance: none !important; 3454 -moz-appearance: none !important; 3455 appearance: none !important; 3456} 3457.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .danger[_ngcontent-%COMP%] { 3458 font-size: 0.875rem; 3459 color: #ff4d4d; 3460 font-family: "GilroyRegular"; 3461} 3462.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .label-danger[_ngcontent-%COMP%] { 3463 color: #ff4d4d !important; 3464} 3465input[_ngcontent-%COMP%]:-webkit-autofill:focus, input[_ngcontent-%COMP%]:-webkit-autofill:active { 3466 -webkit-box-shadow: 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 3467 box-shadow: 0 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 3468 border-color: #6fffed !important; 3469 border: 1px solid #6fffed !important; 3470} 3471input[_ngcontent-%COMP%]:-webkit-autofill { 3472 box-shadow: 0 0 0 30px #242637 inset !important; 3473} 3474input[_ngcontent-%COMP%]:-webkit-autofill { 3475 -webkit-text-fill-color: #fff !important; 3476 caret-color: #2f3450 !important; 3477} 3478input[type=range][_ngcontent-%COMP%]:focus { 3479 border: none !important; 3480 box-shadow: none !important; 3481} 3482.danger[_ngcontent-%COMP%] { 3483 font-size: 0.875rem; 3484 color: #ff4d4d; 3485 font-family: "GilroyRegular"; 3486} 3487.label-danger[_ngcontent-%COMP%] { 3488 color: #ff4d4d !important; 3489} 3490.is-invalid[_ngcontent-%COMP%] { 3491 border: 1px solid #ff4d4d !important; 3492 border-color: #ff4d4d !important; 3493} 3494input[type=number].ng-touched.ng-invalid[_ngcontent-%COMP%], input[type=text].ng-touched.ng-invalid[_ngcontent-%COMP%] { 3495 border: 1px solid #ff4d4d !important; 3496 border-color: #ff4d4d !important; 3497} 3498textarea.ng-touched.ng-invalid[_ngcontent-%COMP%] { 3499 border: 1px solid #ff4d4d !important; 3500 border-color: #ff4d4d !important; 3501} 3502.blur[_ngcontent-%COMP%] { 3503 -webkit-filter: blur(8px); 3504 -moz-filter: blur(8px); 3505 -o-filter: blur(8px); 3506 -ms-filter: blur(8px); 3507 filter: blur(8px); 3508} 3509.notBlur[_ngcontent-%COMP%] { 3510 -webkit-filter: blur(0px); 3511 -moz-filter: blur(0px); 3512 -o-filter: blur(0px); 3513 -ms-filter: blur(0px); 3514 filter: blur(0px); 3515} 3516.stickyElement[_ngcontent-%COMP%] { 3517 position: -webkit-sticky; 3518 position: sticky; 3519 top: 0; 3520 z-index: 999; 3521} 3522.event-status[_ngcontent-%COMP%] { 3523 font-family: "GilroyBold"; 3524 padding: 0 15px 17px 0; 3525 border-bottom-right-radius: 10px !important; 3526 border-top-left-radius: 5px; 3527 line-height: normal; 3528 letter-spacing: normal; 3529 text-align: left; 3530 display: flex; 3531 flex-direction: column; 3532 justify-content: center; 3533 font-size: 0.875rem; 3534 line-height: 1.21; 3535 color: #f5f5f5; 3536 text-transform: uppercase; 3537} 3538.event-status.unpublished[_ngcontent-%COMP%] { 3539 padding: 0px 16px; 3540 -webkit-backdrop-filter: blur(50px); 3541 backdrop-filter: blur(50px); 3542 background-color: rgba(30, 30, 44, 0.65); 3543 width: 122px; 3544 height: 44px; 3545 color: #f5f5f5; 3546} 3547.event-status.tickets_gone[_ngcontent-%COMP%] { 3548 padding: 0px 16px; 3549 -webkit-backdrop-filter: blur(50px); 3550 backdrop-filter: blur(50px); 3551 background-color: rgba(29, 204, 184, 0.65); 3552 width: 145px; 3553 height: 44px; 3554} 3555.event-status.event_over[_ngcontent-%COMP%] { 3556 padding: 0px 16px; 3557 -webkit-backdrop-filter: blur(50px); 3558 backdrop-filter: blur(50px); 3559 background-color: rgba(255, 77, 77, 0.65); 3560 width: 120px; 3561 height: 44px; 3562} 3563.event-status.going_free_or_free_ticket_event[_ngcontent-%COMP%] { 3564 width: 150px; 3565 height: 44px; 3566 padding: 0px 16px; 3567 -webkit-backdrop-filter: blur(50px); 3568 backdrop-filter: blur(50px); 3569 background-color: rgba(94, 92, 222, 0.65); 3570} 3571.event-status.going_pay_at_door_event[_ngcontent-%COMP%] { 3572 width: 150px; 3573 height: 44px; 3574 padding: 0px 16px; 3575 -webkit-backdrop-filter: blur(50px); 3576 backdrop-filter: blur(50px); 3577 background-color: rgba(255, 147, 0, 0.65); 3578} 3579.event-status.ticket_sold_event[_ngcontent-%COMP%], .event-status.active[_ngcontent-%COMP%] { 3580 width: 122px; 3581 max-width: 252px; 3582 height: 44px; 3583 padding: 0px 16px; 3584 -webkit-backdrop-filter: blur(50px); 3585 backdrop-filter: blur(50px); 3586 background-color: rgba(29, 204, 184, 0.65); 3587} 3588.event-status.ticket_sold_event[_ngcontent-%COMP%] { 3589 width: 154px; 3590 max-width: 252px; 3591 height: 44px; 3592 padding: 0px 16px; 3593 -webkit-backdrop-filter: blur(50px); 3594 backdrop-filter: blur(50px); 3595 background-color: rgba(29, 204, 184, 0.65); 3596} 3597.event-status.eventCancelled[_ngcontent-%COMP%], .event-status.cancelled[_ngcontent-%COMP%] { 3598 padding: 0px 16px; 3599 color: #ff4d4d; 3600 width: 154px; 3601 height: 44px; 3602 -webkit-backdrop-filter: blur(50px); 3603 backdrop-filter: blur(50px); 3604 background-color: rgba(30, 30, 44, 0.65); 3605} 3606.event-status.ended[_ngcontent-%COMP%], .event-status.drawover[_ngcontent-%COMP%] { 3607 width: 112px; 3608 height: 44px; 3609 padding: 0px 15px; 3610 -webkit-backdrop-filter: blur(50px); 3611 backdrop-filter: blur(50px); 3612 background-color: rgba(255, 77, 77, 0.65); 3613} 3614.event-status.allused[_ngcontent-%COMP%] { 3615 width: 106px; 3616 height: 44px; 3617 padding: 0px 16px; 3618 -webkit-backdrop-filter: blur(50px); 3619 backdrop-filter: blur(50px); 3620 background-color: rgba(255, 147, 0, 0.3); 3621} 3622.event-details[_ngcontent-%COMP%] { 3623 width: 225px; 3624 margin: auto; 3625 position: absolute; 3626 text-align: center; 3627 z-index: 999; 3628 font-style: normal; 3629 line-height: normal; 3630 letter-spacing: normal; 3631 text-align: left; 3632 margin-left: 11px; 3633 bottom: 0px; 3634} 3635.event-details[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] { 3636 font-family: "GilroySemiBold"; 3637 font-size: 1.25rem; 3638 color: #f5f5f5; 3639 margin: 26px 0px 3px 0px; 3640 width: 224px; 3641 text-transform: capitalize; 3642 overflow: hidden; 3643} 3644.event-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 3645 font-family: "GilroySemiBold"; 3646 font-size: 0.875rem; 3647 float: left; 3648 margin-top: 0px; 3649 color: #babcc1; 3650} 3651.event-details[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 3652 font-size: 1.375rem !important; 3653 margin-top: -3px; 3654 float: right; 3655 color: #fff; 3656 cursor: pointer; 3657} 3658.disableLinks[_ngcontent-%COMP%] { 3659 opacity: 0.3; 3660 pointer-events: none !important; 3661} 3662.hover-Element[_ngcontent-%COMP%] { 3663 transform: scale(1); 3664 transition: transform 0.3s ease-in-out; 3665} 3666.hover-Element[_ngcontent-%COMP%]:hover { 3667 transform: scale(1.1) !important; 3668 transition: transform 0.3s ease-in-out !important; 3669} 3670@media (min-width: 768px) and (max-width: 1024px) { 3671 .vl[_ngcontent-%COMP%] { 3672 height: 32px; 3673 } 3674 .header-text[_ngcontent-%COMP%] { 3675 margin-left: 21px; 3676 } 3677 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 3678 display: none; 3679 } 3680 .wizard-container[_ngcontent-%COMP%] { 3681 width: 768px; 3682 min-width: 768px; 3683 justify-content: none; 3684 } 3685 .Profile-Setup[_ngcontent-%COMP%] { 3686 margin-left: 30px; 3687 } 3688 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 3689 width: 262px; 3690 margin-left: 20px; 3691 } 3692 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 3693 width: 551px; 3694 padding-right: 18px; 3695 } 3696 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 3697 width: 0; 3698 gap: 39px; 3699 } 3700 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 3701 width: 256px !important; 3702 } 3703 .wizard-component-title[_ngcontent-%COMP%] { 3704 text-align: left; 3705 margin-left: 22px; 3706 } 3707 .NextButton[_ngcontent-%COMP%] { 3708 width: 509px; 3709 } 3710 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 3711 display: none; 3712 } 3713 .wizard-container[_ngcontent-%COMP%] { 3714 width: 768px; 3715 min-width: 768px; 3716 justify-content: none; 3717 }
3718 .Pop-Up-Container[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 3719 width: auto; 3720 margin: 0px 30px 0px 45px; 3721 } 3722 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] { 3723 padding: 110px 44px 44px; 3724 width: 610px; 3725 } 3726 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] { 3727 width: auto; 3728 } 3729 .newsfeedContainer[_ngcontent-%COMP%] { 3730 justify-content: center; 3731 overflow: scroll; 3732 height: 629px; 3733 } 3734 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] { 3735 width: 560px; 3736 height: 639px; 3737 } 3738 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .topImage[_ngcontent-%COMP%] { 3739 width: 560px; 3740 height: 424px; 3741 } 3742 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .detail[_ngcontent-%COMP%] { 3743 width: auto; 3744 } 3745 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] { 3746 width: 530px; 3747 } 3748 .newsfeedContainer[_ngcontent-%COMP%]::-webkit-scrollbar {
3749 display: none; 3750 } 3751 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 3752 margin-right: -145px; 3753 } 3754 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 3755 width: 70%; 3756 margin-left: 60px; 3757 } 3758 .ImageEditContainer[_ngcontent-%COMP%] { 3759 margin-right: 51px; 3760 } 3761} 3762.label[_ngcontent-%COMP%] { 3763 color: #fff; 3764 font-size: 0.875rem; 3765 font-family: "GilroySemiBold"; 3766 text-transform: uppercase; 3767 line-height: normal; 3768 letter-spacing: normal; 3769 padding: 0px; 3770 margin: 0px; 3771} 3772.label[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 3773 color: #c2c7f2; 3774} 3775.label[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 3776 color: #ff4d4d; 3777 font-size: 0.375rem; 3778 position: relative; 3779 top: -10px; 3780} 3781.formFields[_ngcontent-%COMP%] { 3782 display: flex; 3783 flex-direction: column; 3784 gap: 10px; 3785} 3786.fields[_ngcontent-%COMP%] { 3787 padding: 14px 16px 14px 16px; 3788 border-radius: 14px; 3789 border: solid 1px #2f3450; 3790 background-color: #1e1e2c; 3791 font-size: 1rem; 3792 font-family: "GilroyBold"; 3793 color: #ffffff; 3794 display: flex; 3795 align-items: center; 3796 justify-content: center; 3797 -webkit-align-items: center; 3798 -webkit-justify-content: center; 3799} 3800.fields.inputField[_ngcontent-%COMP%] { 3801 width: 282px; 3802 height: 44px; 3803} 3804.fields.locationVenueField[_ngcontent-%COMP%] { 3805 width: 685px; 3806 height: 44px; 3807} 3808.fields.smallInputField[_ngcontent-%COMP%] { 3809 width: 129px; 3810} 3811.fields.smallInputVatField[_ngcontent-%COMP%] { 3812 width: 178px; 3813} 3814.fields.textField[_ngcontent-%COMP%] { 3815 height: 91px; 3816} 3817.fields[_ngcontent-%COMP%]:focus { 3818 border: 1px solid #6fffed; 3819 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 3820} 3821.errorMsg[_ngcontent-%COMP%] { 3822 font-style: normal; 3823 line-height: normal; 3824 letter-spacing: normal; 3825 font-family: "GilroyRegular"; 3826 font-size: 0.75rem; 3827 color: #ff4d4d; 3828 margin: 0px; 3829} 3830.errorMsg.positionAboslute[_ngcontent-%COMP%] { 3831 position: absolute; 3832 top: 54px; 3833} 3834.errorMsg[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 3835 color: #ff4d4d !important; 3836 font-size: 0.3125rem !important; 3837 position: relative !important; 3838 top: -6px !important; 3839 right: 0px !important; 3840 padding-right: 2px !important; 3841} 3842.checkboxText[_ngcontent-%COMP%] { 3843 font-size: 0.875rem; 3844 font-style: normal; 3845 line-height: normal; 3846 letter-spacing: normal; 3847 font-family: "GilroyMedium"; 3848 color: #f5f5f5; 3849 margin: 0px; 3850} 3851.creationWizardTitle[_ngcontent-%COMP%] { 3852 font-size: 1.5rem; 3853 font-family: "GilroyBold"; 3854 color: #f5f5f5; 3855 text-transform: capitalize; 3856 line-height: 0.92; 3857 font-style: normal; 3858} 3859@media screen and (max-width: 767px) { 3860 .glowButton[_ngcontent-%COMP%] { 3861 height: 34px !important; 3862 border-radius: 8px !important; 3863 font-size: 0.625rem !important; 3864 } 3865 .navBottomSpace[_ngcontent-%COMP%] { 3866 height: 4.375rem; 3867 } 3868 .label[_ngcontent-%COMP%] { 3869 font-size: 0.75rem !important; 3870 } 3871 .creationWizardTitle[_ngcontent-%COMP%] { 3872 font-size: 1.25rem !important; 3873 } 3874 .disableButton.new[_ngcontent-%COMP%], .litButton.new[_ngcontent-%COMP%] { 3875 width: 90px !important; 3876 height: 34px !important; 3877 padding: 11px 6px; 3878 font-size: 0.625rem; 3879 border: none; 3880 font-family: "GilroyBold"; 3881 border-radius: 8px; 3882 } 3883 .fields[_ngcontent-%COMP%] { 3884 padding: 10px 10px 10px 10px !important; 3885 border-radius: 8px !important; 3886 font-size: 0.75rem; 3887 font-family: "GilroyBold"; 3888 } 3889 [_ngcontent-%COMP%]::placeholder { 3890 font-size: 0.75rem !important; 3891 } 3892} 3893.btnTooltip[_ngcontent-%COMP%] { 3894 background-color: transparent !important; 3895 outline: none !important; 3896 margin: 0px !important; 3897 padding: 0px !important; 3898 border: none !important; 3899} 3900.capitalizeText[_ngcontent-%COMP%] { 3901 text-transform: capitalize; 3902} 3903.lowercaseText[_ngcontent-%COMP%] { 3904 text-transform: lowercase; 3905} 3906.switch[_ngcontent-%COMP%] { 3907 position: relative; 3908 display: inline-block; 3909 width: 44px; 3910 height: 29px; 3911 padding: 2.07px 2.27px 3.11px 2.27px; 3912 margin: 0; 3913} 3914.switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%] { 3915 opacity: 0; 3916 width: 0; 3917 height: 0; 3918} 3919.slider[_ngcontent-%COMP%] { 3920 position: absolute; 3921 cursor: pointer; 3922 top: 0; 3923 left: 0; 3924 right: 0; 3925 bottom: 0; 3926 background-color: rgb(92, 93, 122); 3927 -webkit-transition: 0.4s; 3928 transition: 0.4s; 3929} 3930.slider[_ngcontent-%COMP%]:before { 3931 position: absolute; 3932 content: ""; 3933 width: 22.744px; 3934 height: 23.821px; 3935 background-color: #fff; 3936 border-radius: 50px; 3937 left: 2.77px; 3938 right: 2.77px; 3939 bottom: 2.07px; 3940 top: 2.07px; 3941 -webkit-transition: 0.4s; 3942 transition: 0.4s; 3943} 3944input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%] { 3945 background-color: rgb(10, 132, 255); 3946} 3947input[_ngcontent-%COMP%]:focus + .slider[_ngcontent-%COMP%] { 3948 box-shadow: 0 0 1px #2196F3; 3949} 3950input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]:before { 3951 -webkit-transform: translateX(15px); 3952 -ms-transform: translateX(15px); 3953 transform: translateX(15px); 3954} 3955.slider.round[_ngcontent-%COMP%] { 3956 border-radius: 50px; 3957} 3958.slider.round[_ngcontent-%COMP%]:before { 3959 border-radius: 50px; 3960} 3961@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 3962 .positionAboslute[_ngcontent-%COMP%] { 3963 position: absolute; 3964 } 3965} 3966.gray-BG[_ngcontent-%COMP%] { 3967 background-color: #babcc1 !important; 3968} 3969.midnight-express-BG[_ngcontent-%COMP%] { 3970 background-color: #242637; 3971} 3972.black-russian[_ngcontent-%COMP%] { 3973 background-color: #0b0b1a !important; 3974}
3975.baby-blue-BG[_ngcontent-%COMP%] { 3976 background-color: #6fffed !important; 3977} 3978.slate-blue-BG[_ngcontent-%COMP%] { 3979 background-color: #5e5cde !important; 3980} 3981.dark-orange-BG[_ngcontent-%COMP%] { 3982 background-color: #ff9300 !important; 3983} 3984.dodger-blue[_ngcontent-%COMP%] { 3985 background-color: #0a84ff !important; 3986} 3987.medium-orchid-BG[_ngcontent-%COMP%] { 3988 background-color: #bf5af2 !important; 3989} 3990.rich-lilac-BG[_ngcontent-%COMP%] { 3991 background-color: #b260ea; 3992} 3993.comet-BG[_ngcontent-%COMP%] { 3994 background-color: #5e5f71; 3995} 3996.gamboge-BG[_ngcontent-%COMP%] { 3997 background-color: #e68f09; 3998} 3999.blur[_ngcontent-%COMP%] { 4000 -webkit-filter: blur(8px); 4001 -moz-filter: blur(8px); 4002 -o-filter: blur(8px); 4003 -ms-filter: blur(8px); 4004 filter: blur(8px); 4005} 4006.blue-shade2-border[_ngcontent-%COMP%] { 4007 border: solid 2px #43445e !important; 4008} 4009.baby-blue-border[_ngcontent-%COMP%] { 4010 border: solid 1px #6fffed !important; 4011} 4012.dark-orange-border[_ngcontent-%COMP%] { 4013 border: solid 1px #ff9300 !important; 4014} 4015.medium-orchid-border[_ngcontent-%COMP%] { 4016 border: solid 1px #bf5af2 !important; 4017} 4018.dodger-blue-shade2-border[_ngcontent-%COMP%] { 4019 border: solid 1px #0a84ff !important; 4020} 4021.white-smoke-border[_ngcontent-%COMP%] { 4022 border: solid 1px #f5f5f5 !important; 4023} 4024.red-border[_ngcontent-%COMP%] { 4025 border: solid 1px #ff0100 !important; 4026} 4027.black-russian-border[_ngcontent-%COMP%] { 4028 border: solid 1ps #0b0b1a; 4029} 4030.border-red[_ngcontent-%COMP%] { 4031 border: solid 1px #ff0100 !important; 4032} 4033.border-sunsetOrange[_ngcontent-%COMP%] { 4034 border: 1px solid #ff4d4d !important; 4035} 4036.border-grayLight[_ngcontent-%COMP%] { 4037 border: solid 2px #2F3450 !important; 4038} 4039.blueshadeThreeText[_ngcontent-%COMP%] { 4040 color: #81cffa; 4041} 4042.richlilacText[_ngcontent-%COMP%] { 4043 color: #b260ea !important; 4044} 4045.slateBlueText[_ngcontent-%COMP%] { 4046 color: #5e5cde !important; 4047} 4048.slateText[_ngcontent-%COMP%] { 4049 color: #5c5d7a !important; 4050} 4051.babyBlueText[_ngcontent-%COMP%] { 4052 color: #6fffed !important; 4053} 4054.darkOrangeText[_ngcontent-%COMP%] { 4055 color: #ff9300 !important; 4056} 4057.freshYellowText[_ngcontent-%COMP%] { 4058 color: #ffd60a; 4059} 4060.brightPeachText[_ngcontent-%COMP%] { 4061 color: #f96f6f; 4062} 4063.mediumOrchidText[_ngcontent-%COMP%] { 4064 color: #bf5af2 !important; 4065} 4066.black-russian-Text[_ngcontent-%COMP%] { 4067 color: #0b0b1a !important; 4068} 4069.dodgerBlueShadeText[_ngcontent-%COMP%] { 4070 color: #0a84ff !important; 4071} 4072.orangyRedText[_ngcontent-%COMP%] { 4073 color: #ff453a; 4074} 4075.whiteText[_ngcontent-%COMP%] { 4076 color: #f5f5f5 !important; 4077} 4078.pureWhiteText[_ngcontent-%COMP%] { 4079 color: #fff !important; 4080} 4081.comitText[_ngcontent-%COMP%] { 4082 color: #5e5f71 !important; 4083} 4084.carnationText[_ngcontent-%COMP%] { 4085 color: #ff6f90; 4086} 4087.redText[_ngcontent-%COMP%] { 4088 color: #ff0100 !important; 4089} 4090.LavenderBlueText[_ngcontent-%COMP%] { 4091 color: #c2c7f2 !important; 4092} 4093.orangePeelText[_ngcontent-%COMP%] { 4094 color: #ff9300 !important; 4095} 4096.greenText[_ngcontent-%COMP%] { 4097 color: #32d74b; 4098} 4099.sunsetOrangeText[_ngcontent-%COMP%] { 4100 color: #ff4d4d !important; 4101} 4102.grayText[_ngcontent-%COMP%] { 4103 color: #babcc1; 4104} 4105.lighterPurpleText[_ngcontent-%COMP%] { 4106 color: #bd58f0; 4107} 4108.whiteColorText[_ngcontent-%COMP%] { 4109 color: #ffffff !important; 4110} 4111.mangoManiaText[_ngcontent-%COMP%] { 4112 color: #fec20e !important; 4113} 4114.promotionalTextColor[_ngcontent-%COMP%] { 4115 color: #EA60A2 !important; 4116} 4117.center-text[_ngcontent-%COMP%] { 4118 text-align: center !important; 4119} 4120.leftText[_ngcontent-%COMP%] { 4121 text-align: left !important; 4122} 4123.rightText[_ngcontent-%COMP%] { 4124 text-align: right; 4125} 4126.floatRight[_ngcontent-%COMP%] { 4127 float: right; 4128} 4129.floatLeft[_ngcontent-%COMP%] { 4130 float: left; 4131} 4132.clearfix[_ngcontent-%COMP%] { 4133 clear: both; 4134} 4135.dNone[_ngcontent-%COMP%] { 4136 display: none !important; 4137} 4138.dBlock[_ngcontent-%COMP%] { 4139 display: block !important; 4140} 4141.dInlineBlock[_ngcontent-%COMP%] { 4142 display: inline-block !important; 4143} 4144.dInline[_ngcontent-%COMP%] { 4145 display: inline !important; 4146} 4147.dFlex[_ngcontent-%COMP%] { 4148 display: flex; 4149} 4150.dFlexColumn[_ngcontent-%COMP%] { 4151 display: flex; 4152 flex-direction: column; 4153} 4154.dFlexRow[_ngcontent-%COMP%] { 4155 display: flex; 4156 flex-direction: row; 4157} 4158.dFlex-with-center[_ngcontent-%COMP%] { 4159 display: flex; 4160 align-items: center; 4161} 4162.dFlex-with-col-center[_ngcontent-%COMP%] { 4163 display: flex; 4164 flex-flow: column; 4165 align-items: center; 4166} 4167.clickable[_ngcontent-%COMP%] { 4168 cursor: pointer; 4169} 4170.text-direction-vertical[_ngcontent-%COMP%] { 4171 writing-mode: vertical-rl; 4172 transform: rotate(180deg); 4173} 4174.ellipsis[_ngcontent-%COMP%] { 4175 overflow: hidden; 4176 white-space: nowrap; 4177 text-overflow: ellipsis; 4178} 4179.capital-text[_ngcontent-%COMP%] { 4180 text-transform: uppercase; 4181} 4182.disableDiv[_ngcontent-%COMP%] { 4183 pointer-events: none; 4184} 4185.margin-top-10[_ngcontent-%COMP%] { 4186 margin-top: 10px; 4187} 4188.margin-top-15[_ngcontent-%COMP%] { 4189 margin-top: 15px; 4190} 4191.margin-top-20[_ngcontent-%COMP%] { 4192 margin-top: 20px; 4193} 4194.margin-top-30[_ngcontent-%COMP%] { 4195 margin-top: 30px; 4196} 4197.margin-top-0[_ngcontent-%COMP%] { 4198 margin-top: 0px !important; 4199} 4200.shadow[_ngcontent-%COMP%] { 4201 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 4202 -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 4203 -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 4204} 4205.sahdow-right-bottom-black[_ngcontent-%COMP%] { 4206 box-shadow: 5px 5px 5px black; 4207 -webkit-box-shadow: 5px 5px 5px black; 4208 -moz-box-shadow: 5px 5px 5px black; 4209} 4210.filter-drop-shadow[_ngcontent-%COMP%] { 4211 -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 4212 -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 4213 -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 4214 -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 4215 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 4216} 4217.organgePeelText[_ngcontent-%COMP%] { 4218 color: #ff9300; 4219} 4220.organgePeelText[_ngcontent-%COMP%] { 4221 color: #ff9300; 4222} 4223.sunsetOrangeText[_ngcontent-%COMP%] { 4224 color: #ff4d4d; 4225}
4226.invite-card[_ngcontent-%COMP%] { 4227 width: 34rem; 4228 height: 28.125rem; 4229 border-radius: 1rem; 4230 background-color: #131324; 4231 color: #fff; 4232 padding: 1.5rem; 4233 box-sizing: border-box; 4234 display: flex; 4235 flex-direction: column; 4236 gap: 16px; 4237 font-size: 1rem; 4238 font-family: "GilroyMedium"; 4239} 4240.invite-card[_ngcontent-%COMP%] .closeIcon[_ngcontent-%COMP%] { 4241 width: 13px; 4242 height: 13px; 4243 position: absolute; 4244 top: 26px; 4245 right: 22px; 4246 cursor: pointer; 4247} 4248.invite-card[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] { 4249 font-size: 1.25rem; 4250 font-family: "GilroyBold"; 4251 margin-bottom: 1rem; 4252 color: #fff; 4253} 4254.invite-card[_ngcontent-%COMP%] label[_ngcontent-%COMP%] { 4255 font-size: 0.875rem; 4256 font-family: "GilroyMedium"; 4257 margin-bottom: 0.25rem; 4258 display: block; 4259 color: #c2c7f2; 4260} 4261.invite-card[_ngcontent-%COMP%] .opacity-4[_ngcontent-%COMP%] { 4262 opacity: 0.4 !important; 4263} 4264.invite-card[_ngcontent-%COMP%] .input-container[_ngcontent-%COMP%] { 4265 display: flex; 4266 justify-content: space-between; 4267 flex-direction: column; 4268 align-items: flex-start; 4269 position: relative; 4270 margin: 0; 4271} 4272.invite-card[_ngcontent-%COMP%] .input-container[_ngcontent-%COMP%] app-reusable-contact-country-picker .center-align .inputContainer1.number { 4273 width: 31rem !important; 4274 height: 2.75rem !important; 4275} 4276.invite-card[_ngcontent-%COMP%] .input-container[_ngcontent-%COMP%] app-reusable-contact-country-picker .center-align app-country-picker .parentWrapper .contentContainer { 4277 top: 50px !important; 4278} 4279.invite-card[_ngcontent-%COMP%] .input-container[_ngcontent-%COMP%] app-reusable-contact-country-picker .center-align app-country-picker .parentWrapper .contentContainer .scroll { 4280 height: 160px !important; 4281} 4282.invite-card[_ngcontent-%COMP%] .input-container[_ngcontent-%COMP%] .searchNum[_ngcontent-%COMP%] { 4283 color: #0a84ff; 4284 font-size: 0.875rem; 4285 text-decoration: none; 4286 position: absolute; 4287 cursor: pointer; 4288 right: 2.5rem; 4289 font-family: "GilroyBold"; 4290 background: none; 4291 border: none; 4292 padding: 14px 24px 14px 0; 4293 margin: 0; 4294 right: 0; 4295} 4296.invite-card[_ngcontent-%COMP%] .input-container[_ngcontent-%COMP%] .searchNum.crossIcon[_ngcontent-%COMP%] { 4297 color: #5c5d7a !important; 4298 width: 12px; 4299 height: 12px; 4300 font-family: "GilroyRegular"; 4301 padding: 0; 4302 margin: 0; 4303 background-image: url("./media/adminSearchCross-W32QNR26.svg"); 4304 background-repeat: no-repeat; 4305 right: 16px; 4306 top: 19px; 4307 bottom: 16px; 4308 position: absolute; 4309 background-position: center; 4310} 4311.invite-card[_ngcontent-%COMP%] .input-container[_ngcontent-%COMP%] .errorMsg[_ngcontent-%COMP%] { 4312 color: #ff4d4d; 4313 font-size: 0.75rem; 4314 margin-top: 0.3125rem; 4315 font-family: "GilroyRegular"; 4316} 4317.invite-card[_ngcontent-%COMP%] .input-container[_ngcontent-%COMP%] .cross[_ngcontent-%COMP%] { 4318 margin-top: 0; 4319 font-family: "GilroyRegular"; 4320 font-size: 1.875rem; 4321} 4322.invite-card[_ngcontent-%COMP%] .admin-card[_ngcontent-%COMP%] { 4323 display: flex; 4324 width: 31rem; 4325 height: 5.25rem; 4326 align-items: center; 4327 background-color: #131324; 4328 padding: 1rem; 4329 border: solid 1px #2F3450; 4330 border-radius: 0.75rem; 4331 margin-bottom: 1.5rem; 4332 gap: 0.75rem; 4333} 4334.invite-card[_ngcontent-%COMP%] .admin-card[_ngcontent-%COMP%] a[_ngcontent-%COMP%] { 4335 text-decoration: none; 4336 font-size: 0.875rem; 4337} 4338.invite-card[_ngcontent-%COMP%] .admin-card[_ngcontent-%COMP%] .adminImg[_ngcontent-%COMP%] { 4339 display: flex; 4340 justify-content: center; 4341 align-items: center; 4342 width: 3.75rem; 4343 height: 3.75rem; 4344 border-radius: 50px; 4345 border: 0.125rem solid #fff; 4346} 4347.invite-card[_ngcontent-%COMP%] .admin-card[_ngcontent-%COMP%] .adminImg[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 4348 width: 3.4375rem; 4349 height: 3.4375rem; 4350 border-radius: 50px; 4351} 4352.invite-card[_ngcontent-%COMP%] .admin-card[_ngcontent-%COMP%] .admin-info[_ngcontent-%COMP%] { 4353 flex-grow: 1; 4354} 4355.invite-card[_ngcontent-%COMP%] .admin-card[_ngcontent-%COMP%] .admin-info[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 4356 margin: 0; 4357} 4358.invite-card[_ngcontent-%COMP%] .admin-card[_ngcontent-%COMP%] .admin-info[_ngcontent-%COMP%] p.pureWhiteText[_ngcontent-%COMP%] { 4359 font-size: 1rem; 4360} 4361.invite-card[_ngcontent-%COMP%] .admin-card[_ngcontent-%COMP%] .admin-info[_ngcontent-%COMP%] p.LavenderBlueText[_ngcontent-%COMP%] { 4362 font-size: 0.875rem; 4363} 4364.invite-card[_ngcontent-%COMP%] .admin-card[_ngcontent-%COMP%] .mangoManiaText[_ngcontent-%COMP%] { 4365 font-size: 0.875rem; 4366 font-family: "GilroyBold"; 4367} 4368.invite-card[_ngcontent-%COMP%] .admin-card[_ngcontent-%COMP%] .btn-none[_ngcontent-%COMP%] { 4369 background: none; 4370 border: none; 4371 cursor: pointer; 4372} 4373.invite-card[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%] { 4374 display: flex; 4375 justify-content: flex-end; 4376 margin-top: auto; 4377 gap: 13px; 4378}
4379.invite-card[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%] .cancel-btn[_ngcontent-%COMP%], .invite-card[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%] .invite-btn[_ngcontent-%COMP%] { 4380 border: none; 4381 border-radius: 0.5rem; 4382 cursor: pointer; 4383 font-size: 0.875rem; 4384 width: 6.875rem; 4385 height: 2.75rem; 4386} 4387.invite-card[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%] .cancel-btn.disable[_ngcontent-%COMP%], .invite-card[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%] .invite-btn.disable[_ngcontent-%COMP%] { 4388 pointer-events: none; 4389 opacity: 0.4; 4390} 4391.invite-card[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%] .cancel-btn[_ngcontent-%COMP%] { 4392 background-color: #232638; 4393 color: #c2c7f2; 4394 margin-right: 0.5rem; 4395 font-family: "GilroyMedium"; 4396 font-size: 0.875rem; 4397} 4398.invite-card[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%] .invite-btn[_ngcontent-%COMP%] { 4399 background-color: #6fffed; 4400 color: #1e1e2c; 4401 font-family: "GilroyBold"; 4402 font-size: 0.875rem; 4403} 4404.invite-card[_ngcontent-%COMP%] .skeltonContainer[_ngcontent-%COMP%] { 4405 display: flex; 4406 flex-direction: row; 4407 gap: 1.5rem; 4408 flex-wrap: wrap; 4409} 4410.invite-card[_ngcontent-%COMP%] .skeltonContainer[_ngcontent-%COMP%] .width[_ngcontent-%COMP%] { 4411 width: 31% !important; 4412} 4413.skeltonContainer[_ngcontent-%COMP%] { 4414 justify-content: flex-end; 4415 margin-top: 3rem; 4416} 4417.skeltonContainer[_ngcontent-%COMP%] .wh[_ngcontent-%COMP%] { 4418 width: 31rem !important; 4419 height: 2.75rem !important; 4420} 4421.skeltonContainer[_ngcontent-%COMP%] .btns-wh[_ngcontent-%COMP%] { 4422 width: 6.875rem; 4423 height: 2.75rem; 4424 margin-top: 2rem; 4425}`]})}}return t})();var R=class{constructor(i){i=i||{},this.activeAdmins=i.activeAdmins||[],this.inactiveAdmins=i.inactiveAdmins||[],this.adminInvitations=i.adminInvitations||[]}},dn=class{constructor(i){i=i||{},this.id=i.id||0,this.appUserId=i.appUserId||0,this.fullName=i.fullName||"",this.email=i.email||"",this.userAvatar=i.userAvatar||"",this.joinedDate=i.joinedDate||"",this.haveAccess=i.haveAccess||!1}},gn=class{constructor(i){i=i||{},this.id=i.id||0,this.fullName=i.fullName||null,this.phoneNumber=i.phoneNumber||"",this.userAvatar=i.userAvatar||null,this.isExternal=i.isExternal||!1,this.isRejected=i.isRejected||!1,this.dateCreated=i.dateCreated||""}};var Vn=(()=>{class t{constructor(n,e,o){this.dialogRef=n,this.data=e,this.adminService=o}closeDialog(){this.dialogRef.close()}changeSuperAdmin(){let n={newAdminId:this.data.appUserId,lastSuperAdminId:this.adminService.loggedInAdminDetails.id};this.adminService.changeSuperAdmin(n).subscribe(e=>{e?this.dialogRef.close(!0):this.dialogRef.close(!1)})}static{this.\u0275fac=function(e){return new(e||t)(s(W),s(on),s(S))}}static{this.\u0275cmp=y({type:t,selectors:[["app-replace-super-admin-popopup"]],standalone:!0,features:[k],decls:45,vars:16,consts:[[1,"popup-container"],[1,"cross"],["alt","Cross",3,"click","src"],[1,"head"],[1,"admin-img"],["alt","superAdmin",1,"admin-picture",3,"src"],[1,"text"],[1,"replace-heading"],[1,"info"],[1,"description"],[1,"fullNameText"],[1,"controls"],[1,"wrap"],[1,"checks"],["alt","check",1,"ticks",3,"src"],[1,"data"],[1,"pointers"],[1,"buttons-wrap"],["type","button",1,"upgrade-button",3,"click"],[1,"cancel-button",3,"click"]],template:function(e,o){e&1&&(p(0,"div",0)(1,"div",1)(2,"img",2),f(3,"imgURL"),m("click",function(){return o.closeDialog()}),r()(),p(4,"div",3)(5,"div",4),x(6,"img",5),f(7,"imgURL"),r(),p(8,"div",6)(9,"p",7),l(10,"Replace Super Admin"),r()()(),p(11,"div",8)(12,"p",9),l(13," Upgrading "),p(14,"span",10),l(15),r(),l(16," to Super Admin will replace your current Super Admin role. "),r()(),p(17,"div",11)(18,"div",12)(19,"div",13),x(20,"img",14),f(21,"imgURL"),r(),p(22,"div",15)(23,"p",16),l(24," The Super Admin has the highest access and control. "),r()()(),p(25,"div",12)(26,"div",13),x(27,"img",14),f(28,"imgURL"),r(),p(29,"div",15)(30,"p",16),l(31," Once replaced, you will lose all Super Admin privileges. "),r()()(),p(32,"div",12)(33,"div",13),x(34,"img",14),f(35,"imgURL"),r(),p(36,"div",15)(37,"p",16),l(38," You will be downgraded to Admin role. "),r()()()(),p(39,"div",17)(40,"button",18),m("click",function(){return o.changeSuperAdmin()}),p(41,"span"),l(42,"Upgrade To Super Admin"),r()(),p(43,"p",19),m("click",function(){return o.closeDialog()}),l(44," Cancel "),r()()()),e&2&&(a(2),c("src",u(3,6,"newEventImages/eventCross.svg"),h),a(4),c("src",u(7,8,"Icons/superAdmin.svg"),h),a(9),v(o.data.fullName),a(5),c("src",u(21,10,"Icons/checks.svg"),h),a(7),c("src",u(28,12,"Icons/checks.svg"),h),a(7),c("src",u(35,14,"Icons/checks.svg"),h))},dependencies:[z,B],styles:[` 4426 4427.fullNameText[_ngcontent-%COMP%] { 4428 color: #fff; 4429 font-family: "GilroyBold"; 4430} 4431.popup-container[_ngcontent-%COMP%] { 4432 display: flex; 4433 flex-direction: column; 4434 gap: 24px; 4435 width: 400px; 4436 height: 534px; 4437 border-radius: 16px; 4438 background: #1e1e2c; 4439 align-items: center; 4440 justify-content: center; 4441 margin-top: 10px; 4442} 4443.popup-container[_ngcontent-%COMP%] .cross[_ngcontent-%COMP%] { 4444 position: absolute; 4445 top: 0; 4446 right: 0; 4447 padding: 16px 16px 0 0; 4448 cursor: pointer; 4449} 4450.popup-container[_ngcontent-%COMP%] .cross[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 4451 width: 33px; 4452 height: 33px; 4453} 4454.popup-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%] { 4455 display: flex; 4456 flex-direction: column; 4457 align-items: center; 4458 gap: 16px; 4459} 4460.popup-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%] .admin-img[_ngcontent-%COMP%] .admin-picture[_ngcontent-%COMP%] { 4461 width: 58px; 4462 height: 62px; 4463} 4464.popup-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 4465 width: 180px; 4466 height: 22px; 4467} 4468.popup-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] .replace-heading[_ngcontent-%COMP%] { 4469 color: #fff; 4470 text-align: center; 4471 font-family: "GilroyBold"; 4472 font-size: 1.125rem; 4473} 4474.popup-container[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] { 4475 width: 364px; 4476} 4477.popup-container[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] .description[_ngcontent-%COMP%] { 4478 color: #c2c7f2; 4479 text-align: center; 4480 font-family: "GilroyRegular"; 4481 font-size: 1rem; 4482 margin: 0; 4483} 4484.popup-container[_ngcontent-%COMP%] .controls[_ngcontent-%COMP%] { 4485 display: flex; 4486 flex-direction: column; 4487} 4488.popup-container[_ngcontent-%COMP%] .controls[_ngcontent-%COMP%] .wrap[_ngcontent-%COMP%] { 4489 display: flex; 4490 flex-direction: row; 4491 gap: 8px; 4492} 4493.popup-container[_ngcontent-%COMP%] .controls[_ngcontent-%COMP%] .wrap[_ngcontent-%COMP%] .checks[_ngcontent-%COMP%] .ticks[_ngcontent-%COMP%] { 4494 width: 24px; 4495 height: 24px; 4496} 4497.popup-container[_ngcontent-%COMP%] .controls[_ngcontent-%COMP%] .wrap[_ngcontent-%COMP%] .data[_ngcontent-%COMP%] { 4498 width: 325px; 4499 height: 49px; 4500} 4501.popup-container[_ngcontent-%COMP%] .controls[_ngcontent-%COMP%] .wrap[_ngcontent-%COMP%] .data[_ngcontent-%COMP%] .pointers[_ngcontent-%COMP%] { 4502 color: #fff; 4503 font-family: "GilroyMedium"; 4504 font-size: 0.9375rem; 4505 margin: 0; 4506} 4507.popup-container[_ngcontent-%COMP%] .buttons-wrap[_ngcontent-%COMP%] { 4508 display: flex; 4509 flex-direction: column; 4510 align-items: center; 4511 gap: 24px; 4512} 4513.popup-container[_ngcontent-%COMP%] .buttons-wrap[_ngcontent-%COMP%] .upgrade-button[_ngcontent-%COMP%] { 4514 display: flex; 4515 width: 350px; 4516 height: 52px; 4517 padding: 16px; 4518 justify-content: center; 4519 align-items: center; 4520 border-radius: 10px; 4521 background: #6fffed; 4522 border: none; 4523 outline: none; 4524} 4525.popup-container[_ngcontent-%COMP%] .buttons-wrap[_ngcontent-%COMP%] .upgrade-button[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 4526 color: #232638; 4527 font-family: "GilroyBold"; 4528 font-size: 1rem; 4529} 4530.popup-container[_ngcontent-%COMP%] .buttons-wrap[_ngcontent-%COMP%] .cancel-button[_ngcontent-%COMP%] { 4531 color: #fff; 4532 font-family: "GilroyBold"; 4533 font-size: 1.125rem; 4534 width: 59px; 4535 height: 22px; 4536 background-color: transparent; 4537 cursor: pointer; 4538}`]})}}return t})();function pt(t,i){if(t&1){let n=P();p(0,"div"),x(1,"img",4),f(2,"imgURL"),p(3,"h3"),l(4,"Remove Admin"),r(),p(5,"p"),l(6,"Are you sure you want to remove "),p(7,"strong"),l(8),r(),l(9," as an admin"),r(),p(10,"footer",5)(11,"button",6),m("click",function(){_(n);let o=d();return C(o.removeAdmin())}),l(12,"Remove Admin"),r(),p(13,"span",7),m("click",function(){_(n);let o=d();return C(o.closeDialog())}),l(14,"Cancel"),r()()()}if(t&2){let n=d();a(),c("src",u(2,2,"admin/removeAdminIcon.png"),h),a(7),v(n.data.fullName)}}function ct(t,i){if(t&1){let n=P();p(0,"div"),x(1,"img",8),f(2,"imgURL"),p(3,"h3"),l(4,"Cancel Invitation"),r(),p(5,"p"),l(6,"Are you sure you want to cancel "),p(7,"strong"),l(8),r(),l(9," Invitation to be an admin"),r(),p(10,"footer",5)(11,"button",6),m("click",function(){_(n);let o=d();return C(o.cancelAdminInvitation())}),l(12,"Yes - Cancel Invite"),r(),p(13,"span",7),m("click",function(){_(n);let o=d();return C(o.closeDialog())}),l(14,"Cancel"),r()()()}if(t&2){let n=d();a(),c("src",u(2,2,"admin/cancelInvitationIcon.png"),h),a(7),v(n.data.fullName)}}var Wn=(()=>{class t{constructor(n,e,o,g){this.dialogRef=n,this.data=e,this.adminService=o,this._snackBar=g}closeDialog(){this.dialogRef.close()}removeAdmin(){let n={adminId:this.data.adminId,superAdminId:this.adminService.loggedInAdminDetail
4538s.id};this.adminService.removeAdmin(n).subscribe(e=>{e.message==="Admin Removed"?this.openSnackBar("Admin Removed Successfully"):this.openWarningSnackBar("Unable to Remove Admin"),this.closeDialog()},e=>{this.openWarningSnackBar("Unable to Remove Admin"),this.closeDialog()})}cancelAdminInvitation(){let n={adminId:this.adminService.loggedInAdminDetails.id,isExternal:this.data.isExternal,invitationId:this.data.invitationId};this.adminService.cancelAdminInvitation(n).subscribe(e=>{e.message==="Cancelled Successfully"?this.openSnackBar("Invitation Canceled Successfully"):this.openWarningSnackBar("Unable to Cancel Invitation"),this.closeDialog()},e=>{this.openWarningSnackBar("Unable to Cancel Invitation"),this.closeDialog()})}openSnackBar(n){this._snackBar.openFromComponent(D,{duration:3e3,horizontalPosition:"right",verticalPosition:"top",data:n})}openWarningSnackBar(n){this._snackBar.openFromComponent(pn,{duration:3e3,horizontalPosition:"right",verticalPosition:"top",data:n})}static{this.\u0275fac=function(e){return new(e||t)(s(W),s(on),s(S),s(F))}}static{this.\u0275cmp=y({type:t,selectors:[["app-admin-action-popup"]],standalone:!0,features:[k],decls:6,vars:5,consts:[[1,"popup-container"],["alt","Icon",1,"crossIcon",3,"click","src"],[1,"popup-content"],[4,"ngIf"],["alt","Invitation Sent",1,"inline",2,"width","60px","height","68px",3,"src"],[1,"footer"],[3,"click"],[1,"btn-none",3,"click"],["alt","Invitation SMS Sent",1,"inline",2,"width","67px","height","66px",3,"src"]],template:function(e,o){e&1&&(p(0,"div",0)(1,"img",1),f(2,"imgURL"),m("click",function(){return o.closeDialog()}),r(),p(3,"div",2),b(4,pt,15,4,"div",3)(5,ct,15,4,"div",3),r()()),e&2&&(a(),c("src",u(2,3,"Icons/crossTicktes.svg"),h),a(3),c("ngIf",o.data.type==="removeAdmin"),a(),c("ngIf",o.data.type==="cancelInvitation"))},dependencies:[z,j,B],styles:[` 4539 4540.sidebar-navigation-layout-event[_ngcontent-%COMP%] { 4541 background-color: #232638; 4542 width: 100%; 4543 min-height: 100vh; 4544 max-height: 100%; 4545 max-width: 265px; 4546 padding: 24px 10px 20px 10px; 4547 z-index: 1; 4548 position: sticky; 4549 top: 0 !important; 4550} 4551.row-three-column-layout[_ngcontent-%COMP%] { 4552 display: flex; 4553 flex-direction: row; 4554} 4555.row-three-column-layout[_ngcontent-%COMP%] .columns[_ngcontent-%COMP%] { 4556 width: 33.33%; 4557 padding-left: 0px !important; 4558 margin-right: 91.9px !important; 4559} 4560.flex-container[_ngcontent-%COMP%] { 4561 display: flex; 4562 flex-direction: row; 4563 width: 100vw; 4564 height: 100vh !important; 4565 overflow: hidden !important; 4566} 4567.columns[_ngcontent-%COMP%]:nth-of-type(1) { 4568 width: 22%; 4569 max-width: 14.37rem; 4570 z-index: 1; 4571} 4572.columns[_ngcontent-%COMP%]:nth-of-type(2) { 4573 width: 100%; 4574 background: #0B0D1D; 4575} 4576.data-top-box[_ngcontent-%COMP%] { 4577 margin-top: 27.5px; 4578 width: 100%; 4579 height: 205px; 4580 padding: 15px 15px 15px 15px; 4581 border-radius: 10px; 4582 background-image: 4583 linear-gradient( 4584 to bottom, 4585 #282c40, 4586 #232333); 4587 display: flex; 4588 flex-direction: row; 4589} 4590.data-top-box[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] { 4591 font-family: "GilroySemiBold"; 4592 font-size: 1.125rem; 4593 text-align: left; 4594 font-style: normal; 4595 line-height: 0.72; 4596 letter-spacing: normal; 4597 color: #f5f5f5; 4598 margin-top: 5.5px; 4599} 4600.data-top-box[_ngcontent-%COMP%] .cola[_ngcontent-%COMP%] { 4601 width: 50%; 4602} 4603.attendee-boxes[_ngcontent-%COMP%] { 4604 display: flex; 4605 flex-direction: row; 4606 justify-content: space-between; 4607 width: 95%; 4608} 4609.attendee-desc[_ngcontent-%COMP%] { 4610 margin-left: 5.8px; 4611 margin-right: 5.8px; 4612} 4613.attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 4614 font-family: "GilroySemiBold"; 4615 font-size: 0.875rem; 4616 font-style: normal; 4617 line-height: 0.93; 4618 letter-spacing: normal; 4619 text-transform: uppercase; 4620 margin-bottom: 0px; 4621} 4622.attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 4623 font-family: "GilroySemiBold"; 4624 font-size: 1.625rem; 4625 text-align: left; 4626 font-style: normal; 4627 line-height: 0.5; 4628 letter-spacing: normal; 4629 color: #f5f5f5; 4630 margin-top: 10px; 4631 margin-left: 2px; 4632} 4633.attendee-details[_ngcontent-%COMP%] { 4634 margin-top: 21.5px; 4635 display: flex; 4636 flex-direction: row; 4637 justify-content: space-evenly; 4638} 4639.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 4640 width: 45px; 4641 height: 45px; 4642 transform: scale(1) !important; 4643 transition: transform 0.3s ease-in-out !important; 4644} 4645.attendee-details[_ngcontent-%COMP%] .going[_ngcontent-%COMP%] { 4646 color: #6fffed; 4647} 4648.attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 4649 color: #b260ea; 4650 width: 127px; 4651} 4652.attendee-details[_ngcontent-%COMP%] .vip_passes[_ngcontent-%COMP%] { 4653 color: #ff9300; 4654 width: 72px; 4655} 4656.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%]:hover { 4657 transform: scale(1.1) !important; 4658 transition: transform 0.3s ease-in-out !important; 4659} 4660@media (min-width: 375) and (max-width: 425px) { 4661 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 4662 display: none; 4663 } 4664} 4665@media (min-width: 768px) and (max-width: 1365px) { 4666 .attendee-boxes[_ngcontent-%COMP%] { 4667 display: flex; 4668 flex-direction: row; 4669 justify-content: space-around; 4670 margin-right: 5px; 4671 } 4672 .attendee-desc[_ngcontent-%COMP%] { 4673 margin-left: 3.8px; 4674 margin-right: 3.8px; 4675 } 4676 .attendee-details[_ngcontent-%COMP%] { 4677 margin-top: 21.5px; 4678 display: flex; 4679 flex-direction: row; 4680 justify-content: space-evenly; 4681 } 4682 .attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 4683 width: 35px; 4684 height: 35px; 4685 } 4686 .attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 4687 font-size: 0.75rem; 4688 } 4689 .attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 4690 font-size: 1.25rem; 4691 } 4692 .attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 4693 width: 110px; 4694 } 4695 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 4696 display: none; 4697 } 4698 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 4699 width: 100vw; 4700 } 4701 .ComponentsWrapper[_ngcontent-%COMP%] { 4702 width: 100% !important; 4703 } 4704} 4705@media screen and (min-width: 1025px) and (max-width: 1365px) { 4706 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 4707 display: none; 4708 } 4709} 4710@media (min-width: 900px) and (width: 1900px) { 4711 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 4712 width: 15%; 4713 } 4714 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 4715 width: 85%; 4716 } 4717} 4718.wizard-container[_ngcontent-%COMP%] { 4719 display: flex; 4720 flex-direction: row; 4721 width: 1440px; 4722 min-width: 1440px; 4723 justify-content: center; 4724 margin: auto; 4725} 4726.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 4727 width: 100%; 4728 display: flex; 4729 flex-direction: row; 4730} 4731.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 4732 display: flex; 4733 flex-direction: column; 4734 width: 75%; 4735} 4736.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container.fullWidth[_ngcontent-%COMP%] { 4737 width: 100% !important; 4738} 4739.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 4740 width: 42%; 4741 color: #fff; 4742 margin-right: 35px !important; 4743 margin-top: 36px; 4744} 4745.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 4746 width: 365px; 4747 height: 733px; 4748 margin-top: 20px; 4749 margin-right: 35px; 4750 position: -webkit-sticky; 4751 position: sticky; 4752 top: 155px; 4753} 4754.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 4755 width: 42%; 4756 color: #fff; 4757 margin-right: 35px !important; 4758 margin-top: 36px; 4759 z-index: -1; 4760} 4761.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 4762 position: relative; 4763 width: 365px; 4764 height: 733px; 4765 margin-top: 20px; 4766 margin-right: 35px; 4767} 4768.wizard-footer[_ngcontent-%COMP%] { 4769 width: 687px; 4770 height: 65px; 4771 position: absolute; 4772 bottom: 0%; 4773 padding: 0px 95px; 4774 display: flex; 4775 justify-content: flex-end; 4776 align-items: center; 4777} 4778@media only screen and (max-height: 900px) { 4779 .mobile-container[_ngcontent-%COMP%] { 4780 margin-top: 0px !important; 4781 } 4782} 4783.NextButton[_ngcontent-%COMP%] { 4784 margin-top: 40px; 4785 display: flex; 4786 justify-content: flex-end; 4787 width: 588px; 4788 height: 65px; 4789} 4790.CenterAlign[_ngcontent-%COMP%] { 4791 display: flex; 4792 align-items: center; 4793 flex-direction: column; 4794 justify-content: center; 4795} 4796.ComponentsWrapper[_ngcontent-%COMP%] { 4797 width: 1115px; 4798} 4799.minusSign[_ngcontent-%COMP%] { 4800 margin-right: 11.5px; 4801 width: 10px; 4802 height: 21px; 4803 cursor: pointer; 4804 transition: all 0.2s ease-in-out; 4805} 4806.plusSign[_ngcontent-%COMP%] { 4807 margin-left: 11.5px; 4808 width: 10px; 4809 height: 21px; 4810 cursor: pointer; 4811 transition: all 0.2s ease-in-out; 4812} 4813.minusSign[_ngcontent-%COMP%]:hover, .plusSign[_ngcontent-%COMP%]:hover { 4814 transform: scale(1.2); 4815} 4816.app-scrollbar[_ngcontent-%COMP%] { 4817 position: relative; 4818 top: 0px; 4819 right: 0px; 4820 padding: 0px; 4821 z-index: 0; 4822} 4823.leftArrow-Container[_ngcontent-%COMP%] { 4824 width: 50px; 4825 height: 154px; 4826 background-image: 4827 linear-gradient( 4828 to right, 4829 #1e1e2c, 4830 rgba(30, 30, 44, 0.5)); 4831 display: flex; 4832 align-items: center; 4833 position: absolute; 4834 justify-content: center; 4835 z-index: 4; 4836 left: 210px; 4837} 4838.leftArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 4839 color: #f5f5f5; 4840 font-size: 1.75rem; 4841 cursor: pointer; 4842 transition: 0.2s ease-in-out; 4843} 4844.rightArrow-Container[_ngcontent-%COMP%] { 4845 width: 50px; 4846 height: 154px; 4847 background-image: 4848 linear-gradient( 4849 to right, 4850 #1e1e2c, 4851 rgba(30, 30, 44, 0.5)); 4852 display: flex; 4853 align-items: center; 4854 position: absolute; 4855 justify-content: center; 4856 z-index: 4; 4857 right: -24px; 4858} 4859.rightArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 4860 color: #f5f5f5; 4861 font-size: 1.75rem; 4862 cursor: pointer; 4863} 4864.leftArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%], .rightArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%] { 4865 transform: scale(1.4); 4866 transition: 0.2s ease-in-out; 4867} 4868.top-nav[_ngcontent-%COMP%] { 4869 top: -23px; 4870 z-index: 1; 4871 position: relative; 4872 display: flex; 4873 flex-direction: row; 4874 gap: 15px; 4875} 4876.top-nav.Opacity[_ngcontent-%COMP%] { 4877 opacity: 0.3; 4878 transition: 0.1s ease-in;
4879 z-index: 0; 4880} 4881.top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 4882 margin: 20px 0px 0px 0px; 4883 padding: 11px 20px 11px; 4884 border-radius: 25px; 4885 height: 42px; 4886 width: auto !important; 4887 background-color: rgba(111, 255, 237, 0.1); 4888 transition: background-color 0.3s ease-in-out; 4889 transform: scale(1); 4890 transition: transform 0.3s ease-in-out; 4891 color: #6fffed; 4892 font-family: "GilroyMedium"; 4893 font-size: 1rem; 4894 font-style: normal; 4895 line-height: normal; 4896 letter-spacing: normal; 4897 cursor: pointer; 4898 border: none; 4899 outline: none; 4900 z-index: 0; 4901} 4902.top-nav[_ngcontent-%COMP%] button.active[_ngcontent-%COMP%] { 4903 color: #313245; 4904 background-color: #6fffed; 4905 transition: background-color 0.3s ease-in-out; 4906} 4907.Pop-Up-Container-Body[_ngcontent-%COMP%] { 4908 width: 100%; 4909 height: 100vh; 4910 display: flex; 4911 align-items: center; 4912 justify-content: center; 4913 position: fixed; 4914 top: 1.5%; 4915} 4916.scroller[_ngcontent-%COMP%] { 4917 top: 0; 4918 width: 204px; 4919 transition: 0.2s ease-in-out; 4920 position: relative; 4921 margin-right: 15px; 4922 font-style: normal; 4923 z-index: 0; 4924} 4925.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] { 4926 width: 204px; 4927 height: 154px; 4928 background-color: #242637; 4929 border-radius: 5px; 4930 cursor: pointer; 4931 display: flex; 4932 flex-direction: column; 4933 justify-content: center; 4934 align-items: center; 4935 vertical-align: middle; 4936} 4937.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-icon[_ngcontent-%COMP%] { 4938 width: 26.9px; 4939 height: 26.9px; 4940} 4941.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-title[_ngcontent-%COMP%] { 4942 font-family: "GilroyMedium"; 4943 font-size: 1rem; 4944 line-height: 1.23; 4945 letter-spacing: normal; 4946 margin: 16.1px 0 0; 4947 text-align: center; 4948 color: #6fffed; 4949 width: 112px; 4950 height: 45px; 4951} 4952.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] { 4953 display: inline-block; 4954 width: 252px; 4955 height: 154px; 4956 padding: 0 15px 17px 0; 4957 border-radius: 5px !important; 4958 cursor: pointer; 4959 position: relative; 4960 top: 0px; 4961 z-index: -1; 4962} 4963.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 4964 width: 252px; 4965 height: 154px; 4966 border-radius: 5px; 4967 position: absolute; 4968 object-fit: cover; 4969 object-position: center; 4970} 4971.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] { 4972 width: 252px; 4973 height: 568px; 4974 background-image: 4975 linear-gradient( 4976 to bottom, 4977 #242637, 4978 #1e1e2c); 4979 position: absolute; 4980 top: 97%; 4981 z-index: 0; 4982 bottom: 140px; 4983 display: none; 4984 transition: 0.2s ease-in-out; 4985 padding: 20px 17.7px 20px 17.7px; 4986} 4987.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] .event-menu-container[_ngcontent-%COMP%] { 4988 display: flex; 4989 flex-direction: column; 4990 justify-content: center; 4991 text-align: center; 4992} 4993.Inline-Container[_ngcontent-%COMP%]::-webkit-scrollbar {
4994 display: none !important; 4995} 4996.Inline-Container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] { 4997 display: flex; 4998 flex-direction: row; 4999 padding-inline-start: 0px; 5000 list-style-type: none; 5001 transition: transform 0.5s ease; 5002} 5003.Inline-Container[_ngcontent-%COMP%] { 5004 cursor: grab; 5005} 5006.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover { 5007 top: -65px !important; 5008 z-index: 2; 5009 transition: 0.2s ease-in-out; 5010} 5011.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover .event-menu-wrapper[_ngcontent-%COMP%] { 5012 display: block !important; 5013} 5014.control-item[_ngcontent-%COMP%] { 5015 display: flex; 5016 flex-direction: column; 5017 justify-content: center; 5018 align-items: center; 5019 width: 58px; 5020 cursor: pointer; 5021} 5022.control-item[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 5023 width: 40px !important; 5024 height: 40px !important; 5025 position: relative !important; 5026 object-fit: contain; 5027 transition: all 0.2s ease-in-out; 5028} 5029.control-item[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 5030 font-family: "GilroyLight"; 5031 font-size: 0.875rem; 5032 font-style: normal; 5033 line-height: normal; 5034 letter-spacing: normal; 5035 text-align: center; 5036 color: #c2c7f2; 5037 white-space: normal; 5038 margin-top: 12px; 5039} 5040.InputFieldArrow[_ngcontent-%COMP%] { 5041 position: relative; 5042 width: 272px !important; 5043} 5044.InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 5045 position: absolute; 5046 color: #babcc1; 5047 font-size: 1.5rem; 5048 top: 20px; 5049 right: 16px; 5050 z-index: 1; 5051 cursor: pointer; 5052} 5053@media (min-width: 768px) and (max-width: 1024px) { 5054 .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 5055 display: none; 5056 } 5057 .InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 5058 position: relative; 5059 right: -232px; 5060 top: 46px; 5061 } 5062 .top-nav[_ngcontent-%COMP%] { 5063 top: -23px; 5064 z-index: 1; 5065 position: relative; 5066 display: inline-block; 5067 width: 100%; 5068 white-space: nowrap; 5069 overflow: auto; 5070 } 5071 .top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 5072 margin: 20px 20px 0px 0px; 5073 } 5074 .NextButton[_ngcontent-%COMP%] { 5075 width: 514px; 5076 } 5077} 5078.top-nav[_ngcontent-%COMP%]::-webkit-scrollbar {
5079 display: none; 5080} 5081.popUpBox[_ngcontent-%COMP%] { 5082 width: 100%; 5083 height: auto; 5084 background-color: #1e1e2c; 5085 padding: 40px; 5086} 5087.popUpBox[_ngcontent-%COMP%] .topTitleBar[_ngcontent-%COMP%] .creationWizardTitle[_ngcontent-%COMP%] { 5088 line-height: 1.08; 5089} 5090.popUpBox[_ngcontent-%COMP%] .topTitleBar.dFlexRow[_ngcontent-%COMP%] { 5091 justify-content: space-between; 5092} 5093@media screen and (max-width: 767px) { 5094 .popUpBox[_ngcontent-%COMP%] { 5095 padding: 16px !important; 5096 } 5097} 5098@keyframes _ngcontent-%COMP%_expander { 5099 from { 5100 transform: scale(1); 5101 } 5102 50% { 5103 transform: scale(1.1); 5104 } 5105 100% { 5106 transform: scale(1.2); 5107 } 5108} 5109@-webkit-keyframes _ngcontent-%COMP%_slide { 5110 100% { 5111 left: -55px; 5112 } 5113} 5114@keyframes _ngcontent-%COMP%_slide { 5115 100% { 5116 left: -55px; 5117 } 5118} 5119@-webkit-keyframes _ngcontent-%COMP%_slideDrawer { 5120 0% { 5121 left: -245px; 5122 } 5123 100% { 5124 left: 0; 5125 } 5126} 5127@keyframes _ngcontent-%COMP%_slideDrawer { 5128 0% { 5129 left: -245px; 5130 } 5131 100% { 5132 left: 0; 5133 } 5134} 5135@-webkit-keyframes _ngcontent-%COMP%_slideBox { 5136 0% { 5137 left: -600px; 5138 } 5139 100% { 5140 left: 0px; 5141 } 5142} 5143@keyframes _ngcontent-%COMP%_slideBox { 5144 0% { 5145 left: -600px; 5146 } 5147 100% { 5148 left: 0px; 5149 } 5150} 5151.menu-items-grid[_ngcontent-%COMP%] .control-item[_ngcontent-%COMP%]:hover img[_ngcontent-%COMP%] { 5152 transform: scale(1.2); 5153} 5154@keyframes _ngcontent-%COMP%_slideUp { 5155 0% { 5156 transform: translate3d(0, 20px, 0); 5157 opacity: 0; 5158 } 5159 50% { 5160 transform: translate3d(0, 10px, 0); 5161 opacity: 0.5; 5162 } 5163 100% { 5164 transform: translate3d(0, 0px, 0); 5165 opacity: 1; 5166 } 5167} 5168@keyframes _ngcontent-%COMP%_fadein { 5169 from { 5170 opacity: 0; 5171 } 5172 to { 5173 opacity: 1; 5174 } 5175} 5176.gray-BG[_ngcontent-%COMP%] { 5177 background-color: #babcc1 !important; 5178} 5179.midnight-express-BG[_ngcontent-%COMP%] { 5180 background-color: #242637; 5181} 5182.black-russian[_ngcontent-%COMP%] { 5183 background-color: #0b0b1a !important; 5184} 5185.baby-blue-BG[_ngcontent-%COMP%] { 5186 background-color: #6fffed !important; 5187} 5188.slate-blue-BG[_ngcontent-%COMP%] { 5189 background-color: #5e5cde !important; 5190} 5191.dark-orange-BG[_ngcontent-%COMP%] { 5192 background-color: #ff9300 !important; 5193} 5194.dodger-blue[_ngcontent-%COMP%] { 5195 background-color: #0a84ff !important; 5196} 5197.medium-orchid-BG[_ngcontent-%COMP%] { 5198 background-color: #bf5af2 !important; 5199} 5200.rich-lilac-BG[_ngcontent-%COMP%] { 5201 background-color: #b260ea; 5202} 5203.comet-BG[_ngcontent-%COMP%] { 5204 background-color: #5e5f71; 5205} 5206.gamboge-BG[_ngcontent-%COMP%] { 5207 background-color: #e68f09; 5208} 5209.blur[_ngcontent-%COMP%] { 5210 -webkit-filter: blur(8px); 5211 -moz-filter: blur(8px); 5212 -o-filter: blur(8px); 5213 -ms-filter: blur(8px); 5214 filter: blur(8px); 5215} 5216.blue-shade2-border[_ngcontent-%COMP%] { 5217 border: solid 2px #43445e !important; 5218} 5219.baby-blue-border[_ngcontent-%COMP%] { 5220 border: solid 1px #6fffed !important; 5221} 5222.dark-orange-border[_ngcontent-%COMP%] { 5223 border: solid 1px #ff9300 !important; 5224} 5225.medium-orchid-border[_ngcontent-%COMP%] { 5226 border: solid 1px #bf5af2 !important; 5227} 5228.dodger-blue-shade2-border[_ngcontent-%COMP%] { 5229 border: solid 1px #0a84ff !important; 5230} 5231.white-smoke-border[_ngcontent-%COMP%] { 5232 border: solid 1px #f5f5f5 !important; 5233} 5234.red-border[_ngcontent-%COMP%] { 5235 border: solid 1px #ff0100 !important; 5236} 5237.black-russian-border[_ngcontent-%COMP%] { 5238 border: solid 1ps #0b0b1a; 5239} 5240.border-red[_ngcontent-%COMP%] { 5241 border: solid 1px #ff0100 !important; 5242} 5243.border-sunsetOrange[_ngcontent-%COMP%] { 5244 border: 1px solid #ff4d4d !important; 5245} 5246.border-grayLight[_ngcontent-%COMP%] { 5247 border: solid 2px #2F3450 !important; 5248} 5249.blueshadeThreeText[_ngcontent-%COMP%] { 5250 color: #81cffa; 5251} 5252.richlilacText[_ngcontent-%COMP%] { 5253 color: #b260ea !important; 5254} 5255.slateBlueText[_ngcontent-%COMP%] { 5256 color: #5e5cde !important; 5257} 5258.slateText[_ngcontent-%COMP%] { 5259 color: #5c5d7a !important; 5260} 5261.babyBlueText[_ngcontent-%COMP%] { 5262 color: #6fffed !important; 5263} 5264.darkOrangeText[_ngcontent-%COMP%] { 5265 color: #ff9300 !important; 5266} 5267.freshYellowText[_ngcontent-%COMP%] { 5268 color: #ffd60a; 5269} 5270.brightPeachText[_ngcontent-%COMP%] { 5271 color: #f96f6f; 5272} 5273.mediumOrchidText[_ngcontent-%COMP%] { 5274 color: #bf5af2 !important; 5275} 5276.black-russian-Text[_ngcontent-%COMP%] { 5277 color: #0b0b1a !important; 5278} 5279.dodgerBlueShadeText[_ngcontent-%COMP%] { 5280 color: #0a84ff !important; 5281} 5282.orangyRedText[_ngcontent-%COMP%] { 5283 color: #ff453a; 5284} 5285.whiteText[_ngcontent-%COMP%] { 5286 color: #f5f5f5 !important; 5287} 5288.pureWhiteText[_ngcontent-%COMP%] { 5289 color: #fff !important; 5290} 5291.comitText[_ngcontent-%COMP%] { 5292 color: #5e5f71 !important; 5293} 5294.carnationText[_ngcontent-%COMP%] { 5295 color: #ff6f90; 5296} 5297.redText[_ngcontent-%COMP%] { 5298 color: #ff0100 !important; 5299} 5300.LavenderBlueText[_ngcontent-%COMP%] { 5301 color: #c2c7f2 !important; 5302} 5303.orangePeelText[_ngcontent-%COMP%] { 5304 color: #ff9300 !important; 5305} 5306.greenText[_ngcontent-%COMP%] { 5307 color: #32d74b; 5308} 5309.sunsetOrangeText[_ngcontent-%COMP%] { 5310 color: #ff4d4d !important; 5311} 5312.grayText[_ngcontent-%COMP%] { 5313 color: #babcc1; 5314} 5315.lighterPurpleText[_ngcontent-%COMP%] { 5316 color: #bd58f0; 5317} 5318.whiteColorText[_ngcontent-%COMP%] { 5319 color: #ffffff !important; 5320} 5321.mangoManiaText[_ngcontent-%COMP%] { 5322 color: #fec20e !important; 5323} 5324.promotionalTextColor[_ngcontent-%COMP%] { 5325 color: #EA60A2 !important; 5326} 5327.center-text[_ngcontent-%COMP%] { 5328 text-align: center !important; 5329} 5330.leftText[_ngcontent-%COMP%] { 5331 text-align: left !important; 5332} 5333.rightText[_ngcontent-%COMP%] { 5334 text-align: right; 5335} 5336.floatRight[_ngcontent-%COMP%] { 5337 float: right; 5338} 5339.floatLeft[_ngcontent-%COMP%] { 5340 float: left; 5341} 5342.clearfix[_ngcontent-%COMP%] { 5343 clear: both; 5344} 5345.dNone[_ngcontent-%COMP%] { 5346 display: none !important; 5347} 5348.dBlock[_ngcontent-%COMP%] { 5349 display: block !important; 5350} 5351.dInlineBlock[_ngcontent-%COMP%] { 5352 display: inline-block !important; 5353} 5354.dInline[_ngcontent-%COMP%] { 5355 display: inline !important; 5356} 5357.dFlex[_ngcontent-%COMP%] { 5358 display: flex; 5359} 5360.dFlexColumn[_ngcontent-%COMP%] { 5361 display: flex; 5362 flex-direction: column; 5363} 5364.dFlexRow[_ngcontent-%COMP%] { 5365 display: flex; 5366 flex-direction: row; 5367} 5368.dFlex-with-center[_ngcontent-%COMP%] { 5369 display: flex; 5370 align-items: center; 5371} 5372.dFlex-with-col-center[_ngcontent-%COMP%] { 5373 display: flex; 5374 flex-flow: column; 5375 align-items: center; 5376} 5377.clickable[_ngcontent-%COMP%] { 5378 cursor: pointer; 5379} 5380.text-direction-vertical[_ngcontent-%COMP%] { 5381 writing-mode: vertical-rl; 5382 transform: rotate(180deg); 5383} 5384.ellipsis[_ngcontent-%COMP%] { 5385 overflow: hidden; 5386 white-space: nowrap; 5387 text-overflow: ellipsis; 5388} 5389.capital-text[_ngcontent-%COMP%] { 5390 text-transform: uppercase; 5391} 5392.disableDiv[_ngcontent-%COMP%] { 5393 pointer-events: none; 5394} 5395.margin-top-10[_ngcontent-%COMP%] { 5396 margin-top: 10px; 5397} 5398.margin-top-15[_ngcontent-%COMP%] { 5399 margin-top: 15px; 5400} 5401.margin-top-20[_ngcontent-%COMP%] { 5402 margin-top: 20px; 5403} 5404.margin-top-30[_ngcontent-%COMP%] { 5405 margin-top: 30px; 5406} 5407.margin-top-0[_ngcontent-%COMP%] { 5408 margin-top: 0px !important; 5409} 5410.shadow[_ngcontent-%COMP%] { 5411 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 5412 -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 5413 -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 5414} 5415.sahdow-right-bottom-black[_ngcontent-%COMP%] { 5416 box-shadow: 5px 5px 5px black; 5417 -webkit-box-shadow: 5px 5px 5px black; 5418 -moz-box-shadow: 5px 5px 5px black; 5419} 5420.filter-drop-shadow[_ngcontent-%COMP%] { 5421 -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 5422 -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 5423 -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 5424 -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 5425 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 5426} 5427.organgePeelText[_ngcontent-%COMP%] { 5428 color: #ff9300; 5429} 5430.organgePeelText[_ngcontent-%COMP%] { 5431 color: #ff9300; 5432} 5433.sunsetOrangeText[_ngcontent-%COMP%] { 5434 color: #ff4d4d; 5435} 5436ngx-image-cropper[_ngcontent-%COMP%] { 5437 background: #1e1e2c !important; 5438} 5439ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:not(.ngx-ic-canvas) { 5440 background: #1e1e2c !important; 5441 opacity: 0 !important; 5442} 5443ngx-image-cropper[_ngcontent-%COMP%] .ngx-ic-canvas[_ngcontent-%COMP%] { 5444 background: transparent !important; 5445} 5446image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus, ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus { 5447 outline: none !important; 5448} 5449image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%], ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%] { 5450 border: none !important; 5451 box-shadow: none !important; 5452} 5453.ticket-heading[_ngcontent-%COMP%] { 5454 font-family: "STENCILAND"; 5455 font-size: 0.875rem; 5456 font-style: normal; 5457 line-height: 1.21; 5458 text-align: center; 5459 text-transform: uppercase; 5460 margin: 10px 0px 3px 0px; 5461} 5462.ticket-heading.baby-blue[_ngcontent-%COMP%] { 5463 color: #6fffed; 5464 letter-spacing: 0.28px; 5465} 5466.ticket-heading.slate-blue[_ngcontent-%COMP%] { 5467 color: #5e5cde; 5468 letter-spacing: 0.28px; 5469} 5470.ticket-heading.dark-orange[_ngcontent-%COMP%] { 5471 color: #ff9300; 5472 letter-spacing: 0.28px; 5473} 5474.ticket-heading.orange[_ngcontent-%COMP%] { 5475 letter-spacing: 2px; 5476 color: #ff9300; 5477} 5478.ticket-heading[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 5479 font-family: "GilroySemiBold"; 5480 font-size: 1rem; 5481 line-height: 1.06; 5482 letter-spacing: normal; 5483} 5484.navBottomSpace[_ngcontent-%COMP%] { 5485 height: 4.375rem; 5486} 5487.submenuNavSpace[_ngcontent-%COMP%] { 5488 width: 73px; 5489} 5490.secondary-text[_ngcontent-%COMP%] { 5491 color: #babcc1; 5492 font-family: "GilroyMedium"; 5493 font-size: 0.875rem; 5494} 5495.user-profile-subheading[_ngcontent-%COMP%] { 5496 color: #f5f5f5; 5497 font-family: "GilroyMedium"; 5498 font-size: 1.5rem; 5499 font-style: normal; 5500 line-height: normal; 5501 letter-spacing: normal; 5502 text-align: left; 5503} 5504.p-inputtext[_ngcontent-%COMP%]:focus { 5505 border: 1px solid #6fffed !important; 5506 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4) !important; 5507} 5508.wizard-component-title[_ngcontent-%COMP%] { 5509 margin: 50px 0px; 5510 font-family: "GilroyMedium"; 5511 font-size: 1.5rem; 5512 color: #f5f5f5; 5513 font-style: normal; 5514 line-height: 1.17; 5515 letter-spacing: normal; 5516 text-align: left; 5517} 5518.collegeEvent-wizardTiltle[_ngcontent-%COMP%] { 5519 margin: 50px 0px; 5520 font-family: "GilroySemiBold"; 5521 font-size: 1.75rem; 5522 color: #f5f5f5; 5523 font-style: normal; 5524 line-height: 1.17; 5525 letter-spacing: normal; 5526 text-align: left; 5527} 5528.wizard-component-subTitle[_ngcontent-%COMP%] { 5529 margin: 0px 0px 50px; 5530 color: #ff9300; 5531 font-size: 1rem; 5532 font-family: "GilroyMedium"; 5533 line-height: 1.29; 5534 text-align: left; 5535 letter-spacing: normal; 5536 font-style: normal; 5537} 5538.resizeImageText[_ngcontent-%COMP%] { 5539 color: #c2c7f2 !important; 5540 margin-top: 31px; 5541 margin-left: 251px; 5542 display: block; 5543 font-size: 0.875rem; 5544} 5545table[_ngcontent-%COMP%] { 5546 width: 100%; 5547} 5548.GuestTable-Data[_ngcontent-%COMP%] td[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 5549 width: 34px; 5550 height: 34px; 5551 margin: 15px 10.4px 18px 0px; 5552} 5553th[_ngcontent-%COMP%] { 5554 font-family: "GilroyBold"; 5555 font-size: 1rem; 5556 font-style: normal; 5557 line-height: 1.29; 5558 letter-spacing: normal; 5559 color: #f5f5f5; 5560 padding: 23px 0px 24.2px 0px; 5561} 5562td[_ngcontent-%COMP%] { 5563 font-family: "GilroyMedium"; 5564 font-size: 1rem; 5565 font-style: normal; 5566 line-height: 1.29; 5567 letter-spacing: normal; 5568 color: #f5f5f5; 5569} 5570.button[_ngcontent-%COMP%] { 5571 width: 200px; 5572 height: 45px; 5573 margin-top: 45.1px; 5574 border-radius: 10px; 5575 font-family: "GilroyBold"; 5576 border: solid 1px #272b3f; 5577 background-color: #ff9300; 5578 font-size: 1rem; 5579 font-style: normal; 5580 line-height: 1.25; 5581 letter-spacing: normal; 5582 text-align: center; 5583 color: #1e1e2c; 5584 margin-top: 39px; 5585 transform: scale(1); 5586 transition: transform 0.3s ease-in-out; 5587} 5588.btn-primary[_ngcontent-%COMP%] { 5589 color: #fff; 5590 background-color: #1b6ec2; 5591 border-color: #1861ac; 5592} 5593.button-Event[_ngcontent-%COMP%] { 5594 background-color: #1a1b2c; 5595 border-radius: 50px; 5596 height: 45px; 5597 border: 2px solid #6fffed; 5598 color: #6fffed; 5599 font-family: "GilroySemiBold"; 5600 padding-left: 33px; 5601 padding-right: 33px; 5602 font-size: 1.125rem; 5603 text-align: center; 5604 text-decoration: none; 5605 transform: scale(1); 5606 transition: transform 0.3s ease-in; 5607} 5608.button-Event[_ngcontent-%COMP%]:hover {
5609 cursor: pointer; 5610 transform: scale(1.05); 5611 transition: transform 0.3s ease-in; 5612} 5613.loadingOpacity[_ngcontent-%COMP%] { 5614 background: rgba(111, 255, 237, 0.2) !important; 5615 border: none !important; 5616} 5617.Loadingbutton_Text[_ngcontent-%COMP%] { 5618 position: relative !important; 5619 color: #1e1e2c !important; 5620 display: block; 5621} 5622.disablelitButton[_ngcontent-%COMP%] { 5623 background-color: #282c40; 5624 border: 2px solid #282c40; 5625 border-radius: 50px; 5626 height: 45px; 5627 color: #6fffed; 5628 font-family: "GilroySemiBold"; 5629 font-size: 1.125rem; 5630 padding-left: 33px; 5631 padding-right: 33px; 5632 text-align: center; 5633 text-decoration: none; 5634 cursor: pointer; 5635 transform: scale(1); 5636 transition: transform 0.3s ease-in-out; 5637} 5638.simpleButton[_ngcontent-%COMP%] { 5639 background-color: #242637; 5640 border-radius: 50px; 5641 height: 45px; 5642 border: 1px solid #f5f5f5; 5643 color: #babcc1; 5644 font-family: "GilroyMedium"; 5645 padding-left: 33px; 5646 font-size: 1rem; 5647 padding-right: 33px; 5648 text-align: center; 5649 text-decoration: none; 5650 cursor: pointer; 5651} 5652.disableButton[_ngcontent-%COMP%] { 5653 background-color: #242637; 5654 border-radius: 50px; 5655 height: 45px; 5656 border: 1px solid #1e1e2c; 5657 color: #1e1e2c; 5658 font-family: "GilroyMedium"; 5659 font-size: 1.125rem; 5660 padding-left: 33px; 5661 padding-right: 33px; 5662 text-align: center; 5663 text-decoration: none; 5664 cursor: pointer; 5665} 5666.disableButton.new[_ngcontent-%COMP%] { 5667 width: 160px; 5668 height: 44px; 5669 padding: 8px 16px; 5670 font-size: 1rem; 5671 border: none; 5672 font-family: "GilroyBold"; 5673 border-radius: 10px; 5674 pointer-events: none !important; 5675} 5676.disabledButton[_ngcontent-%COMP%] { 5677 background-color: #242637; 5678 border-radius: 50px; 5679 height: 45px; 5680 border: 2px solid #1e1e2c; 5681 color: #1e1e2c; 5682 font-family: "GilroySemiBold"; 5683 font-size: 1.125rem; 5684 text-decoration: none; 5685} 5686.save-draft[_ngcontent-%COMP%] { 5687 color: #c2c7f2; 5688 background: #232638; 5689 border: 1px solid #232638; 5690 height: 40px; 5691 text-align: center; 5692 outline: none; 5693 border-radius: 50px; 5694 font-size: 0.875rem; 5695 font-family: "GilroySemiBold"; 5696 padding: 12px 0px; 5697 cursor: pointer; 5698 display: flex; 5699 align-items: center !important; 5700 justify-content: center !important; 5701 -webkit-align-items: center; 5702 -webkit-justify-content: center; 5703 position: relative; 5704} 5705.save-draft.draft-progress[_ngcontent-%COMP%] { 5706 position: absolute !important; 5707 height: 100% !important; 5708 top: 0; 5709 left: 0; 5710 background-color: #c2c7f2 !important; 5711 color: #232638 !important; 5712 transition: width 0.3s; 5713 border-radius: 10px; 5714 border: none !important; 5715} 5716.glowButton[_ngcontent-%COMP%] { 5717 background-color: #1e1e2c; 5718 border: 1px solid #6fffed; 5719 color: #6fffed; 5720 height: 40px; 5721 text-align: center; 5722 outline: none; 5723 border-radius: 50px; 5724 font-size: 0.875rem; 5725 font-family: "GilroySemiBold"; 5726 padding: 12px 0px; 5727 cursor: pointer; 5728 display: flex; 5729 align-items: center !important; 5730 justify-content: center !important; 5731 -webkit-align-items: center; 5732 -webkit-justify-content: center; 5733 position: relative; 5734} 5735.glowButton.button_progress[_ngcontent-%COMP%] { 5736 position: absolute !important; 5737 height: 100% !important; 5738 top: 0; 5739 left: 0; 5740 background-color: #6fffed !important; 5741 transition: width 0.3s; 5742 border-radius: 10px; 5743 border: none !important; 5744} 5745.cancelButton[_ngcontent-%COMP%] { 5746 background-color: #232638; 5747 border: none; 5748 color: #fff; 5749 height: 40px; 5750 text-align: center; 5751 outline: none; 5752 border-radius: 10px; 5753 font-size: 1rem; 5754 font-family: "GilroySemiBold"; 5755 padding: 12px 0px; 5756 cursor: pointer; 5757 display: flex; 5758 align-items: center !important; 5759 justify-content: center !important; 5760 -webkit-align-items: center; 5761 -webkit-justify-content: center; 5762 position: relative; 5763} 5764.cancelButton.button_progress[_ngcontent-%COMP%] { 5765 position: absolute !important; 5766 height: 100% !important; 5767 top: 0; 5768 left: 0; 5769 background-color: #6fffed !important; 5770 transition: width 0.3s; 5771 border-radius: 10px; 5772 border: none !important; 5773} 5774.Input-Field[_ngcontent-%COMP%] { 5775 margin: 11px 0px; 5776 padding: 11px 0px 13px 18px; 5777 font-family: "GilroyMedium"; 5778 border-radius: 50px; 5779 width: 272px; 5780 height: 40px; 5781 color: #f5f5f5; 5782 font-size: 1rem; 5783 line-height: 1.14; 5784 background-color: #242637; 5785 border: 1px solid #f5f5f5; 5786} 5787.Input-Field[_ngcontent-%COMP%]:focus, .Text-Field[_ngcontent-%COMP%]:focus { 5788 border: 1px solid #6fffed; 5789 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 5790} 5791.Text-Field[_ngcontent-%COMP%] { 5792 padding: 11px 0px 13px 18px; 5793 color: #f5f5f5; 5794 font-size: 1rem; 5795 line-height: 1.14; 5796 font-family: "GilroyMedium"; 5797 border-radius: 15px; 5798 background-color: #242637; 5799 border: 1px solid #f5f5f5; 5800 height: 118px; 5801 min-height: 118px; 5802} 5803input[_ngcontent-%COMP%]:focus { 5804 border: none; 5805 outline: none; 5806} 5807*[_ngcontent-%COMP%]:focus { 5808 outline: none !important; 5809} 5810.custom-Label[_ngcontent-%COMP%] { 5811 font-family: "GilroyMedium"; 5812 font-size: 0.875rem; 5813 color: #babcc1; 5814} 5815.checkBoxEnable[_ngcontent-%COMP%] { 5816 border: 2px solid #6fffed; 5817 border-radius: 4px; 5818 width: 31px; 5819 height: 38px; 5820 outline: none !important; 5821 background-color: rgba(111, 255, 237, 0.1); 5822} 5823.checkBoxDisabled[_ngcontent-%COMP%] { 5824 border: solid 2px #676d9e; 5825 border-radius: 4px; 5826 width: 31px; 5827 height: 38px; 5828 outline: none !important; 5829} 5830.checkbox-custom[_ngcontent-%COMP%] { 5831 -webkit-appearance: none; 5832 -moz-appearance: none !important; 5833 appearance: none; 5834 cursor: pointer !important; 5835 width: 31px; 5836 height: 38px; 5837 margin-left: 0px; 5838 padding: 0px; 5839 outline: none !important; 5840} 5841.tbl-line[_ngcontent-%COMP%] { 5842 border-bottom: 3px solid #383759; 5843 width: 100%; 5844} 5845.checkbox-custom[_ngcontent-%COMP%]:checked { 5846 content: ""; 5847 width: 18px; 5848 height: 10px; 5849 background: rgba(0, 0, 0, 0); 5850 border: 2px solid #6fffed; 5851 -webkit-transform: rotate(-45deg); 5852 -moz-transform: rotate(-45deg); 5853 -o-transform: rotate(-45deg); 5854 -ms-transform: rotate(-45deg); 5855 transform: rotate(-45deg); 5856 margin-left: 5px; 5857 margin-bottom: -1px; 5858 outline: none !important; 5859 box-shadow: none !important; 5860 border-top: none !important;
5861 border-right: none !important; 5862 -webkit-appearance: none !important; 5863 -moz-appearance: none !important; 5864 appearance: none !important; 5865} 5866.textLit[_ngcontent-%COMP%] { 5867 width: 25px; 5868 height: 19px; 5869 margin-top: 8px; 5870 margin-left: 12px; 5871 font-family: "GilroySemiBold"; 5872 font-size: 1rem; 5873 line-height: 1.19; 5874 color: #6fffed; 5875} 5876.textNotLit[_ngcontent-%COMP%] { 5877 width: 25px; 5878 height: 19px; 5879 margin-top: 8px; 5880 margin-left: 12px; 5881 font-family: "GilroySemiBold"; 5882 font-size: 1rem; 5883 line-height: 1.19; 5884 color: #676d9e; 5885} 5886[_ngcontent-%COMP%]::placeholder { 5887 color: rgba(255, 255, 255, 0.2); 5888 font-size: 0.875rem; 5889 font-family: "GilroyMedium"; 5890} 5891.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label[_ngcontent-%COMP%] { 5892 text-align: left; 5893 margin-top: 29px; 5894} 5895.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label-qm[_ngcontent-%COMP%] { 5896 text-align: left; 5897 margin-top: 20px; 5898} 5899.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 5900 width: 578px; 5901 border: solid 1px #f5f5f5; 5902} 5903.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Small-Input-Field[_ngcontent-%COMP%] { 5904 width: 114px; 5905 height: 40px; 5906} 5907.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 5908 width: 578px; 5909 margin-top: 11px; 5910 margin-bottom: 11px; 5911} 5912.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 5913 display: flex; 5914 flex-direction: row; 5915 justify-content: space-between; 5916 width: 578px; 5917} 5918.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 5919 width: 272px !important; 5920} 5921.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus { 5922 border: none; 5923 outline: none; 5924} 5925.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:-webkit-autofill { 5926 -webkit-box-shadow: 0 0 0 30px #242637 inset !important; 5927 box-shadow: 0 0 0 30px #242637 inset !important; 5928} 5929.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%]:focus, .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%]:focus { 5930 border: 1px solid #6fffed; 5931} 5932.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .checkbox-custom[_ngcontent-%COMP%]:checked { 5933 content: ""; 5934 width: 18px; 5935 height: 10px; 5936 background: rgba(0, 0, 0, 0); 5937 border: 2px solid #6fffed; 5938 border-top: none !important; 5939 border-right: none !important; 5940 -webkit-transform: rotate(-45deg); 5941 -moz-transform: rotate(-45deg); 5942 -o-transform: rotate(-45deg); 5943 -ms-transform: rotate(-45deg); 5944 transform: rotate(-45deg); 5945 margin-left: 5px; 5946 margin-bottom: -3px; 5947 outline: none !important; 5948 box-shadow: none !important; 5949 -webkit-appearance: none !important; 5950 -moz-appearance: none !important; 5951 appearance: none !important; 5952} 5953.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .danger[_ngcontent-%COMP%] { 5954 font-size: 0.875rem; 5955 color: #ff4d4d; 5956 font-family: "GilroyRegular"; 5957} 5958.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .label-danger[_ngcontent-%COMP%] { 5959 color: #ff4d4d !important; 5960} 5961input[_ngcontent-%COMP%]:-webkit-autofill:focus, input[_ngcontent-%COMP%]:-webkit-autofill:active { 5962 -webkit-box-shadow: 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 5963 box-shadow: 0 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 5964 border-color: #6fffed !important; 5965 border: 1px solid #6fffed !important; 5966} 5967input[_ngcontent-%COMP%]:-webkit-autofill { 5968 box-shadow: 0 0 0 30px #242637 inset !important; 5969} 5970input[_ngcontent-%COMP%]:-webkit-autofill { 5971 -webkit-text-fill-color: #fff !important; 5972 caret-color: #2f3450 !important; 5973} 5974input[type=range][_ngcontent-%COMP%]:focus { 5975 border: none !important; 5976 box-shadow: none !important; 5977} 5978.danger[_ngcontent-%COMP%] { 5979 font-size: 0.875rem; 5980 color: #ff4d4d; 5981 font-family: "GilroyRegular"; 5982} 5983.label-danger[_ngcontent-%COMP%] { 5984 color: #ff4d4d !important; 5985} 5986.is-invalid[_ngcontent-%COMP%] { 5987 border: 1px solid #ff4d4d !important; 5988 border-color: #ff4d4d !important; 5989} 5990input[type=number].ng-touched.ng-invalid[_ngcontent-%COMP%], input[type=text].ng-touched.ng-invalid[_ngcontent-%COMP%] { 5991 border: 1px solid #ff4d4d !important; 5992 border-color: #ff4d4d !important; 5993} 5994textarea.ng-touched.ng-invalid[_ngcontent-%COMP%] { 5995 border: 1px solid #ff4d4d !important; 5996 border-color: #ff4d4d !important; 5997} 5998.blur[_ngcontent-%COMP%] { 5999 -webkit-filter: blur(8px); 6000 -moz-filter: blur(8px); 6001 -o-filter: blur(8px); 6002 -ms-filter: blur(8px); 6003 filter: blur(8px); 6004} 6005.notBlur[_ngcontent-%COMP%] { 6006 -webkit-filter: blur(0px); 6007 -moz-filter: blur(0px); 6008 -o-filter: blur(0px); 6009 -ms-filter: blur(0px); 6010 filter: blur(0px); 6011} 6012.stickyElement[_ngcontent-%COMP%] { 6013 position: -webkit-sticky; 6014 position: sticky; 6015 top: 0; 6016 z-index: 999; 6017} 6018.event-status[_ngcontent-%COMP%] { 6019 font-family: "GilroyBold"; 6020 padding: 0 15px 17px 0; 6021 border-bottom-right-radius: 10px !important; 6022 border-top-left-radius: 5px; 6023 line-height: normal; 6024 letter-spacing: normal; 6025 text-align: left; 6026 display: flex; 6027 flex-direction: column; 6028 justify-content: center; 6029 font-size: 0.875rem; 6030 line-height: 1.21; 6031 color: #f5f5f5; 6032 text-transform: uppercase; 6033} 6034.event-status.unpublished[_ngcontent-%COMP%] { 6035 padding: 0px 16px; 6036 -webkit-backdrop-filter: blur(50px); 6037 backdrop-filter: blur(50px); 6038 background-color: rgba(30, 30, 44, 0.65); 6039 width: 122px; 6040 height: 44px; 6041 color: #f5f5f5; 6042} 6043.event-status.tickets_gone[_ngcontent-%COMP%] { 6044 padding: 0px 16px; 6045 -webkit-backdrop-filter: blur(50px); 6046 backdrop-filter: blur(50px); 6047 background-color: rgba(29, 204, 184, 0.65); 6048 width: 145px; 6049 height: 44px; 6050} 6051.event-status.event_over[_ngcontent-%COMP%] { 6052 padding: 0px 16px; 6053 -webkit-backdrop-filter: blur(50px); 6054 backdrop-filter: blur(50px); 6055 background-color: rgba(255, 77, 77, 0.65); 6056 width: 120px; 6057 height: 44px; 6058} 6059.event-status.going_free_or_free_ticket_event[_ngcontent-%COMP%] { 6060 width: 150px; 6061 height: 44px; 6062 padding: 0px 16px; 6063 -webkit-backdrop-filter: blur(50px); 6064 backdrop-filter: blur(50px); 6065 background-color: rgba(94, 92, 222, 0.65); 6066} 6067.event-status.going_pay_at_door_event[_ngcontent-%COMP%] { 6068 width: 150px; 6069 height: 44px; 6070 padding: 0px 16px; 6071 -webkit-backdrop-filter: blur(50px); 6072 backdrop-filter: blur(50px); 6073 background-color: rgba(255, 147, 0, 0.65); 6074} 6075.event-status.ticket_sold_event[_ngcontent-%COMP%], .event-status.active[_ngcontent-%COMP%] { 6076 width: 122px; 6077 max-width: 252px; 6078 height: 44px; 6079 padding: 0px 16px; 6080 -webkit-backdrop-filter: blur(50px); 6081 backdrop-filter: blur(50px); 6082 background-color: rgba(29, 204, 184, 0.65); 6083} 6084.event-status.ticket_sold_event[_ngcontent-%COMP%] { 6085 width: 154px; 6086 max-width: 252px; 6087 height: 44px; 6088 padding: 0px 16px; 6089 -webkit-backdrop-filter: blur(50px); 6090 backdrop-filter: blur(50px); 6091 background-color: rgba(29, 204, 184, 0.65); 6092} 6093.event-status.eventCancelled[_ngcontent-%COMP%], .event-status.cancelled[_ngcontent-%COMP%] { 6094 padding: 0px 16px; 6095 color: #ff4d4d; 6096 width: 154px; 6097 height: 44px; 6098 -webkit-backdrop-filter: blur(50px); 6099 backdrop-filter: blur(50px); 6100 background-color: rgba(30, 30, 44, 0.65); 6101} 6102.event-status.ended[_ngcontent-%COMP%], .event-status.drawover[_ngcontent-%COMP%] { 6103 width: 112px; 6104 height: 44px; 6105 padding: 0px 15px; 6106 -webkit-backdrop-filter: blur(50px); 6107 backdrop-filter: blur(50px); 6108 background-color: rgba(255, 77, 77, 0.65); 6109} 6110.event-status.allused[_ngcontent-%COMP%] { 6111 width: 106px; 6112 height: 44px; 6113 padding: 0px 16px; 6114 -webkit-backdrop-filter: blur(50px); 6115 backdrop-filter: blur(50px); 6116 background-color: rgba(255, 147, 0, 0.3); 6117} 6118.event-details[_ngcontent-%COMP%] { 6119 width: 225px; 6120 margin: auto; 6121 position: absolute; 6122 text-align: center; 6123 z-index: 999; 6124 font-style: normal; 6125 line-height: normal; 6126 letter-spacing: normal; 6127 text-align: left; 6128 margin-left: 11px; 6129 bottom: 0px; 6130} 6131.event-details[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] { 6132 font-family: "GilroySemiBold"; 6133 font-size: 1.25rem; 6134 color: #f5f5f5; 6135 margin: 26px 0px 3px 0px; 6136 width: 224px; 6137 text-transform: capitalize; 6138 overflow: hidden; 6139} 6140.event-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 6141 font-family: "GilroySemiBold"; 6142 font-size: 0.875rem; 6143 float: left; 6144 margin-top: 0px; 6145 color: #babcc1; 6146} 6147.event-details[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 6148 font-size: 1.375rem !important; 6149 margin-top: -3px; 6150 float: right; 6151 color: #fff; 6152 cursor: pointer; 6153} 6154.disableLinks[_ngcontent-%COMP%] { 6155 opacity: 0.3; 6156 pointer-events: none !important; 6157} 6158.hover-Element[_ngcontent-%COMP%] { 6159 transform: scale(1); 6160 transition: transform 0.3s ease-in-out; 6161} 6162.hover-Element[_ngcontent-%COMP%]:hover { 6163 transform: scale(1.1) !important; 6164 transition: transform 0.3s ease-in-out !important; 6165} 6166@media (min-width: 768px) and (max-width: 1024px) { 6167 .vl[_ngcontent-%COMP%] { 6168 height: 32px; 6169 } 6170 .header-text[_ngcontent-%COMP%] { 6171 margin-left: 21px; 6172 } 6173 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 6174 display: none; 6175 } 6176 .wizard-container[_ngcontent-%COMP%] { 6177 width: 768px; 6178 min-width: 768px; 6179 justify-content: none; 6180 } 6181 .Profile-Setup[_ngcontent-%COMP%] { 6182 margin-left: 30px; 6183 } 6184 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 6185 width: 262px; 6186 margin-left: 20px; 6187 } 6188 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 6189 width: 551px; 6190 padding-right: 18px; 6191 } 6192 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 6193 width: 0; 6194 gap: 39px; 6195 } 6196 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 6197 width: 256px !important; 6198 } 6199 .wizard-component-title[_ngcontent-%COMP%] { 6200 text-align: left; 6201 margin-left: 22px; 6202 } 6203 .NextButton[_ngcontent-%COMP%] { 6204 width: 509px; 6205 } 6206 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 6207 display: none; 6208 } 6209 .wizard-container[_ngcontent-%COMP%] { 6210 width: 768px; 6211 min-width: 768px; 6212 justify-content: none; 6213 }
6214 .Pop-Up-Container[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 6215 width: auto; 6216 margin: 0px 30px 0px 45px; 6217 } 6218 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] { 6219 padding: 110px 44px 44px; 6220 width: 610px; 6221 } 6222 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] { 6223 width: auto; 6224 } 6225 .newsfeedContainer[_ngcontent-%COMP%] { 6226 justify-content: center; 6227 overflow: scroll; 6228 height: 629px; 6229 } 6230 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] { 6231 width: 560px; 6232 height: 639px; 6233 } 6234 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .topImage[_ngcontent-%COMP%] { 6235 width: 560px; 6236 height: 424px; 6237 } 6238 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .detail[_ngcontent-%COMP%] { 6239 width: auto; 6240 } 6241 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] { 6242 width: 530px; 6243 } 6244 .newsfeedContainer[_ngcontent-%COMP%]::-webkit-scrollbar {
6245 display: none; 6246 } 6247 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 6248 margin-right: -145px; 6249 } 6250 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 6251 width: 70%; 6252 margin-left: 60px; 6253 } 6254 .ImageEditContainer[_ngcontent-%COMP%] { 6255 margin-right: 51px; 6256 } 6257} 6258.label[_ngcontent-%COMP%] { 6259 color: #fff; 6260 font-size: 0.875rem; 6261 font-family: "GilroySemiBold"; 6262 text-transform: uppercase; 6263 line-height: normal; 6264 letter-spacing: normal; 6265 padding: 0px; 6266 margin: 0px; 6267} 6268.label[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 6269 color: #c2c7f2; 6270} 6271.label[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 6272 color: #ff4d4d; 6273 font-size: 0.375rem; 6274 position: relative; 6275 top: -10px; 6276} 6277.formFields[_ngcontent-%COMP%] { 6278 display: flex; 6279 flex-direction: column; 6280 gap: 10px; 6281} 6282.fields[_ngcontent-%COMP%] { 6283 padding: 14px 16px 14px 16px; 6284 border-radius: 14px; 6285 border: solid 1px #2f3450; 6286 background-color: #1e1e2c; 6287 font-size: 1rem; 6288 font-family: "GilroyBold"; 6289 color: #ffffff; 6290 display: flex; 6291 align-items: center; 6292 justify-content: center; 6293 -webkit-align-items: center; 6294 -webkit-justify-content: center; 6295} 6296.fields.inputField[_ngcontent-%COMP%] { 6297 width: 282px; 6298 height: 44px; 6299} 6300.fields.locationVenueField[_ngcontent-%COMP%] { 6301 width: 685px; 6302 height: 44px; 6303} 6304.fields.smallInputField[_ngcontent-%COMP%] { 6305 width: 129px; 6306} 6307.fields.smallInputVatField[_ngcontent-%COMP%] { 6308 width: 178px; 6309} 6310.fields.textField[_ngcontent-%COMP%] { 6311 height: 91px; 6312} 6313.fields[_ngcontent-%COMP%]:focus { 6314 border: 1px solid #6fffed; 6315 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 6316} 6317.errorMsg[_ngcontent-%COMP%] { 6318 font-style: normal; 6319 line-height: normal; 6320 letter-spacing: normal; 6321 font-family: "GilroyRegular"; 6322 font-size: 0.75rem; 6323 color: #ff4d4d; 6324 margin: 0px; 6325} 6326.errorMsg.positionAboslute[_ngcontent-%COMP%] { 6327 position: absolute; 6328 top: 54px; 6329} 6330.errorMsg[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 6331 color: #ff4d4d !important; 6332 font-size: 0.3125rem !important; 6333 position: relative !important; 6334 top: -6px !important; 6335 right: 0px !important; 6336 padding-right: 2px !important; 6337} 6338.checkboxText[_ngcontent-%COMP%] { 6339 font-size: 0.875rem; 6340 font-style: normal; 6341 line-height: normal; 6342 letter-spacing: normal; 6343 font-family: "GilroyMedium"; 6344 color: #f5f5f5; 6345 margin: 0px; 6346} 6347.creationWizardTitle[_ngcontent-%COMP%] { 6348 font-size: 1.5rem; 6349 font-family: "GilroyBold"; 6350 color: #f5f5f5; 6351 text-transform: capitalize; 6352 line-height: 0.92; 6353 font-style: normal; 6354} 6355@media screen and (max-width: 767px) { 6356 .glowButton[_ngcontent-%COMP%] { 6357 height: 34px !important; 6358 border-radius: 8px !important; 6359 font-size: 0.625rem !important; 6360 } 6361 .navBottomSpace[_ngcontent-%COMP%] { 6362 height: 4.375rem; 6363 } 6364 .label[_ngcontent-%COMP%] { 6365 font-size: 0.75rem !important; 6366 } 6367 .creationWizardTitle[_ngcontent-%COMP%] { 6368 font-size: 1.25rem !important; 6369 } 6370 .disableButton.new[_ngcontent-%COMP%], .litButton.new[_ngcontent-%COMP%] { 6371 width: 90px !important; 6372 height: 34px !important; 6373 padding: 11px 6px; 6374 font-size: 0.625rem; 6375 border: none; 6376 font-family: "GilroyBold"; 6377 border-radius: 8px; 6378 } 6379 .fields[_ngcontent-%COMP%] { 6380 padding: 10px 10px 10px 10px !important; 6381 border-radius: 8px !important; 6382 font-size: 0.75rem; 6383 font-family: "GilroyBold"; 6384 } 6385 [_ngcontent-%COMP%]::placeholder { 6386 font-size: 0.75rem !important; 6387 } 6388} 6389.btnTooltip[_ngcontent-%COMP%] { 6390 background-color: transparent !important; 6391 outline: none !important; 6392 margin: 0px !important; 6393 padding: 0px !important; 6394 border: none !important; 6395} 6396.capitalizeText[_ngcontent-%COMP%] { 6397 text-transform: capitalize; 6398} 6399.lowercaseText[_ngcontent-%COMP%] { 6400 text-transform: lowercase; 6401} 6402.switch[_ngcontent-%COMP%] { 6403 position: relative; 6404 display: inline-block; 6405 width: 44px; 6406 height: 29px; 6407 padding: 2.07px 2.27px 3.11px 2.27px; 6408 margin: 0; 6409} 6410.switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%] { 6411 opacity: 0; 6412 width: 0; 6413 height: 0; 6414} 6415.slider[_ngcontent-%COMP%] { 6416 position: absolute; 6417 cursor: pointer; 6418 top: 0; 6419 left: 0; 6420 right: 0; 6421 bottom: 0; 6422 background-color: rgb(92, 93, 122); 6423 -webkit-transition: 0.4s; 6424 transition: 0.4s; 6425} 6426.slider[_ngcontent-%COMP%]:before { 6427 position: absolute; 6428 content: ""; 6429 width: 22.744px; 6430 height: 23.821px; 6431 background-color: #fff; 6432 border-radius: 50px; 6433 left: 2.77px; 6434 right: 2.77px; 6435 bottom: 2.07px; 6436 top: 2.07px; 6437 -webkit-transition: 0.4s; 6438 transition: 0.4s; 6439} 6440input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%] { 6441 background-color: rgb(10, 132, 255); 6442} 6443input[_ngcontent-%COMP%]:focus + .slider[_ngcontent-%COMP%] { 6444 box-shadow: 0 0 1px #2196F3; 6445} 6446input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]:before { 6447 -webkit-transform: translateX(15px); 6448 -ms-transform: translateX(15px); 6449 transform: translateX(15px); 6450} 6451.slider.round[_ngcontent-%COMP%] { 6452 border-radius: 50px; 6453} 6454.slider.round[_ngcontent-%COMP%]:before { 6455 border-radius: 50px; 6456} 6457@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 6458 .positionAboslute[_ngcontent-%COMP%] { 6459 position: absolute; 6460 } 6461} 6462.gray-BG[_ngcontent-%COMP%] { 6463 background-color: #babcc1 !important; 6464} 6465.midnight-express-BG[_ngcontent-%COMP%] { 6466 background-color: #242637; 6467} 6468.black-russian[_ngcontent-%COMP%] { 6469 background-color: #0b0b1a !important; 6470}
6471.baby-blue-BG[_ngcontent-%COMP%] { 6472 background-color: #6fffed !important; 6473} 6474.slate-blue-BG[_ngcontent-%COMP%] { 6475 background-color: #5e5cde !important; 6476} 6477.dark-orange-BG[_ngcontent-%COMP%] { 6478 background-color: #ff9300 !important; 6479} 6480.dodger-blue[_ngcontent-%COMP%] { 6481 background-color: #0a84ff !important; 6482} 6483.medium-orchid-BG[_ngcontent-%COMP%] { 6484 background-color: #bf5af2 !important; 6485} 6486.rich-lilac-BG[_ngcontent-%COMP%] { 6487 background-color: #b260ea; 6488} 6489.comet-BG[_ngcontent-%COMP%] { 6490 background-color: #5e5f71; 6491} 6492.gamboge-BG[_ngcontent-%COMP%] { 6493 background-color: #e68f09; 6494} 6495.blur[_ngcontent-%COMP%] { 6496 -webkit-filter: blur(8px); 6497 -moz-filter: blur(8px); 6498 -o-filter: blur(8px); 6499 -ms-filter: blur(8px); 6500 filter: blur(8px); 6501} 6502.blue-shade2-border[_ngcontent-%COMP%] { 6503 border: solid 2px #43445e !important; 6504} 6505.baby-blue-border[_ngcontent-%COMP%] { 6506 border: solid 1px #6fffed !important; 6507} 6508.dark-orange-border[_ngcontent-%COMP%] { 6509 border: solid 1px #ff9300 !important; 6510} 6511.medium-orchid-border[_ngcontent-%COMP%] { 6512 border: solid 1px #bf5af2 !important; 6513} 6514.dodger-blue-shade2-border[_ngcontent-%COMP%] { 6515 border: solid 1px #0a84ff !important; 6516} 6517.white-smoke-border[_ngcontent-%COMP%] { 6518 border: solid 1px #f5f5f5 !important; 6519} 6520.red-border[_ngcontent-%COMP%] { 6521 border: solid 1px #ff0100 !important; 6522} 6523.black-russian-border[_ngcontent-%COMP%] { 6524 border: solid 1ps #0b0b1a; 6525} 6526.border-red[_ngcontent-%COMP%] { 6527 border: solid 1px #ff0100 !important; 6528} 6529.border-sunsetOrange[_ngcontent-%COMP%] { 6530 border: 1px solid #ff4d4d !important; 6531} 6532.border-grayLight[_ngcontent-%COMP%] { 6533 border: solid 2px #2F3450 !important; 6534} 6535.blueshadeThreeText[_ngcontent-%COMP%] { 6536 color: #81cffa; 6537} 6538.richlilacText[_ngcontent-%COMP%] { 6539 color: #b260ea !important; 6540} 6541.slateBlueText[_ngcontent-%COMP%] { 6542 color: #5e5cde !important; 6543} 6544.slateText[_ngcontent-%COMP%] { 6545 color: #5c5d7a !important; 6546} 6547.babyBlueText[_ngcontent-%COMP%] { 6548 color: #6fffed !important; 6549} 6550.darkOrangeText[_ngcontent-%COMP%] { 6551 color: #ff9300 !important; 6552} 6553.freshYellowText[_ngcontent-%COMP%] { 6554 color: #ffd60a; 6555} 6556.brightPeachText[_ngcontent-%COMP%] { 6557 color: #f96f6f; 6558} 6559.mediumOrchidText[_ngcontent-%COMP%] { 6560 color: #bf5af2 !important; 6561} 6562.black-russian-Text[_ngcontent-%COMP%] { 6563 color: #0b0b1a !important; 6564} 6565.dodgerBlueShadeText[_ngcontent-%COMP%] { 6566 color: #0a84ff !important; 6567} 6568.orangyRedText[_ngcontent-%COMP%] { 6569 color: #ff453a; 6570} 6571.whiteText[_ngcontent-%COMP%] { 6572 color: #f5f5f5 !important; 6573} 6574.pureWhiteText[_ngcontent-%COMP%] { 6575 color: #fff !important; 6576} 6577.comitText[_ngcontent-%COMP%] { 6578 color: #5e5f71 !important; 6579} 6580.carnationText[_ngcontent-%COMP%] { 6581 color: #ff6f90; 6582} 6583.redText[_ngcontent-%COMP%] { 6584 color: #ff0100 !important; 6585} 6586.LavenderBlueText[_ngcontent-%COMP%] { 6587 color: #c2c7f2 !important; 6588} 6589.orangePeelText[_ngcontent-%COMP%] { 6590 color: #ff9300 !important; 6591} 6592.greenText[_ngcontent-%COMP%] { 6593 color: #32d74b; 6594} 6595.sunsetOrangeText[_ngcontent-%COMP%] { 6596 color: #ff4d4d !important; 6597} 6598.grayText[_ngcontent-%COMP%] { 6599 color: #babcc1; 6600} 6601.lighterPurpleText[_ngcontent-%COMP%] { 6602 color: #bd58f0; 6603} 6604.whiteColorText[_ngcontent-%COMP%] { 6605 color: #ffffff !important; 6606} 6607.mangoManiaText[_ngcontent-%COMP%] { 6608 color: #fec20e !important; 6609} 6610.promotionalTextColor[_ngcontent-%COMP%] { 6611 color: #EA60A2 !important; 6612} 6613.center-text[_ngcontent-%COMP%] { 6614 text-align: center !important; 6615} 6616.leftText[_ngcontent-%COMP%] { 6617 text-align: left !important; 6618} 6619.rightText[_ngcontent-%COMP%] { 6620 text-align: right; 6621} 6622.floatRight[_ngcontent-%COMP%] { 6623 float: right; 6624} 6625.floatLeft[_ngcontent-%COMP%] { 6626 float: left; 6627} 6628.clearfix[_ngcontent-%COMP%] { 6629 clear: both; 6630} 6631.dNone[_ngcontent-%COMP%] { 6632 display: none !important; 6633} 6634.dBlock[_ngcontent-%COMP%] { 6635 display: block !important; 6636} 6637.dInlineBlock[_ngcontent-%COMP%] { 6638 display: inline-block !important; 6639} 6640.dInline[_ngcontent-%COMP%] { 6641 display: inline !important; 6642} 6643.dFlex[_ngcontent-%COMP%] { 6644 display: flex; 6645} 6646.dFlexColumn[_ngcontent-%COMP%] { 6647 display: flex; 6648 flex-direction: column; 6649} 6650.dFlexRow[_ngcontent-%COMP%] { 6651 display: flex; 6652 flex-direction: row; 6653} 6654.dFlex-with-center[_ngcontent-%COMP%] { 6655 display: flex; 6656 align-items: center; 6657} 6658.dFlex-with-col-center[_ngcontent-%COMP%] { 6659 display: flex; 6660 flex-flow: column; 6661 align-items: center; 6662} 6663.clickable[_ngcontent-%COMP%] { 6664 cursor: pointer; 6665} 6666.text-direction-vertical[_ngcontent-%COMP%] { 6667 writing-mode: vertical-rl; 6668 transform: rotate(180deg); 6669} 6670.ellipsis[_ngcontent-%COMP%] { 6671 overflow: hidden; 6672 white-space: nowrap; 6673 text-overflow: ellipsis; 6674} 6675.capital-text[_ngcontent-%COMP%] { 6676 text-transform: uppercase; 6677} 6678.disableDiv[_ngcontent-%COMP%] { 6679 pointer-events: none; 6680} 6681.margin-top-10[_ngcontent-%COMP%] { 6682 margin-top: 10px; 6683} 6684.margin-top-15[_ngcontent-%COMP%] { 6685 margin-top: 15px; 6686} 6687.margin-top-20[_ngcontent-%COMP%] { 6688 margin-top: 20px; 6689} 6690.margin-top-30[_ngcontent-%COMP%] { 6691 margin-top: 30px; 6692} 6693.margin-top-0[_ngcontent-%COMP%] { 6694 margin-top: 0px !important; 6695} 6696.shadow[_ngcontent-%COMP%] { 6697 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 6698 -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 6699 -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 6700} 6701.sahdow-right-bottom-black[_ngcontent-%COMP%] { 6702 box-shadow: 5px 5px 5px black; 6703 -webkit-box-shadow: 5px 5px 5px black; 6704 -moz-box-shadow: 5px 5px 5px black; 6705} 6706.filter-drop-shadow[_ngcontent-%COMP%] { 6707 -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 6708 -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 6709 -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 6710 -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 6711 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 6712} 6713.organgePeelText[_ngcontent-%COMP%] { 6714 color: #ff9300; 6715} 6716.organgePeelText[_ngcontent-%COMP%] { 6717 color: #ff9300; 6718} 6719.sunsetOrangeText[_ngcontent-%COMP%] { 6720 color: #ff4d4d; 6721} 6722.popup-container[_ngcontent-%COMP%] { 6723 display: flex; 6724 background-color: #181826; 6725 color: #fff; 6726 border-radius: 1rem; 6727 text-align: center; 6728 flex-direction: column; 6729 justify-content: center; 6730} 6731.popup-container[_ngcontent-%COMP%] .popup-content[_ngcontent-%COMP%] { 6732 padding: 44px 27px; 6733 width: 25rem; 6734 height: 24.125rem; 6735} 6736.popup-container[_ngcontent-%COMP%] .popup-content[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 6737 color: #fff !important; 6738} 6739.popup-container[_ngcontent-%COMP%] .popup-content[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] { 6740 color: #fff; 6741 font-family: "GilroyBold"; 6742 font-size: 1.125rem; 6743 line-height: 22px; 6744 margin-top: 16px; 6745} 6746.popup-container[_ngcontent-%COMP%] .popup-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 6747 color: #c2c7f2; 6748 font-family: "GilroyRegular"; 6749 font-size: 0.875rem; 6750 line-height: 24px; 6751 margin-top: 10px; 6752} 6753.popup-container[_ngcontent-%COMP%] .popup-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] strong[_ngcontent-%COMP%] { 6754 color: #fff; 6755 font-family: "GilroyRegular"; 6756 font-size: 1rem; 6757} 6758.popup-container[_ngcontent-%COMP%] .popup-content[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%] { 6759 display: flex; 6760 flex-direction: column; 6761 justify-content: center; 6762 align-items: center; 6763 margin-top: 38px; 6764 gap: 8px; 6765} 6766.popup-container[_ngcontent-%COMP%] .popup-content[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 6767 width: 21.9rem; 6768 height: 3.25rem; 6769 border: none; 6770 border-radius: 10px; 6771 background: #ff4d4d; 6772 padding: 16px; 6773 color: #fff; 6774 font-family: "GilroyMedium"; 6775 font-size: 1rem; 6776 line-height: 18px; 6777} 6778.popup-container[_ngcontent-%COMP%] .popup-content[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%] .btn-none[_ngcontent-%COMP%] { 6779 background: none !important; 6780 border: none !important; 6781 font-size: 1.125rem !important; 6782 cursor: pointer; 6783 margin-top: 16px; 6784} 6785.popup-container[_ngcontent-%COMP%] .crossIcon[_ngcontent-%COMP%] { 6786 width: 13px; 6787 height: 13px; 6788 position: absolute; 6789 top: 26px; 6790 right: 22px; 6791 cursor: pointer; 6792}`]})}}return t})();function dt(t,i){if(t&1&&(p(0,"p"),l(1),f(2,"date"),r()),t&2){let n=d(2);a(),E("Joined ",tn(2,1,n.data.joinedDate,"dd MMM y"),"")}}function gt(t,i){t&1&&(p(0,"p",14),l(1,"Not Active"),r())}function st(t,i){if(t&1&&(p(0,"p")(1,"span"),l(2,"On Orgonize"),r(),l(3),r()),t&2){let n=d(2);bn(n.data.isRejected?"decline":"pending"),a(3),E(" ",n.data.isRejected?"(Declined Your Invite)":"(Pending Acceptance)","")}}function mt(t,i){t&1&&(p(0,"p",15)(1,"span",16),l(2,"Not On Orgonize"),r(),l(3," (SMS Invite Sent)"),r())}function ft(t,i){if(t&1){let n=P();p(0,"p",23),m("click",function(){_(n);let o=d(4);return C(o.changeSuperAdmin())}),x(1,"img",24),f(2,"imgURL"),l(3,"Replace to Super Admin "),r()}t&2&&(a(),c("src",u(2,1,"admin/replaceAdmin.svg"),h))}function xt(t,i){t&1&&x(0,"div",25)}function ht(t,i){if(t&1&&(M(0),b(1,ft,4,3,"p",22)(2,xt,1,0,"div",20),O()),t&2){let n=d(3);a(),c("ngIf",n.data.haveAccess&&!n.isInvite),a(),c("ngIf",n.data.haveAccess&&!n.isInvite)}}function ut(t,i){if(t&1){let n=P();p(0,"p",26),m("click",function(){_(n);let o=d(3);return C(o.toggleAccess(!1))}),x(1,"img",27),f(2,"imgURL"),l(3,"Disable Access "),r()}t&2&&(a(),c("src",u(2,1,"admin/disableAdmin.svg"),h))}function _t(t,i){if(t&1){let n=P();p(0,"p",28),m("click",function(){_(n);let o=d(3);return C(o.toggleAccess(!0))}),x(1,"img",27),f(2,"imgURL"),l(3,"Enable Access "),r()}t&2&&(a(),c("src",u(2,1,"admin/enableAdmin.svg"),h))}function Ct(t,i){t&1&&x(0,"div",25)}function bt(t,i){if(t&1){let n=P();p(0,"p",29),m("click",function(){_(n);let o=d(3);return C(o.openAdminAction("removeAdmin"))}),x(1,"img",6),f(2,"imgURL"),l(3,"Remove Admin "),r()}t&2&&(a(),c("src",u(2,1,"admin/DeleteAdmin.svg"),h))}function Pt(t,i){if(t&1){let n=P();p(0,"p",29),m("click",function(){_(n);let o=d(3);return C(o.openAdminAction("cancelInvitation"))}),x(1,"img",30),f(2,"imgURL"),l(3,"Cancel Invitation "),r()}t&2&&(a(),c("src",u(2,1,"admin/cancelAdmin.svg"),h))}function Mt(t,i){if(t&1){let n=P();p(0,"div",17),m("click",function(){_(n);let o=d(2);return C(o.preventCloseOnClick())}),b(1,ht,3,2,"ng-container",0)(2,ut,4,3,"p",18)(3,_t,4,3,"p",19)(4,Ct,1,0,"div",20)(5,bt,4,3,"p",21)(6,Pt,4,3,"p",21),r()}if(t&2){let n=d(2);Q("optionsBox ",n.data.haveAccess&&!n.isInvite?"IsAdmin":"",""),a(),c("ngIf",n.adminService.loggedInAdminDetail
6792s.isSuperAdmin),a(),c("ngIf",n.data.haveAccess&&!n.isInvite),a(),c("ngIf",!n.data.haveAccess&&!n.isInvite),a(),c("ngIf",!n.isInvite),a(),c("ngIf",!n.isInvite),a(),c("ngIf",n.isInvite)}}function Ot(t,i){if(t&1){let n=P();M(0),p(1,"div",1)(2,"div",2)(3,"div",3)(4,"div",4)(5,"div",5),x(6,"img",6),r()(),p(7,"div",7)(8,"h1"),l(9),r(),b(10,dt,3,4,"p",0)(11,gt,2,0,"p",8)(12,st,4,4,"p",9)(13,mt,4,0,"p",10),r()(),p(14,"div",11)(15,"img",12),f(16,"imgURL"),m("click",function(){_(n);let o=d();return o.showOptions(),C(o.preventCloseOnClick())}),r(),b(17,Mt,7,9,"div",13),r()()(),O()}if(t&2){let n=d();a(6),K("src",n.data.userAvatar||n.noUser,h),a(3),v(n.isInvite&&n.data.isExternal?n.data.phoneNumber:n.data.fullName),a(),c("ngIf",n.data.haveAccess&&!n.isInvite),a(),c("ngIf",!n.data.haveAccess&&!n.isInvite),a(),c("ngIf",n.isInvite&&!n.data.isExternal),a(),c("ngIf",n.isInvite&&n.data.isExternal),a(2),c("src",u(16,8,"admin/admindropdown.svg"),h),a(2),c("ngIf",n.optionBox)}}var Hn=(()=>{class t{constructor(n,e,o,g,I,T){this.renderer=n,this.adminService=e,this.sharedService=o,this._snackBar=g,this.dialog=I,this.pubnubService=T,this.noUser=q.imagesUrl+"Icons/defaultUser.svg",this.optionBox=!1,this.optionBtnClick=!1,this.isAdmin=!1,this.selectedUserId=new _n(!1),this.adminSummary=new R,this.renderer.listen("window","click",G=>{this.optionBtnClick||(this.optionBox=!1),this.optionBtnClick=!1})}showOptions(){this.optionBox=!this.optionBox}preventCloseOnClick(){this.optionBtnClick=!0}toggleAccess(n){this.optionBox=!1;let e={adminId:this.data.appUserId,superAdminId:this.adminService.loggedInAdminDetails.id,value:n};this.adminService.disableAccess(e).subscribe(o=>{this.selectedUserId.emit(this.data.appUserId)})}convertToCamelCase(n){return Object.keys(n).reduce((e,o)=>{let g=o.charAt(0).toLowerCase()+o.slice(1);return e[g]=n[o],e},{})}changeSuperAdmin(){this.dialog.open(Vn,{data:{appUserId:this.data.appUserId,fullName:this.data.fullName},disableClose:!0}).afterClosed().subscribe(e=>{this.optionBox=!1,e===!0&&(this.openSnackBar("Super-Admin Changed Successfully"),this.sharedService.userDetailModel.businessType="Admin")})}openSnackBar(n){this._snackBar.openFromComponent(D,{duration:3e3,horizontalPosition:"right",verticalPosition:"top",data:n})}openAdminAction(n){let e=this.dialog.open(Wn,{data:{type:n,fullName:this.data.fullName,adminId:this.data.appUserId,isExternal:this.data.isExternal,invitationId:this.data.id}})}static{this.\u0275fac=function(e){return new(e||t)(s(Cn),s(S),s(X),s(F),s(H),s(an))}}static{this.\u0275cmp=y({type:t,selectors:[["app-super-admin-card"]],inputs:{isInvite:"isInvite",data:"data"},outputs:{selectedUserId:"selectedUserId"},standalone:!0,features:[k],decls:1,vars:1,consts:[[4,"ngIf"],[1,"adminList"],[1,"wrapper"],[1,"superAdminCard"],[1,"imageCircle"],[1,"imageHolder"],["alt","Icon",3,"src"],[1,"titles"],["class","decline",4,"ngIf"],[3,"class",4,"ngIf"],["class","pending",4,"ngIf"],[1,"dropdown"],["alt","Icon",3,"click","src"],[3,"class","click",4,"ngIf"],[1,"decline"],[1,"pending"],[1,"notInOrgonize"],[3,"click"],["class","disable",3,"click",4,"ngIf"],["class","enable",3,"click",4,"ngIf"],["class","line",4,"ngIf"],["class","remove",3,"click",4,"ngIf"],["class","replaceAdmin",3,"click",4,"ngIf"],[1,"replaceAdmin",3,"click"],["alt","Icon",1,"replaceAdmin",3,"src"],[1,"line"],[1,"disable",3,"click"],["alt","Icon",1,"enable-diable",3,"src"],[1,"enable",3,"click"],[1,"remove",3,"click"],["alt","Icon",1,"cancel",3,"src"]],template:function(e,o){e&1&&b(0,Ot,18,10,"ng-container",0),e&2&&c("ngIf",o.data)},dependencies:[z,j,en,B],styles:[` 6793 6794.sidebar-navigation-layout-event[_ngcontent-%COMP%] { 6795 background-color: #232638; 6796 width: 100%; 6797 min-height: 100vh; 6798 max-height: 100%; 6799 max-width: 265px; 6800 padding: 24px 10px 20px 10px; 6801 z-index: 1; 6802 position: sticky; 6803 top: 0 !important; 6804} 6805.row-three-column-layout[_ngcontent-%COMP%] { 6806 display: flex; 6807 flex-direction: row; 6808} 6809.row-three-column-layout[_ngcontent-%COMP%] .columns[_ngcontent-%COMP%] { 6810 width: 33.33%; 6811 padding-left: 0px !important; 6812 margin-right: 91.9px !important; 6813} 6814.flex-container[_ngcontent-%COMP%] { 6815 display: flex; 6816 flex-direction: row; 6817 width: 100vw; 6818 height: 100vh !important; 6819 overflow: hidden !important; 6820} 6821.columns[_ngcontent-%COMP%]:nth-of-type(1) { 6822 width: 22%; 6823 max-width: 14.37rem; 6824 z-index: 1; 6825} 6826.columns[_ngcontent-%COMP%]:nth-of-type(2) { 6827 width: 100%; 6828 background: #0B0D1D; 6829} 6830.data-top-box[_ngcontent-%COMP%] { 6831 margin-top: 27.5px; 6832 width: 100%; 6833 height: 205px; 6834 padding: 15px 15px 15px 15px; 6835 border-radius: 10px; 6836 background-image: 6837 linear-gradient( 6838 to bottom, 6839 #282c40, 6840 #232333); 6841 display: flex; 6842 flex-direction: row; 6843} 6844.data-top-box[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] { 6845 font-family: "GilroySemiBold"; 6846 font-size: 1.125rem; 6847 text-align: left; 6848 font-style: normal; 6849 line-height: 0.72; 6850 letter-spacing: normal; 6851 color: #f5f5f5; 6852 margin-top: 5.5px; 6853} 6854.data-top-box[_ngcontent-%COMP%] .cola[_ngcontent-%COMP%] { 6855 width: 50%; 6856} 6857.attendee-boxes[_ngcontent-%COMP%] { 6858 display: flex; 6859 flex-direction: row; 6860 justify-content: space-between; 6861 width: 95%; 6862} 6863.attendee-desc[_ngcontent-%COMP%] { 6864 margin-left: 5.8px; 6865 margin-right: 5.8px; 6866} 6867.attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 6868 font-family: "GilroySemiBold"; 6869 font-size: 0.875rem; 6870 font-style: normal; 6871 line-height: 0.93; 6872 letter-spacing: normal; 6873 text-transform: uppercase; 6874 margin-bottom: 0px; 6875} 6876.attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 6877 font-family: "GilroySemiBold"; 6878 font-size: 1.625rem; 6879 text-align: left; 6880 font-style: normal; 6881 line-height: 0.5; 6882 letter-spacing: normal; 6883 color: #f5f5f5; 6884 margin-top: 10px; 6885 margin-left: 2px; 6886} 6887.attendee-details[_ngcontent-%COMP%] { 6888 margin-top: 21.5px; 6889 display: flex; 6890 flex-direction: row; 6891 justify-content: space-evenly; 6892} 6893.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 6894 width: 45px; 6895 height: 45px; 6896 transform: scale(1) !important; 6897 transition: transform 0.3s ease-in-out !important; 6898} 6899.attendee-details[_ngcontent-%COMP%] .going[_ngcontent-%COMP%] { 6900 color: #6fffed; 6901} 6902.attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 6903 color: #b260ea; 6904 width: 127px; 6905} 6906.attendee-details[_ngcontent-%COMP%] .vip_passes[_ngcontent-%COMP%] { 6907 color: #ff9300; 6908 width: 72px; 6909} 6910.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%]:hover { 6911 transform: scale(1.1) !important; 6912 transition: transform 0.3s ease-in-out !important; 6913} 6914@media (min-width: 375) and (max-width: 425px) { 6915 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 6916 display: none; 6917 } 6918} 6919@media (min-width: 768px) and (max-width: 1365px) { 6920 .attendee-boxes[_ngcontent-%COMP%] { 6921 display: flex; 6922 flex-direction: row; 6923 justify-content: space-around; 6924 margin-right: 5px; 6925 } 6926 .attendee-desc[_ngcontent-%COMP%] { 6927 margin-left: 3.8px; 6928 margin-right: 3.8px; 6929 } 6930 .attendee-details[_ngcontent-%COMP%] { 6931 margin-top: 21.5px; 6932 display: flex; 6933 flex-direction: row; 6934 justify-content: space-evenly; 6935 } 6936 .attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 6937 width: 35px; 6938 height: 35px; 6939 } 6940 .attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 6941 font-size: 0.75rem; 6942 } 6943 .attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 6944 font-size: 1.25rem; 6945 } 6946 .attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 6947 width: 110px; 6948 } 6949 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 6950 display: none; 6951 } 6952 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 6953 width: 100vw; 6954 } 6955 .ComponentsWrapper[_ngcontent-%COMP%] { 6956 width: 100% !important; 6957 } 6958} 6959@media screen and (min-width: 1025px) and (max-width: 1365px) { 6960 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 6961 display: none; 6962 } 6963} 6964@media (min-width: 900px) and (width: 1900px) { 6965 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 6966 width: 15%; 6967 } 6968 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 6969 width: 85%; 6970 } 6971} 6972.wizard-container[_ngcontent-%COMP%] { 6973 display: flex; 6974 flex-direction: row; 6975 width: 1440px; 6976 min-width: 1440px; 6977 justify-content: center; 6978 margin: auto; 6979} 6980.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 6981 width: 100%; 6982 display: flex; 6983 flex-direction: row; 6984} 6985.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 6986 display: flex; 6987 flex-direction: column; 6988 width: 75%; 6989} 6990.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container.fullWidth[_ngcontent-%COMP%] { 6991 width: 100% !important; 6992} 6993.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 6994 width: 42%; 6995 color: #fff; 6996 margin-right: 35px !important; 6997 margin-top: 36px; 6998} 6999.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 7000 width: 365px; 7001 height: 733px; 7002 margin-top: 20px; 7003 margin-right: 35px; 7004 position: -webkit-sticky; 7005 position: sticky; 7006 top: 155px; 7007} 7008.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 7009 width: 42%; 7010 color: #fff; 7011 margin-right: 35px !important; 7012 margin-top: 36px; 7013 z-index: -1; 7014} 7015.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 7016 position: relative; 7017 width: 365px; 7018 height: 733px; 7019 margin-top: 20px; 7020 margin-right: 35px; 7021} 7022.wizard-footer[_ngcontent-%COMP%] { 7023 width: 687px; 7024 height: 65px; 7025 position: absolute; 7026 bottom: 0%; 7027 padding: 0px 95px; 7028 display: flex; 7029 justify-content: flex-end; 7030 align-items: center; 7031} 7032@media only screen and (max-height: 900px) { 7033 .mobile-container[_ngcontent-%COMP%] { 7034 margin-top: 0px !important; 7035 } 7036} 7037.NextButton[_ngcontent-%COMP%] { 7038 margin-top: 40px; 7039 display: flex; 7040 justify-content: flex-end; 7041 width: 588px; 7042 height: 65px; 7043} 7044.CenterAlign[_ngcontent-%COMP%] { 7045 display: flex; 7046 align-items: center; 7047 flex-direction: column; 7048 justify-content: center; 7049} 7050.ComponentsWrapper[_ngcontent-%COMP%] { 7051 width: 1115px; 7052} 7053.minusSign[_ngcontent-%COMP%] { 7054 margin-right: 11.5px; 7055 width: 10px; 7056 height: 21px; 7057 cursor: pointer; 7058 transition: all 0.2s ease-in-out; 7059} 7060.plusSign[_ngcontent-%COMP%] { 7061 margin-left: 11.5px; 7062 width: 10px; 7063 height: 21px; 7064 cursor: pointer; 7065 transition: all 0.2s ease-in-out; 7066} 7067.minusSign[_ngcontent-%COMP%]:hover, .plusSign[_ngcontent-%COMP%]:hover { 7068 transform: scale(1.2); 7069} 7070.app-scrollbar[_ngcontent-%COMP%] { 7071 position: relative; 7072 top: 0px; 7073 right: 0px; 7074 padding: 0px; 7075 z-index: 0; 7076} 7077.leftArrow-Container[_ngcontent-%COMP%] { 7078 width: 50px; 7079 height: 154px; 7080 background-image: 7081 linear-gradient( 7082 to right, 7083 #1e1e2c, 7084 rgba(30, 30, 44, 0.5)); 7085 display: flex; 7086 align-items: center; 7087 position: absolute; 7088 justify-content: center; 7089 z-index: 4; 7090 left: 210px; 7091} 7092.leftArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 7093 color: #f5f5f5; 7094 font-size: 1.75rem; 7095 cursor: pointer; 7096 transition: 0.2s ease-in-out; 7097} 7098.rightArrow-Container[_ngcontent-%COMP%] { 7099 width: 50px; 7100 height: 154px; 7101 background-image: 7102 linear-gradient( 7103 to right, 7104 #1e1e2c, 7105 rgba(30, 30, 44, 0.5)); 7106 display: flex; 7107 align-items: center; 7108 position: absolute; 7109 justify-content: center; 7110 z-index: 4; 7111 right: -24px; 7112} 7113.rightArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 7114 color: #f5f5f5; 7115 font-size: 1.75rem; 7116 cursor: pointer; 7117} 7118.leftArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%], .rightArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%] { 7119 transform: scale(1.4); 7120 transition: 0.2s ease-in-out; 7121} 7122.top-nav[_ngcontent-%COMP%] { 7123 top: -23px; 7124 z-index: 1; 7125 position: relative; 7126 display: flex; 7127 flex-direction: row; 7128 gap: 15px; 7129} 7130.top-nav.Opacity[_ngcontent-%COMP%] { 7131 opacity: 0.3; 7132 transition: 0.1s ease-in;
7133 z-index: 0; 7134} 7135.top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 7136 margin: 20px 0px 0px 0px; 7137 padding: 11px 20px 11px; 7138 border-radius: 25px; 7139 height: 42px; 7140 width: auto !important; 7141 background-color: rgba(111, 255, 237, 0.1); 7142 transition: background-color 0.3s ease-in-out; 7143 transform: scale(1); 7144 transition: transform 0.3s ease-in-out; 7145 color: #6fffed; 7146 font-family: "GilroyMedium"; 7147 font-size: 1rem; 7148 font-style: normal; 7149 line-height: normal; 7150 letter-spacing: normal; 7151 cursor: pointer; 7152 border: none; 7153 outline: none; 7154 z-index: 0; 7155} 7156.top-nav[_ngcontent-%COMP%] button.active[_ngcontent-%COMP%] { 7157 color: #313245; 7158 background-color: #6fffed; 7159 transition: background-color 0.3s ease-in-out; 7160} 7161.Pop-Up-Container-Body[_ngcontent-%COMP%] { 7162 width: 100%; 7163 height: 100vh; 7164 display: flex; 7165 align-items: center; 7166 justify-content: center; 7167 position: fixed; 7168 top: 1.5%; 7169} 7170.scroller[_ngcontent-%COMP%] { 7171 top: 0; 7172 width: 204px; 7173 transition: 0.2s ease-in-out; 7174 position: relative; 7175 margin-right: 15px; 7176 font-style: normal; 7177 z-index: 0; 7178} 7179.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] { 7180 width: 204px; 7181 height: 154px; 7182 background-color: #242637; 7183 border-radius: 5px; 7184 cursor: pointer; 7185 display: flex; 7186 flex-direction: column; 7187 justify-content: center; 7188 align-items: center; 7189 vertical-align: middle; 7190} 7191.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-icon[_ngcontent-%COMP%] { 7192 width: 26.9px; 7193 height: 26.9px; 7194} 7195.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-title[_ngcontent-%COMP%] { 7196 font-family: "GilroyMedium"; 7197 font-size: 1rem; 7198 line-height: 1.23; 7199 letter-spacing: normal; 7200 margin: 16.1px 0 0; 7201 text-align: center; 7202 color: #6fffed; 7203 width: 112px; 7204 height: 45px; 7205} 7206.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] { 7207 display: inline-block; 7208 width: 252px; 7209 height: 154px; 7210 padding: 0 15px 17px 0; 7211 border-radius: 5px !important; 7212 cursor: pointer; 7213 position: relative; 7214 top: 0px; 7215 z-index: -1; 7216} 7217.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 7218 width: 252px; 7219 height: 154px; 7220 border-radius: 5px; 7221 position: absolute; 7222 object-fit: cover; 7223 object-position: center; 7224} 7225.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] { 7226 width: 252px; 7227 height: 568px; 7228 background-image: 7229 linear-gradient( 7230 to bottom, 7231 #242637, 7232 #1e1e2c); 7233 position: absolute; 7234 top: 97%; 7235 z-index: 0; 7236 bottom: 140px; 7237 display: none; 7238 transition: 0.2s ease-in-out; 7239 padding: 20px 17.7px 20px 17.7px; 7240} 7241.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] .event-menu-container[_ngcontent-%COMP%] { 7242 display: flex; 7243 flex-direction: column; 7244 justify-content: center; 7245 text-align: center; 7246} 7247.Inline-Container[_ngcontent-%COMP%]::-webkit-scrollbar {
7248 display: none !important; 7249} 7250.Inline-Container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] { 7251 display: flex; 7252 flex-direction: row; 7253 padding-inline-start: 0px; 7254 list-style-type: none; 7255 transition: transform 0.5s ease; 7256} 7257.Inline-Container[_ngcontent-%COMP%] { 7258 cursor: grab; 7259} 7260.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover { 7261 top: -65px !important; 7262 z-index: 2; 7263 transition: 0.2s ease-in-out; 7264} 7265.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover .event-menu-wrapper[_ngcontent-%COMP%] { 7266 display: block !important; 7267} 7268.control-item[_ngcontent-%COMP%] { 7269 display: flex; 7270 flex-direction: column; 7271 justify-content: center; 7272 align-items: center; 7273 width: 58px; 7274 cursor: pointer; 7275} 7276.control-item[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 7277 width: 40px !important; 7278 height: 40px !important; 7279 position: relative !important; 7280 object-fit: contain; 7281 transition: all 0.2s ease-in-out; 7282} 7283.control-item[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 7284 font-family: "GilroyLight"; 7285 font-size: 0.875rem; 7286 font-style: normal; 7287 line-height: normal; 7288 letter-spacing: normal; 7289 text-align: center; 7290 color: #c2c7f2; 7291 white-space: normal; 7292 margin-top: 12px; 7293} 7294.InputFieldArrow[_ngcontent-%COMP%] { 7295 position: relative; 7296 width: 272px !important; 7297} 7298.InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 7299 position: absolute; 7300 color: #babcc1; 7301 font-size: 1.5rem; 7302 top: 20px; 7303 right: 16px; 7304 z-index: 1; 7305 cursor: pointer; 7306} 7307@media (min-width: 768px) and (max-width: 1024px) { 7308 .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 7309 display: none; 7310 } 7311 .InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 7312 position: relative; 7313 right: -232px; 7314 top: 46px; 7315 } 7316 .top-nav[_ngcontent-%COMP%] { 7317 top: -23px; 7318 z-index: 1; 7319 position: relative; 7320 display: inline-block; 7321 width: 100%; 7322 white-space: nowrap; 7323 overflow: auto; 7324 } 7325 .top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 7326 margin: 20px 20px 0px 0px; 7327 } 7328 .NextButton[_ngcontent-%COMP%] { 7329 width: 514px; 7330 } 7331} 7332.top-nav[_ngcontent-%COMP%]::-webkit-scrollbar {
7333 display: none; 7334} 7335.popUpBox[_ngcontent-%COMP%] { 7336 width: 100%; 7337 height: auto; 7338 background-color: #1e1e2c; 7339 padding: 40px; 7340} 7341.popUpBox[_ngcontent-%COMP%] .topTitleBar[_ngcontent-%COMP%] .creationWizardTitle[_ngcontent-%COMP%] { 7342 line-height: 1.08; 7343} 7344.popUpBox[_ngcontent-%COMP%] .topTitleBar.dFlexRow[_ngcontent-%COMP%] { 7345 justify-content: space-between; 7346} 7347@media screen and (max-width: 767px) { 7348 .popUpBox[_ngcontent-%COMP%] { 7349 padding: 16px !important; 7350 } 7351} 7352@keyframes _ngcontent-%COMP%_expander { 7353 from { 7354 transform: scale(1); 7355 } 7356 50% { 7357 transform: scale(1.1); 7358 } 7359 100% { 7360 transform: scale(1.2); 7361 } 7362} 7363@-webkit-keyframes _ngcontent-%COMP%_slide { 7364 100% { 7365 left: -55px; 7366 } 7367} 7368@keyframes _ngcontent-%COMP%_slide { 7369 100% { 7370 left: -55px; 7371 } 7372} 7373@-webkit-keyframes _ngcontent-%COMP%_slideDrawer { 7374 0% { 7375 left: -245px; 7376 } 7377 100% { 7378 left: 0; 7379 } 7380} 7381@keyframes _ngcontent-%COMP%_slideDrawer { 7382 0% { 7383 left: -245px; 7384 } 7385 100% { 7386 left: 0; 7387 } 7388} 7389@-webkit-keyframes _ngcontent-%COMP%_slideBox { 7390 0% { 7391 left: -600px; 7392 } 7393 100% { 7394 left: 0px; 7395 } 7396} 7397@keyframes _ngcontent-%COMP%_slideBox { 7398 0% { 7399 left: -600px; 7400 } 7401 100% { 7402 left: 0px; 7403 } 7404} 7405.menu-items-grid[_ngcontent-%COMP%] .control-item[_ngcontent-%COMP%]:hover img[_ngcontent-%COMP%] { 7406 transform: scale(1.2); 7407} 7408@keyframes _ngcontent-%COMP%_slideUp { 7409 0% { 7410 transform: translate3d(0, 20px, 0); 7411 opacity: 0; 7412 } 7413 50% { 7414 transform: translate3d(0, 10px, 0); 7415 opacity: 0.5; 7416 } 7417 100% { 7418 transform: translate3d(0, 0px, 0); 7419 opacity: 1; 7420 } 7421} 7422@keyframes _ngcontent-%COMP%_fadein { 7423 from { 7424 opacity: 0; 7425 } 7426 to { 7427 opacity: 1; 7428 } 7429} 7430.gray-BG[_ngcontent-%COMP%] { 7431 background-color: #babcc1 !important; 7432} 7433.midnight-express-BG[_ngcontent-%COMP%] { 7434 background-color: #242637; 7435} 7436.black-russian[_ngcontent-%COMP%] { 7437 background-color: #0b0b1a !important; 7438} 7439.baby-blue-BG[_ngcontent-%COMP%] { 7440 background-color: #6fffed !important; 7441} 7442.slate-blue-BG[_ngcontent-%COMP%] { 7443 background-color: #5e5cde !important; 7444} 7445.dark-orange-BG[_ngcontent-%COMP%] { 7446 background-color: #ff9300 !important; 7447} 7448.dodger-blue[_ngcontent-%COMP%] { 7449 background-color: #0a84ff !important; 7450} 7451.medium-orchid-BG[_ngcontent-%COMP%] { 7452 background-color: #bf5af2 !important; 7453} 7454.rich-lilac-BG[_ngcontent-%COMP%] { 7455 background-color: #b260ea; 7456} 7457.comet-BG[_ngcontent-%COMP%] { 7458 background-color: #5e5f71; 7459} 7460.gamboge-BG[_ngcontent-%COMP%] { 7461 background-color: #e68f09; 7462} 7463.blur[_ngcontent-%COMP%] { 7464 -webkit-filter: blur(8px); 7465 -moz-filter: blur(8px); 7466 -o-filter: blur(8px); 7467 -ms-filter: blur(8px); 7468 filter: blur(8px); 7469} 7470.blue-shade2-border[_ngcontent-%COMP%] { 7471 border: solid 2px #43445e !important; 7472} 7473.baby-blue-border[_ngcontent-%COMP%] { 7474 border: solid 1px #6fffed !important; 7475} 7476.dark-orange-border[_ngcontent-%COMP%] { 7477 border: solid 1px #ff9300 !important; 7478} 7479.medium-orchid-border[_ngcontent-%COMP%] { 7480 border: solid 1px #bf5af2 !important; 7481} 7482.dodger-blue-shade2-border[_ngcontent-%COMP%] { 7483 border: solid 1px #0a84ff !important; 7484} 7485.white-smoke-border[_ngcontent-%COMP%] { 7486 border: solid 1px #f5f5f5 !important; 7487} 7488.red-border[_ngcontent-%COMP%] { 7489 border: solid 1px #ff0100 !important; 7490} 7491.black-russian-border[_ngcontent-%COMP%] { 7492 border: solid 1ps #0b0b1a; 7493} 7494.border-red[_ngcontent-%COMP%] { 7495 border: solid 1px #ff0100 !important; 7496} 7497.border-sunsetOrange[_ngcontent-%COMP%] { 7498 border: 1px solid #ff4d4d !important; 7499} 7500.border-grayLight[_ngcontent-%COMP%] { 7501 border: solid 2px #2F3450 !important; 7502} 7503.blueshadeThreeText[_ngcontent-%COMP%] { 7504 color: #81cffa; 7505} 7506.richlilacText[_ngcontent-%COMP%] { 7507 color: #b260ea !important; 7508} 7509.slateBlueText[_ngcontent-%COMP%] { 7510 color: #5e5cde !important; 7511} 7512.slateText[_ngcontent-%COMP%] { 7513 color: #5c5d7a !important; 7514} 7515.babyBlueText[_ngcontent-%COMP%] { 7516 color: #6fffed !important; 7517} 7518.darkOrangeText[_ngcontent-%COMP%] { 7519 color: #ff9300 !important; 7520} 7521.freshYellowText[_ngcontent-%COMP%] { 7522 color: #ffd60a; 7523} 7524.brightPeachText[_ngcontent-%COMP%] { 7525 color: #f96f6f; 7526} 7527.mediumOrchidText[_ngcontent-%COMP%] { 7528 color: #bf5af2 !important; 7529} 7530.black-russian-Text[_ngcontent-%COMP%] { 7531 color: #0b0b1a !important; 7532} 7533.dodgerBlueShadeText[_ngcontent-%COMP%] { 7534 color: #0a84ff !important; 7535} 7536.orangyRedText[_ngcontent-%COMP%] { 7537 color: #ff453a; 7538} 7539.whiteText[_ngcontent-%COMP%] { 7540 color: #f5f5f5 !important; 7541} 7542.pureWhiteText[_ngcontent-%COMP%] { 7543 color: #fff !important; 7544} 7545.comitText[_ngcontent-%COMP%] { 7546 color: #5e5f71 !important; 7547} 7548.carnationText[_ngcontent-%COMP%] { 7549 color: #ff6f90; 7550} 7551.redText[_ngcontent-%COMP%] { 7552 color: #ff0100 !important; 7553} 7554.LavenderBlueText[_ngcontent-%COMP%] { 7555 color: #c2c7f2 !important; 7556} 7557.orangePeelText[_ngcontent-%COMP%] { 7558 color: #ff9300 !important; 7559} 7560.greenText[_ngcontent-%COMP%] { 7561 color: #32d74b; 7562} 7563.sunsetOrangeText[_ngcontent-%COMP%] { 7564 color: #ff4d4d !important; 7565} 7566.grayText[_ngcontent-%COMP%] { 7567 color: #babcc1; 7568} 7569.lighterPurpleText[_ngcontent-%COMP%] { 7570 color: #bd58f0; 7571} 7572.whiteColorText[_ngcontent-%COMP%] { 7573 color: #ffffff !important; 7574} 7575.mangoManiaText[_ngcontent-%COMP%] { 7576 color: #fec20e !important; 7577} 7578.promotionalTextColor[_ngcontent-%COMP%] { 7579 color: #EA60A2 !important; 7580} 7581.center-text[_ngcontent-%COMP%] { 7582 text-align: center !important; 7583} 7584.leftText[_ngcontent-%COMP%] { 7585 text-align: left !important; 7586} 7587.rightText[_ngcontent-%COMP%] { 7588 text-align: right; 7589} 7590.floatRight[_ngcontent-%COMP%] { 7591 float: right; 7592} 7593.floatLeft[_ngcontent-%COMP%] { 7594 float: left; 7595} 7596.clearfix[_ngcontent-%COMP%] { 7597 clear: both; 7598} 7599.dNone[_ngcontent-%COMP%] { 7600 display: none !important; 7601} 7602.dBlock[_ngcontent-%COMP%] { 7603 display: block !important; 7604} 7605.dInlineBlock[_ngcontent-%COMP%] { 7606 display: inline-block !important; 7607} 7608.dInline[_ngcontent-%COMP%] { 7609 display: inline !important; 7610} 7611.dFlex[_ngcontent-%COMP%] { 7612 display: flex; 7613} 7614.dFlexColumn[_ngcontent-%COMP%] { 7615 display: flex; 7616 flex-direction: column; 7617} 7618.dFlexRow[_ngcontent-%COMP%] { 7619 display: flex; 7620 flex-direction: row; 7621} 7622.dFlex-with-center[_ngcontent-%COMP%] { 7623 display: flex; 7624 align-items: center; 7625} 7626.dFlex-with-col-center[_ngcontent-%COMP%] { 7627 display: flex; 7628 flex-flow: column; 7629 align-items: center; 7630} 7631.clickable[_ngcontent-%COMP%] { 7632 cursor: pointer; 7633} 7634.text-direction-vertical[_ngcontent-%COMP%] { 7635 writing-mode: vertical-rl; 7636 transform: rotate(180deg); 7637} 7638.ellipsis[_ngcontent-%COMP%] { 7639 overflow: hidden; 7640 white-space: nowrap; 7641 text-overflow: ellipsis; 7642} 7643.capital-text[_ngcontent-%COMP%] { 7644 text-transform: uppercase; 7645} 7646.disableDiv[_ngcontent-%COMP%] { 7647 pointer-events: none; 7648} 7649.margin-top-10[_ngcontent-%COMP%] { 7650 margin-top: 10px; 7651} 7652.margin-top-15[_ngcontent-%COMP%] { 7653 margin-top: 15px; 7654} 7655.margin-top-20[_ngcontent-%COMP%] { 7656 margin-top: 20px; 7657} 7658.margin-top-30[_ngcontent-%COMP%] { 7659 margin-top: 30px; 7660} 7661.margin-top-0[_ngcontent-%COMP%] { 7662 margin-top: 0px !important; 7663} 7664.shadow[_ngcontent-%COMP%] { 7665 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 7666 -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 7667 -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 7668} 7669.sahdow-right-bottom-black[_ngcontent-%COMP%] { 7670 box-shadow: 5px 5px 5px black; 7671 -webkit-box-shadow: 5px 5px 5px black; 7672 -moz-box-shadow: 5px 5px 5px black; 7673} 7674.filter-drop-shadow[_ngcontent-%COMP%] { 7675 -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 7676 -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 7677 -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 7678 -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 7679 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 7680} 7681.organgePeelText[_ngcontent-%COMP%] { 7682 color: #ff9300; 7683} 7684.organgePeelText[_ngcontent-%COMP%] { 7685 color: #ff9300; 7686} 7687.sunsetOrangeText[_ngcontent-%COMP%] { 7688 color: #ff4d4d; 7689} 7690ngx-image-cropper[_ngcontent-%COMP%] { 7691 background: #1e1e2c !important; 7692} 7693ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:not(.ngx-ic-canvas) { 7694 background: #1e1e2c !important; 7695 opacity: 0 !important; 7696} 7697ngx-image-cropper[_ngcontent-%COMP%] .ngx-ic-canvas[_ngcontent-%COMP%] { 7698 background: transparent !important; 7699} 7700image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus, ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus { 7701 outline: none !important; 7702} 7703image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%], ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%] { 7704 border: none !important; 7705 box-shadow: none !important; 7706} 7707.ticket-heading[_ngcontent-%COMP%] { 7708 font-family: "STENCILAND"; 7709 font-size: 0.875rem; 7710 font-style: normal; 7711 line-height: 1.21; 7712 text-align: center; 7713 text-transform: uppercase; 7714 margin: 10px 0px 3px 0px; 7715} 7716.ticket-heading.baby-blue[_ngcontent-%COMP%] { 7717 color: #6fffed; 7718 letter-spacing: 0.28px; 7719} 7720.ticket-heading.slate-blue[_ngcontent-%COMP%] { 7721 color: #5e5cde; 7722 letter-spacing: 0.28px; 7723} 7724.ticket-heading.dark-orange[_ngcontent-%COMP%] { 7725 color: #ff9300; 7726 letter-spacing: 0.28px; 7727} 7728.ticket-heading.orange[_ngcontent-%COMP%] { 7729 letter-spacing: 2px; 7730 color: #ff9300; 7731} 7732.ticket-heading[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 7733 font-family: "GilroySemiBold"; 7734 font-size: 1rem; 7735 line-height: 1.06; 7736 letter-spacing: normal; 7737} 7738.navBottomSpace[_ngcontent-%COMP%] { 7739 height: 4.375rem; 7740} 7741.submenuNavSpace[_ngcontent-%COMP%] { 7742 width: 73px; 7743} 7744.secondary-text[_ngcontent-%COMP%] { 7745 color: #babcc1; 7746 font-family: "GilroyMedium"; 7747 font-size: 0.875rem; 7748} 7749.user-profile-subheading[_ngcontent-%COMP%] { 7750 color: #f5f5f5; 7751 font-family: "GilroyMedium"; 7752 font-size: 1.5rem; 7753 font-style: normal; 7754 line-height: normal; 7755 letter-spacing: normal; 7756 text-align: left; 7757} 7758.p-inputtext[_ngcontent-%COMP%]:focus { 7759 border: 1px solid #6fffed !important; 7760 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4) !important; 7761} 7762.wizard-component-title[_ngcontent-%COMP%] { 7763 margin: 50px 0px; 7764 font-family: "GilroyMedium"; 7765 font-size: 1.5rem; 7766 color: #f5f5f5; 7767 font-style: normal; 7768 line-height: 1.17; 7769 letter-spacing: normal; 7770 text-align: left; 7771} 7772.collegeEvent-wizardTiltle[_ngcontent-%COMP%] { 7773 margin: 50px 0px; 7774 font-family: "GilroySemiBold"; 7775 font-size: 1.75rem; 7776 color: #f5f5f5; 7777 font-style: normal; 7778 line-height: 1.17; 7779 letter-spacing: normal; 7780 text-align: left; 7781} 7782.wizard-component-subTitle[_ngcontent-%COMP%] { 7783 margin: 0px 0px 50px; 7784 color: #ff9300; 7785 font-size: 1rem; 7786 font-family: "GilroyMedium"; 7787 line-height: 1.29; 7788 text-align: left; 7789 letter-spacing: normal; 7790 font-style: normal; 7791} 7792.resizeImageText[_ngcontent-%COMP%] { 7793 color: #c2c7f2 !important; 7794 margin-top: 31px; 7795 margin-left: 251px; 7796 display: block; 7797 font-size: 0.875rem; 7798} 7799table[_ngcontent-%COMP%] { 7800 width: 100%; 7801} 7802.GuestTable-Data[_ngcontent-%COMP%] td[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 7803 width: 34px; 7804 height: 34px; 7805 margin: 15px 10.4px 18px 0px; 7806} 7807th[_ngcontent-%COMP%] { 7808 font-family: "GilroyBold"; 7809 font-size: 1rem; 7810 font-style: normal; 7811 line-height: 1.29; 7812 letter-spacing: normal; 7813 color: #f5f5f5; 7814 padding: 23px 0px 24.2px 0px; 7815} 7816td[_ngcontent-%COMP%] { 7817 font-family: "GilroyMedium"; 7818 font-size: 1rem; 7819 font-style: normal; 7820 line-height: 1.29; 7821 letter-spacing: normal; 7822 color: #f5f5f5; 7823} 7824.button[_ngcontent-%COMP%] { 7825 width: 200px; 7826 height: 45px; 7827 margin-top: 45.1px; 7828 border-radius: 10px; 7829 font-family: "GilroyBold"; 7830 border: solid 1px #272b3f; 7831 background-color: #ff9300; 7832 font-size: 1rem; 7833 font-style: normal; 7834 line-height: 1.25; 7835 letter-spacing: normal; 7836 text-align: center; 7837 color: #1e1e2c; 7838 margin-top: 39px; 7839 transform: scale(1); 7840 transition: transform 0.3s ease-in-out; 7841} 7842.btn-primary[_ngcontent-%COMP%] { 7843 color: #fff; 7844 background-color: #1b6ec2; 7845 border-color: #1861ac; 7846} 7847.button-Event[_ngcontent-%COMP%] { 7848 background-color: #1a1b2c; 7849 border-radius: 50px; 7850 height: 45px; 7851 border: 2px solid #6fffed; 7852 color: #6fffed; 7853 font-family: "GilroySemiBold"; 7854 padding-left: 33px; 7855 padding-right: 33px; 7856 font-size: 1.125rem; 7857 text-align: center; 7858 text-decoration: none; 7859 transform: scale(1); 7860 transition: transform 0.3s ease-in; 7861} 7862.button-Event[_ngcontent-%COMP%]:hover {
7863 cursor: pointer; 7864 transform: scale(1.05); 7865 transition: transform 0.3s ease-in; 7866} 7867.loadingOpacity[_ngcontent-%COMP%] { 7868 background: rgba(111, 255, 237, 0.2) !important; 7869 border: none !important; 7870} 7871.Loadingbutton_Text[_ngcontent-%COMP%] { 7872 position: relative !important; 7873 color: #1e1e2c !important; 7874 display: block; 7875} 7876.disablelitButton[_ngcontent-%COMP%] { 7877 background-color: #282c40; 7878 border: 2px solid #282c40; 7879 border-radius: 50px; 7880 height: 45px; 7881 color: #6fffed; 7882 font-family: "GilroySemiBold"; 7883 font-size: 1.125rem; 7884 padding-left: 33px; 7885 padding-right: 33px; 7886 text-align: center; 7887 text-decoration: none; 7888 cursor: pointer; 7889 transform: scale(1); 7890 transition: transform 0.3s ease-in-out; 7891} 7892.simpleButton[_ngcontent-%COMP%] { 7893 background-color: #242637; 7894 border-radius: 50px; 7895 height: 45px; 7896 border: 1px solid #f5f5f5; 7897 color: #babcc1; 7898 font-family: "GilroyMedium"; 7899 padding-left: 33px; 7900 font-size: 1rem; 7901 padding-right: 33px; 7902 text-align: center; 7903 text-decoration: none; 7904 cursor: pointer; 7905} 7906.disableButton[_ngcontent-%COMP%] { 7907 background-color: #242637; 7908 border-radius: 50px; 7909 height: 45px; 7910 border: 1px solid #1e1e2c; 7911 color: #1e1e2c; 7912 font-family: "GilroyMedium"; 7913 font-size: 1.125rem; 7914 padding-left: 33px; 7915 padding-right: 33px; 7916 text-align: center; 7917 text-decoration: none; 7918 cursor: pointer; 7919} 7920.disableButton.new[_ngcontent-%COMP%] { 7921 width: 160px; 7922 height: 44px; 7923 padding: 8px 16px; 7924 font-size: 1rem; 7925 border: none; 7926 font-family: "GilroyBold"; 7927 border-radius: 10px; 7928 pointer-events: none !important; 7929} 7930.disabledButton[_ngcontent-%COMP%] { 7931 background-color: #242637; 7932 border-radius: 50px; 7933 height: 45px; 7934 border: 2px solid #1e1e2c; 7935 color: #1e1e2c; 7936 font-family: "GilroySemiBold"; 7937 font-size: 1.125rem; 7938 text-decoration: none; 7939} 7940.save-draft[_ngcontent-%COMP%] { 7941 color: #c2c7f2; 7942 background: #232638; 7943 border: 1px solid #232638; 7944 height: 40px; 7945 text-align: center; 7946 outline: none; 7947 border-radius: 50px; 7948 font-size: 0.875rem; 7949 font-family: "GilroySemiBold"; 7950 padding: 12px 0px; 7951 cursor: pointer; 7952 display: flex; 7953 align-items: center !important; 7954 justify-content: center !important; 7955 -webkit-align-items: center; 7956 -webkit-justify-content: center; 7957 position: relative; 7958} 7959.save-draft.draft-progress[_ngcontent-%COMP%] { 7960 position: absolute !important; 7961 height: 100% !important; 7962 top: 0; 7963 left: 0; 7964 background-color: #c2c7f2 !important; 7965 color: #232638 !important; 7966 transition: width 0.3s; 7967 border-radius: 10px; 7968 border: none !important; 7969} 7970.glowButton[_ngcontent-%COMP%] { 7971 background-color: #1e1e2c; 7972 border: 1px solid #6fffed; 7973 color: #6fffed; 7974 height: 40px; 7975 text-align: center; 7976 outline: none; 7977 border-radius: 50px; 7978 font-size: 0.875rem; 7979 font-family: "GilroySemiBold"; 7980 padding: 12px 0px; 7981 cursor: pointer; 7982 display: flex; 7983 align-items: center !important; 7984 justify-content: center !important; 7985 -webkit-align-items: center; 7986 -webkit-justify-content: center; 7987 position: relative; 7988} 7989.glowButton.button_progress[_ngcontent-%COMP%] { 7990 position: absolute !important; 7991 height: 100% !important; 7992 top: 0; 7993 left: 0; 7994 background-color: #6fffed !important; 7995 transition: width 0.3s; 7996 border-radius: 10px; 7997 border: none !important; 7998} 7999.cancelButton[_ngcontent-%COMP%] { 8000 background-color: #232638; 8001 border: none; 8002 color: #fff; 8003 height: 40px; 8004 text-align: center; 8005 outline: none; 8006 border-radius: 10px; 8007 font-size: 1rem; 8008 font-family: "GilroySemiBold"; 8009 padding: 12px 0px; 8010 cursor: pointer; 8011 display: flex; 8012 align-items: center !important; 8013 justify-content: center !important; 8014 -webkit-align-items: center; 8015 -webkit-justify-content: center; 8016 position: relative; 8017} 8018.cancelButton.button_progress[_ngcontent-%COMP%] { 8019 position: absolute !important; 8020 height: 100% !important; 8021 top: 0; 8022 left: 0; 8023 background-color: #6fffed !important; 8024 transition: width 0.3s; 8025 border-radius: 10px; 8026 border: none !important; 8027} 8028.Input-Field[_ngcontent-%COMP%] { 8029 margin: 11px 0px; 8030 padding: 11px 0px 13px 18px; 8031 font-family: "GilroyMedium"; 8032 border-radius: 50px; 8033 width: 272px; 8034 height: 40px; 8035 color: #f5f5f5; 8036 font-size: 1rem; 8037 line-height: 1.14; 8038 background-color: #242637; 8039 border: 1px solid #f5f5f5; 8040} 8041.Input-Field[_ngcontent-%COMP%]:focus, .Text-Field[_ngcontent-%COMP%]:focus { 8042 border: 1px solid #6fffed; 8043 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 8044} 8045.Text-Field[_ngcontent-%COMP%] { 8046 padding: 11px 0px 13px 18px; 8047 color: #f5f5f5; 8048 font-size: 1rem; 8049 line-height: 1.14; 8050 font-family: "GilroyMedium"; 8051 border-radius: 15px; 8052 background-color: #242637; 8053 border: 1px solid #f5f5f5; 8054 height: 118px; 8055 min-height: 118px; 8056} 8057input[_ngcontent-%COMP%]:focus { 8058 border: none; 8059 outline: none; 8060} 8061*[_ngcontent-%COMP%]:focus { 8062 outline: none !important; 8063} 8064.custom-Label[_ngcontent-%COMP%] { 8065 font-family: "GilroyMedium"; 8066 font-size: 0.875rem; 8067 color: #babcc1; 8068} 8069.checkBoxEnable[_ngcontent-%COMP%] { 8070 border: 2px solid #6fffed; 8071 border-radius: 4px; 8072 width: 31px; 8073 height: 38px; 8074 outline: none !important; 8075 background-color: rgba(111, 255, 237, 0.1); 8076} 8077.checkBoxDisabled[_ngcontent-%COMP%] { 8078 border: solid 2px #676d9e; 8079 border-radius: 4px; 8080 width: 31px; 8081 height: 38px; 8082 outline: none !important; 8083} 8084.checkbox-custom[_ngcontent-%COMP%] { 8085 -webkit-appearance: none; 8086 -moz-appearance: none !important; 8087 appearance: none; 8088 cursor: pointer !important; 8089 width: 31px; 8090 height: 38px; 8091 margin-left: 0px; 8092 padding: 0px; 8093 outline: none !important; 8094} 8095.tbl-line[_ngcontent-%COMP%] { 8096 border-bottom: 3px solid #383759; 8097 width: 100%; 8098} 8099.checkbox-custom[_ngcontent-%COMP%]:checked { 8100 content: ""; 8101 width: 18px; 8102 height: 10px; 8103 background: rgba(0, 0, 0, 0); 8104 border: 2px solid #6fffed; 8105 -webkit-transform: rotate(-45deg); 8106 -moz-transform: rotate(-45deg); 8107 -o-transform: rotate(-45deg); 8108 -ms-transform: rotate(-45deg); 8109 transform: rotate(-45deg); 8110 margin-left: 5px; 8111 margin-bottom: -1px; 8112 outline: none !important; 8113 box-shadow: none !important; 8114 border-top: none !important;
8115 border-right: none !important; 8116 -webkit-appearance: none !important; 8117 -moz-appearance: none !important; 8118 appearance: none !important; 8119} 8120.textLit[_ngcontent-%COMP%] { 8121 width: 25px; 8122 height: 19px; 8123 margin-top: 8px; 8124 margin-left: 12px; 8125 font-family: "GilroySemiBold"; 8126 font-size: 1rem; 8127 line-height: 1.19; 8128 color: #6fffed; 8129} 8130.textNotLit[_ngcontent-%COMP%] { 8131 width: 25px; 8132 height: 19px; 8133 margin-top: 8px; 8134 margin-left: 12px; 8135 font-family: "GilroySemiBold"; 8136 font-size: 1rem; 8137 line-height: 1.19; 8138 color: #676d9e; 8139} 8140[_ngcontent-%COMP%]::placeholder { 8141 color: rgba(255, 255, 255, 0.2); 8142 font-size: 0.875rem; 8143 font-family: "GilroyMedium"; 8144} 8145.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label[_ngcontent-%COMP%] { 8146 text-align: left; 8147 margin-top: 29px; 8148} 8149.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label-qm[_ngcontent-%COMP%] { 8150 text-align: left; 8151 margin-top: 20px; 8152} 8153.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 8154 width: 578px; 8155 border: solid 1px #f5f5f5; 8156} 8157.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Small-Input-Field[_ngcontent-%COMP%] { 8158 width: 114px; 8159 height: 40px; 8160} 8161.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 8162 width: 578px; 8163 margin-top: 11px; 8164 margin-bottom: 11px; 8165} 8166.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 8167 display: flex; 8168 flex-direction: row; 8169 justify-content: space-between; 8170 width: 578px; 8171} 8172.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 8173 width: 272px !important; 8174} 8175.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus { 8176 border: none; 8177 outline: none; 8178} 8179.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:-webkit-autofill { 8180 -webkit-box-shadow: 0 0 0 30px #242637 inset !important; 8181 box-shadow: 0 0 0 30px #242637 inset !important; 8182} 8183.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%]:focus, .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%]:focus { 8184 border: 1px solid #6fffed; 8185} 8186.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .checkbox-custom[_ngcontent-%COMP%]:checked { 8187 content: ""; 8188 width: 18px; 8189 height: 10px; 8190 background: rgba(0, 0, 0, 0); 8191 border: 2px solid #6fffed; 8192 border-top: none !important; 8193 border-right: none !important; 8194 -webkit-transform: rotate(-45deg); 8195 -moz-transform: rotate(-45deg); 8196 -o-transform: rotate(-45deg); 8197 -ms-transform: rotate(-45deg); 8198 transform: rotate(-45deg); 8199 margin-left: 5px; 8200 margin-bottom: -3px; 8201 outline: none !important; 8202 box-shadow: none !important; 8203 -webkit-appearance: none !important; 8204 -moz-appearance: none !important; 8205 appearance: none !important; 8206} 8207.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .danger[_ngcontent-%COMP%] { 8208 font-size: 0.875rem; 8209 color: #ff4d4d; 8210 font-family: "GilroyRegular"; 8211} 8212.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .label-danger[_ngcontent-%COMP%] { 8213 color: #ff4d4d !important; 8214} 8215input[_ngcontent-%COMP%]:-webkit-autofill:focus, input[_ngcontent-%COMP%]:-webkit-autofill:active { 8216 -webkit-box-shadow: 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 8217 box-shadow: 0 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 8218 border-color: #6fffed !important; 8219 border: 1px solid #6fffed !important; 8220} 8221input[_ngcontent-%COMP%]:-webkit-autofill { 8222 box-shadow: 0 0 0 30px #242637 inset !important; 8223} 8224input[_ngcontent-%COMP%]:-webkit-autofill { 8225 -webkit-text-fill-color: #fff !important; 8226 caret-color: #2f3450 !important; 8227} 8228input[type=range][_ngcontent-%COMP%]:focus { 8229 border: none !important; 8230 box-shadow: none !important; 8231} 8232.danger[_ngcontent-%COMP%] { 8233 font-size: 0.875rem; 8234 color: #ff4d4d; 8235 font-family: "GilroyRegular"; 8236} 8237.label-danger[_ngcontent-%COMP%] { 8238 color: #ff4d4d !important; 8239} 8240.is-invalid[_ngcontent-%COMP%] { 8241 border: 1px solid #ff4d4d !important; 8242 border-color: #ff4d4d !important; 8243} 8244input[type=number].ng-touched.ng-invalid[_ngcontent-%COMP%], input[type=text].ng-touched.ng-invalid[_ngcontent-%COMP%] { 8245 border: 1px solid #ff4d4d !important; 8246 border-color: #ff4d4d !important; 8247} 8248textarea.ng-touched.ng-invalid[_ngcontent-%COMP%] { 8249 border: 1px solid #ff4d4d !important; 8250 border-color: #ff4d4d !important; 8251} 8252.blur[_ngcontent-%COMP%] { 8253 -webkit-filter: blur(8px); 8254 -moz-filter: blur(8px); 8255 -o-filter: blur(8px); 8256 -ms-filter: blur(8px); 8257 filter: blur(8px); 8258} 8259.notBlur[_ngcontent-%COMP%] { 8260 -webkit-filter: blur(0px); 8261 -moz-filter: blur(0px); 8262 -o-filter: blur(0px); 8263 -ms-filter: blur(0px); 8264 filter: blur(0px); 8265} 8266.stickyElement[_ngcontent-%COMP%] { 8267 position: -webkit-sticky; 8268 position: sticky; 8269 top: 0; 8270 z-index: 999; 8271} 8272.event-status[_ngcontent-%COMP%] { 8273 font-family: "GilroyBold"; 8274 padding: 0 15px 17px 0; 8275 border-bottom-right-radius: 10px !important; 8276 border-top-left-radius: 5px; 8277 line-height: normal; 8278 letter-spacing: normal; 8279 text-align: left; 8280 display: flex; 8281 flex-direction: column; 8282 justify-content: center; 8283 font-size: 0.875rem; 8284 line-height: 1.21; 8285 color: #f5f5f5; 8286 text-transform: uppercase; 8287} 8288.event-status.unpublished[_ngcontent-%COMP%] { 8289 padding: 0px 16px; 8290 -webkit-backdrop-filter: blur(50px); 8291 backdrop-filter: blur(50px); 8292 background-color: rgba(30, 30, 44, 0.65); 8293 width: 122px; 8294 height: 44px; 8295 color: #f5f5f5; 8296} 8297.event-status.tickets_gone[_ngcontent-%COMP%] { 8298 padding: 0px 16px; 8299 -webkit-backdrop-filter: blur(50px); 8300 backdrop-filter: blur(50px); 8301 background-color: rgba(29, 204, 184, 0.65); 8302 width: 145px; 8303 height: 44px; 8304} 8305.event-status.event_over[_ngcontent-%COMP%] { 8306 padding: 0px 16px; 8307 -webkit-backdrop-filter: blur(50px); 8308 backdrop-filter: blur(50px); 8309 background-color: rgba(255, 77, 77, 0.65); 8310 width: 120px; 8311 height: 44px; 8312} 8313.event-status.going_free_or_free_ticket_event[_ngcontent-%COMP%] { 8314 width: 150px; 8315 height: 44px; 8316 padding: 0px 16px; 8317 -webkit-backdrop-filter: blur(50px); 8318 backdrop-filter: blur(50px); 8319 background-color: rgba(94, 92, 222, 0.65); 8320} 8321.event-status.going_pay_at_door_event[_ngcontent-%COMP%] { 8322 width: 150px; 8323 height: 44px; 8324 padding: 0px 16px; 8325 -webkit-backdrop-filter: blur(50px); 8326 backdrop-filter: blur(50px); 8327 background-color: rgba(255, 147, 0, 0.65); 8328} 8329.event-status.ticket_sold_event[_ngcontent-%COMP%], .event-status.active[_ngcontent-%COMP%] { 8330 width: 122px; 8331 max-width: 252px; 8332 height: 44px; 8333 padding: 0px 16px; 8334 -webkit-backdrop-filter: blur(50px); 8335 backdrop-filter: blur(50px); 8336 background-color: rgba(29, 204, 184, 0.65); 8337} 8338.event-status.ticket_sold_event[_ngcontent-%COMP%] { 8339 width: 154px; 8340 max-width: 252px; 8341 height: 44px; 8342 padding: 0px 16px; 8343 -webkit-backdrop-filter: blur(50px); 8344 backdrop-filter: blur(50px); 8345 background-color: rgba(29, 204, 184, 0.65); 8346} 8347.event-status.eventCancelled[_ngcontent-%COMP%], .event-status.cancelled[_ngcontent-%COMP%] { 8348 padding: 0px 16px; 8349 color: #ff4d4d; 8350 width: 154px; 8351 height: 44px; 8352 -webkit-backdrop-filter: blur(50px); 8353 backdrop-filter: blur(50px); 8354 background-color: rgba(30, 30, 44, 0.65); 8355} 8356.event-status.ended[_ngcontent-%COMP%], .event-status.drawover[_ngcontent-%COMP%] { 8357 width: 112px; 8358 height: 44px; 8359 padding: 0px 15px; 8360 -webkit-backdrop-filter: blur(50px); 8361 backdrop-filter: blur(50px); 8362 background-color: rgba(255, 77, 77, 0.65); 8363} 8364.event-status.allused[_ngcontent-%COMP%] { 8365 width: 106px; 8366 height: 44px; 8367 padding: 0px 16px; 8368 -webkit-backdrop-filter: blur(50px); 8369 backdrop-filter: blur(50px); 8370 background-color: rgba(255, 147, 0, 0.3); 8371} 8372.event-details[_ngcontent-%COMP%] { 8373 width: 225px; 8374 margin: auto; 8375 position: absolute; 8376 text-align: center; 8377 z-index: 999; 8378 font-style: normal; 8379 line-height: normal; 8380 letter-spacing: normal; 8381 text-align: left; 8382 margin-left: 11px; 8383 bottom: 0px; 8384} 8385.event-details[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] { 8386 font-family: "GilroySemiBold"; 8387 font-size: 1.25rem; 8388 color: #f5f5f5; 8389 margin: 26px 0px 3px 0px; 8390 width: 224px; 8391 text-transform: capitalize; 8392 overflow: hidden; 8393} 8394.event-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 8395 font-family: "GilroySemiBold"; 8396 font-size: 0.875rem; 8397 float: left; 8398 margin-top: 0px; 8399 color: #babcc1; 8400} 8401.event-details[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 8402 font-size: 1.375rem !important; 8403 margin-top: -3px; 8404 float: right; 8405 color: #fff; 8406 cursor: pointer; 8407} 8408.disableLinks[_ngcontent-%COMP%] { 8409 opacity: 0.3; 8410 pointer-events: none !important; 8411} 8412.hover-Element[_ngcontent-%COMP%] { 8413 transform: scale(1); 8414 transition: transform 0.3s ease-in-out; 8415} 8416.hover-Element[_ngcontent-%COMP%]:hover { 8417 transform: scale(1.1) !important; 8418 transition: transform 0.3s ease-in-out !important; 8419} 8420@media (min-width: 768px) and (max-width: 1024px) { 8421 .vl[_ngcontent-%COMP%] { 8422 height: 32px; 8423 } 8424 .header-text[_ngcontent-%COMP%] { 8425 margin-left: 21px; 8426 } 8427 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 8428 display: none; 8429 } 8430 .wizard-container[_ngcontent-%COMP%] { 8431 width: 768px; 8432 min-width: 768px; 8433 justify-content: none; 8434 } 8435 .Profile-Setup[_ngcontent-%COMP%] { 8436 margin-left: 30px; 8437 } 8438 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 8439 width: 262px; 8440 margin-left: 20px; 8441 } 8442 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 8443 width: 551px; 8444 padding-right: 18px; 8445 } 8446 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 8447 width: 0; 8448 gap: 39px; 8449 } 8450 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 8451 width: 256px !important; 8452 } 8453 .wizard-component-title[_ngcontent-%COMP%] { 8454 text-align: left; 8455 margin-left: 22px; 8456 } 8457 .NextButton[_ngcontent-%COMP%] { 8458 width: 509px; 8459 } 8460 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 8461 display: none; 8462 } 8463 .wizard-container[_ngcontent-%COMP%] { 8464 width: 768px; 8465 min-width: 768px; 8466 justify-content: none; 8467 }
8468 .Pop-Up-Container[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 8469 width: auto; 8470 margin: 0px 30px 0px 45px; 8471 } 8472 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] { 8473 padding: 110px 44px 44px; 8474 width: 610px; 8475 } 8476 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] { 8477 width: auto; 8478 } 8479 .newsfeedContainer[_ngcontent-%COMP%] { 8480 justify-content: center; 8481 overflow: scroll; 8482 height: 629px; 8483 } 8484 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] { 8485 width: 560px; 8486 height: 639px; 8487 } 8488 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .topImage[_ngcontent-%COMP%] { 8489 width: 560px; 8490 height: 424px; 8491 } 8492 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .detail[_ngcontent-%COMP%] { 8493 width: auto; 8494 } 8495 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] { 8496 width: 530px; 8497 } 8498 .newsfeedContainer[_ngcontent-%COMP%]::-webkit-scrollbar {
8499 display: none; 8500 } 8501 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 8502 margin-right: -145px; 8503 } 8504 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 8505 width: 70%; 8506 margin-left: 60px; 8507 } 8508 .ImageEditContainer[_ngcontent-%COMP%] { 8509 margin-right: 51px; 8510 } 8511} 8512.label[_ngcontent-%COMP%] { 8513 color: #fff; 8514 font-size: 0.875rem; 8515 font-family: "GilroySemiBold"; 8516 text-transform: uppercase; 8517 line-height: normal; 8518 letter-spacing: normal; 8519 padding: 0px; 8520 margin: 0px; 8521} 8522.label[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 8523 color: #c2c7f2; 8524} 8525.label[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 8526 color: #ff4d4d; 8527 font-size: 0.375rem; 8528 position: relative; 8529 top: -10px; 8530} 8531.formFields[_ngcontent-%COMP%] { 8532 display: flex; 8533 flex-direction: column; 8534 gap: 10px; 8535} 8536.fields[_ngcontent-%COMP%] { 8537 padding: 14px 16px 14px 16px; 8538 border-radius: 14px; 8539 border: solid 1px #2f3450; 8540 background-color: #1e1e2c; 8541 font-size: 1rem; 8542 font-family: "GilroyBold"; 8543 color: #ffffff; 8544 display: flex; 8545 align-items: center; 8546 justify-content: center; 8547 -webkit-align-items: center; 8548 -webkit-justify-content: center; 8549} 8550.fields.inputField[_ngcontent-%COMP%] { 8551 width: 282px; 8552 height: 44px; 8553} 8554.fields.locationVenueField[_ngcontent-%COMP%] { 8555 width: 685px; 8556 height: 44px; 8557} 8558.fields.smallInputField[_ngcontent-%COMP%] { 8559 width: 129px; 8560} 8561.fields.smallInputVatField[_ngcontent-%COMP%] { 8562 width: 178px; 8563} 8564.fields.textField[_ngcontent-%COMP%] { 8565 height: 91px; 8566} 8567.fields[_ngcontent-%COMP%]:focus { 8568 border: 1px solid #6fffed; 8569 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 8570} 8571.errorMsg[_ngcontent-%COMP%] { 8572 font-style: normal; 8573 line-height: normal; 8574 letter-spacing: normal; 8575 font-family: "GilroyRegular"; 8576 font-size: 0.75rem; 8577 color: #ff4d4d; 8578 margin: 0px; 8579} 8580.errorMsg.positionAboslute[_ngcontent-%COMP%] { 8581 position: absolute; 8582 top: 54px; 8583} 8584.errorMsg[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 8585 color: #ff4d4d !important; 8586 font-size: 0.3125rem !important; 8587 position: relative !important; 8588 top: -6px !important; 8589 right: 0px !important; 8590 padding-right: 2px !important; 8591} 8592.checkboxText[_ngcontent-%COMP%] { 8593 font-size: 0.875rem; 8594 font-style: normal; 8595 line-height: normal; 8596 letter-spacing: normal; 8597 font-family: "GilroyMedium"; 8598 color: #f5f5f5; 8599 margin: 0px; 8600} 8601.creationWizardTitle[_ngcontent-%COMP%] { 8602 font-size: 1.5rem; 8603 font-family: "GilroyBold"; 8604 color: #f5f5f5; 8605 text-transform: capitalize; 8606 line-height: 0.92; 8607 font-style: normal; 8608} 8609@media screen and (max-width: 767px) { 8610 .glowButton[_ngcontent-%COMP%] { 8611 height: 34px !important; 8612 border-radius: 8px !important; 8613 font-size: 0.625rem !important; 8614 } 8615 .navBottomSpace[_ngcontent-%COMP%] { 8616 height: 4.375rem; 8617 } 8618 .label[_ngcontent-%COMP%] { 8619 font-size: 0.75rem !important; 8620 } 8621 .creationWizardTitle[_ngcontent-%COMP%] { 8622 font-size: 1.25rem !important; 8623 } 8624 .disableButton.new[_ngcontent-%COMP%], .litButton.new[_ngcontent-%COMP%] { 8625 width: 90px !important; 8626 height: 34px !important; 8627 padding: 11px 6px; 8628 font-size: 0.625rem; 8629 border: none; 8630 font-family: "GilroyBold"; 8631 border-radius: 8px; 8632 } 8633 .fields[_ngcontent-%COMP%] { 8634 padding: 10px 10px 10px 10px !important; 8635 border-radius: 8px !important; 8636 font-size: 0.75rem; 8637 font-family: "GilroyBold"; 8638 } 8639 [_ngcontent-%COMP%]::placeholder { 8640 font-size: 0.75rem !important; 8641 } 8642} 8643.btnTooltip[_ngcontent-%COMP%] { 8644 background-color: transparent !important; 8645 outline: none !important; 8646 margin: 0px !important; 8647 padding: 0px !important; 8648 border: none !important; 8649} 8650.capitalizeText[_ngcontent-%COMP%] { 8651 text-transform: capitalize; 8652} 8653.lowercaseText[_ngcontent-%COMP%] { 8654 text-transform: lowercase; 8655} 8656.switch[_ngcontent-%COMP%] { 8657 position: relative; 8658 display: inline-block; 8659 width: 44px; 8660 height: 29px; 8661 padding: 2.07px 2.27px 3.11px 2.27px; 8662 margin: 0; 8663} 8664.switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%] { 8665 opacity: 0; 8666 width: 0; 8667 height: 0; 8668} 8669.slider[_ngcontent-%COMP%] { 8670 position: absolute; 8671 cursor: pointer; 8672 top: 0; 8673 left: 0; 8674 right: 0; 8675 bottom: 0; 8676 background-color: rgb(92, 93, 122); 8677 -webkit-transition: 0.4s; 8678 transition: 0.4s; 8679} 8680.slider[_ngcontent-%COMP%]:before { 8681 position: absolute; 8682 content: ""; 8683 width: 22.744px; 8684 height: 23.821px; 8685 background-color: #fff; 8686 border-radius: 50px; 8687 left: 2.77px; 8688 right: 2.77px; 8689 bottom: 2.07px; 8690 top: 2.07px; 8691 -webkit-transition: 0.4s; 8692 transition: 0.4s; 8693} 8694input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%] { 8695 background-color: rgb(10, 132, 255); 8696} 8697input[_ngcontent-%COMP%]:focus + .slider[_ngcontent-%COMP%] { 8698 box-shadow: 0 0 1px #2196F3; 8699} 8700input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]:before { 8701 -webkit-transform: translateX(15px); 8702 -ms-transform: translateX(15px); 8703 transform: translateX(15px); 8704} 8705.slider.round[_ngcontent-%COMP%] { 8706 border-radius: 50px; 8707} 8708.slider.round[_ngcontent-%COMP%]:before { 8709 border-radius: 50px; 8710} 8711@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 8712 .positionAboslute[_ngcontent-%COMP%] { 8713 position: absolute; 8714 } 8715} 8716.adminList[_ngcontent-%COMP%] { 8717 display: flex; 8718 justify-content: flex-start; 8719 align-items: flex-start; 8720 flex-direction: column; 8721 gap: 24px; 8722 width: 100%; 8723} 8724.adminList[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%] { 8725 display: flex; 8726 justify-content: space-between; 8727 align-items: center; 8728 flex-direction: row; 8729 width: 100%; 8730}
8731.adminList[_ngcontent-%COMP%] .imageCircle[_ngcontent-%COMP%] { 8732 width: 60px; 8733 height: 60px; 8734 padding: 4px; 8735 border: 2px solid #2f3450; 8736 border-radius: 100px; 8737 display: flex; 8738 justify-content: center; 8739 align-items: center; 8740} 8741.adminList[_ngcontent-%COMP%] .imageCircle[_ngcontent-%COMP%] .imageHolder[_ngcontent-%COMP%] { 8742 width: 52px; 8743 height: 52px; 8744 border-radius: 100px; 8745} 8746.adminList[_ngcontent-%COMP%] .imageCircle[_ngcontent-%COMP%] .imageHolder[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 8747 width: 52px; 8748 height: 52px; 8749 border-radius: 100px; 8750} 8751.adminList[_ngcontent-%COMP%] .superAdminCard[_ngcontent-%COMP%] { 8752 display: flex; 8753 justify-content: flex-start; 8754 align-items: center; 8755 flex-direction: row; 8756 gap: 12px; 8757 width: 100%; 8758 height: 100%; 8759} 8760.adminList[_ngcontent-%COMP%] .superAdminCard[_ngcontent-%COMP%] .titles[_ngcontent-%COMP%] { 8761 display: flex; 8762 justify-content: flex-start; 8763 align-items: flex-start; 8764 flex-direction: column; 8765 gap: 6px; 8766} 8767.adminList[_ngcontent-%COMP%] .superAdminCard[_ngcontent-%COMP%] .titles[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] { 8768 width: auto; 8769 padding: 0; 8770 margin: 0; 8771 font-family: "GilroyBold"; 8772 font-size: 1rem; 8773 color: #ffffff; 8774 font-style: normal; 8775 line-height: normal; 8776 height: 19px; 8777 vertical-align: middle; 8778 text-transform: capitalize; 8779} 8780.adminList[_ngcontent-%COMP%] .superAdminCard[_ngcontent-%COMP%] .titles[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 8781 width: auto; 8782 padding: 0; 8783 margin: 0; 8784 font-family: "GilroyMedium"; 8785 font-size: 0.875rem; 8786 color: #c2c7f2; 8787 font-style: normal; 8788 line-height: normal; 8789 height: 16px; 8790 vertical-align: middle; 8791} 8792.adminList[_ngcontent-%COMP%] .superAdminCard[_ngcontent-%COMP%] .titles[_ngcontent-%COMP%] p.notActive[_ngcontent-%COMP%] { 8793 color: #ff4d4d; 8794} 8795.adminList[_ngcontent-%COMP%] .superAdminCard[_ngcontent-%COMP%] .titles[_ngcontent-%COMP%] p.pending[_ngcontent-%COMP%] { 8796 color: #fec20e; 8797} 8798.adminList[_ngcontent-%COMP%] .superAdminCard[_ngcontent-%COMP%] .titles[_ngcontent-%COMP%] p.decline[_ngcontent-%COMP%] { 8799 color: #ff4d4d; 8800} 8801.adminList[_ngcontent-%COMP%] .superAdminCard[_ngcontent-%COMP%] .titles[_ngcontent-%COMP%] p[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 8802 color: #6fffed; 8803 font-family: "GilroySemiBold"; 8804 padding: 0; 8805 margin: 0; 8806} 8807.adminList[_ngcontent-%COMP%] .superAdminCard[_ngcontent-%COMP%] .titles[_ngcontent-%COMP%] p[_ngcontent-%COMP%] span.notInOrgonize[_ngcontent-%COMP%] { 8808 color: #c2c7f2; 8809} 8810.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] { 8811 width: 30px; 8812 height: 30px; 8813 display: flex; 8814 justify-content: flex-start; 8815 flex-direction: column; 8816 align-items: end; 8817} 8818.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 8819 width: 30px; 8820 height: 30px; 8821 cursor: pointer; 8822} 8823.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] .optionsBox[_ngcontent-%COMP%] { 8824 width: 180px; 8825 height: 100px; 8826 background-color: #1e1e2c; 8827 border: 2px solid #2F3450; 8828 border-radius: 6px; 8829 display: flex; 8830 justify-content: flex-start; 8831 align-items: flex-start; 8832 flex-direction: column; 8833 gap: 16px; 8834 padding: 16px 0 16px 0; 8835 margin-top: 5px; 8836 z-index: 1; 8837} 8838.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] .optionsBox.IsAdmin[_ngcontent-%COMP%] { 8839 width: 212px; 8840 height: 149px; 8841} 8842.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] .optionsBox[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 8843 width: auto; 8844 padding: 0; 8845 margin: 0; 8846 font-family: "GilroySemiBold"; 8847 font-size: 0.875rem; 8848 font-style: normal; 8849 line-height: normal; 8850 height: 17px; 8851 vertical-align: middle; 8852 display: flex; 8853 justify-content: flex-start; 8854 align-items: center; 8855 gap: 10px; 8856 margin-left: 16px; 8857 cursor: pointer; 8858} 8859.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] .optionsBox[_ngcontent-%COMP%] p.enable[_ngcontent-%COMP%] { 8860 color: #45ee5f; 8861} 8862.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] .optionsBox[_ngcontent-%COMP%] p.replaceAdmin[_ngcontent-%COMP%] { 8863 color: #ffffff; 8864} 8865.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] .optionsBox[_ngcontent-%COMP%] p.disable[_ngcontent-%COMP%] { 8866 color: #fec20e;
8867} 8868.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] .optionsBox[_ngcontent-%COMP%] p.remove[_ngcontent-%COMP%] { 8869 color: #ff4d4d; 8870} 8871.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] .optionsBox[_ngcontent-%COMP%] p[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 8872 width: 16px; 8873 height: 18px; 8874} 8875.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] .optionsBox[_ngcontent-%COMP%] p[_ngcontent-%COMP%] img.enable-diable[_ngcontent-%COMP%] { 8876 width: 16px; 8877 height: 19px; 8878} 8879.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] .optionsBox[_ngcontent-%COMP%] p[_ngcontent-%COMP%] img.cancel[_ngcontent-%COMP%] { 8880 width: 18px; 8881 height: 18px; 8882} 8883.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] .optionsBox[_ngcontent-%COMP%] p[_ngcontent-%COMP%] img.replaceAdmin[_ngcontent-%COMP%] { 8884 width: 18px; 8885 height: 17px; 8886} 8887.adminList[_ngcontent-%COMP%] .dropdown[_ngcontent-%COMP%] .optionsBox[_ngcontent-%COMP%] .line[_ngcontent-%COMP%] { 8888 width: 100%; 8889 height: 1px; 8890 border: 1px solid #2F3450; 8891}`]})}}return t})();function yt(t,i){if(t&1){let n=P();M(0),p(1,"app-new-pills",12),m("click",function(){let o=_(n).$implicit,g=d();return C(g.statusChanged(o.value))}),r(),O()}if(t&2){let n=i.$implicit,e=d();a(),c("btnText",n.display)("isActive",e.activePill===n.value)}}function vt(t,i){if(t&1){let n=P();p(0,"app-super-admin-card",15),m("selectedUserId",function(o){_(n);let g=d(3);return C(g.updateActiveAdminsList(o))}),r()}if(t&2){let n=i.$implicit;c("isInvite",!1)("data",n)}}function kt(t,i){if(t&1&&(M(0),b(1,vt,1,2,"app-super-admin-card",14),O()),t&2){let n=d(2);a(),c("ngForOf",n.adminSummary.activeAdmins)}}function zt(t,i){if(t&1&&(M(0),b(1,kt,2,1,"ng-container",13),O()),t&2){let n=d(),e=nn(17);a(),c("ngIf",n.adminSummary.activeAdmins.length>0)("ngIfElse",e)}}function St(t,i){if(t&1){let n=P();p(0,"app-super-admin-card",15),m("selectedUserId",function(o){_(n);let g=d(3);return C(g.updateInActiveAdminsList(o))}),r()}if(t&2){let n=i.$implicit;c("isInvite",!1)("data",n)}}function It(t,i){if(t&1&&(M(0),b(1,St,1,2,"app-super-admin-card",14),O()),t&2){let n=d(2);a(),c("ngForOf",n.adminSummary.inactiveAdmins)}}function Bt(t,i){if(t&1&&(M(0),b(1,It,2,1,"ng-container",13),O()),t&2){let n=d(),e=nn(17);a(),c("ngIf",n.adminSummary.inactiveAdmins.length>0)("ngIfElse",e)}}function At(t,i){if(t&1&&x(0,"app-super-admin-card",17),t&2){let n=i.$implicit;c("isInvite",!0)("data",n)}}function Tt(t,i){if(t&1&&(M(0),b(1,At,1,2,"app-super-admin-card",16),O()),t&2){let n=d(2);a(),c("ngForOf",n.adminSummary.adminInvitations)}}function Gt(t,i){if(t&1&&(M(0),b(1,Tt,2,1,"ng-container",13),O()),t&2){let n=d(),e=nn(17);a(),c("ngIf",n.adminSummary.adminInvitations.length>0)("ngIfElse",e)}}function jt(t,i){if(t&1&&(p(0,"div",18),x(1,"img",19),f(2,"imgURL"),p(3,"h3"),l(4),r()()),t&2){let n=d();a(),c("src",u(2,2,"admin/adminEmpty.svg"),h),a(3),E("No ",n.activePill==="ACTIVE"?"Active":n.activePill==="INACTIVE"?"Inactive":n.activePill==="INVITED"?"Invited":""," Admins ")}}var N=function(t){return t.ACTIVE="ACTIVE",t.INACTIVE="INACTIVE",t.INVITED="INVITED",t}(N||{}),Xn=(()=>{class t{constructor(n,e,o,g,I){this.router=n,this.dialog=e,this.adminService=o,this._snackBar=g,this.pubnubService=I,this.activePill=N.ACTIVE,this.whenEmpty=!1,this.adminSummary=new R,this.noRecordsFound=!1}ngOnInit(){this.getAdminSummary(),this.unsubscribePubnub$=this.pubnubService.liveUpdates.subscribe(n=>{this.adminLiveUpdates(n)})}ngOnChanges(n){n.adminSummary.currentValue&&!n.adminSummary.previousValue()&&this.getAdminSummary()}search(n){if(!n){this.noRecordsFound=!0,this.resetAdmins(),this.noRecordsFound=!1;return}let e=n.toLowerCase();switch(this.activePill){case N.ACTIVE:this.adminSummary.activeAdmins=this.adminSummary.activeAdmins.filter(o=>this.matchAdmin(o,e)),this.noRecordsFound=this.adminSummary.activeAdmins.length===0;break;case N.INACTIVE:this.adminSummary.inactiveAdmins=this.adminSummary.inactiveAdmins.filter(o=>this.matchAdmin(o,e)),this.noRecordsFound=this.adminSummary.inactiveAdmins.length===0;break;case N.INVITED:this.adminSummary.adminInvitations=this.adminSummary.adminInvitations.filter(o=>this.matchAdmin(o,e)),this.noRecordsFound=this.adminSummary.adminInvitations.length===0;break;default:this.noRecordsFound=!1;break}}adminLiveUpdates(n){if(n.message.data){let e=this.adminSummary.adminInvitations.findIndex(o=>o.id===n.message.data.Id);if(e!==-1){switch(n.userMetadata.Type){case"ACCEPT_ADMIN_INVITATION":this.adminSummary.adminInvitations.splice(e,1);break;case"REJECT_ADMIN_INVITATION":this.adminSummary.adminInvitations[e].isRejected=n.message.data.IsRejected;break;case"CANCEL_ADMIN_INVITATION":this.adminSummary.adminInvitations.splice(e,1);break}this.adminSummary.adminInvitations=[...this.adminSummary.adminInvitations],this.updateCount()}}switch(n.userMetadata.Type){case"ADMIN_REMOVED":let e=this.convertToCamelCase(n.message);this.adminSummary.activeAdmins=this.adminSummary.activeAdmins.filter(w=>w.appUserId!=e.appUserId);break;case"ADMIN_ADDED":let o=this.convertToCamelCase(n.message);this.adminSummary.activeAdmins.push(o);break;case"SEND_ADMIN_INVITATION":let g=this.convertToCamelCase(n.message.data);this.adminSummary.adminInvitations=this.adminSummary.adminInvitations.filter(w=>w.phoneNumber!=g.phoneNumber);let I=new gn({id:g?.id,fullName:g?.fullName,phoneNumber:g?.phoneNumber,userAvatar:g?.userAvatar,isExternal:n.message.isExternal,isRejected:g?.isRejected,dateCreated:g?.dateCreated});this.adminSummary.adminInvitations.push(I);break;case"ACCESS_ENABLE":let T=this.adminSummary.inactiveAdmins.find(w=>w.appUserId==n.message.AppUserId);this.adminSummary.inactiveAdmins=this.adminSummary.inactiveAdmins.filter(w=>w.appUserId!=n.message.AppUserId),T&&(T.haveAccess=!0,this.adminSummary.activeAdmins.push(T),this.statusesList[0].display=`Active (${this.adminSummary.activeAdmins.length})`,this.statusesList[1].display=`In Active (${this.adminSummary.inactiveAdmins.length})`);break;case"ACCESS_DISABLE":T=this.adminSummary.activeAdmins.find(w=>w.appUserId==n.message.AppUserId),this.adminSummary.activeAdmins=this.adminSummary.activeAdmins.filter(w=>w.appUserId!=n.message.AppUserId),T&&(T.haveAccess=!1,this.adminSummary.inactiveAdmins.push(T),this.statusesList[0].display=`Active (${this.adminSummary.activeAdmins.length})`,this.statusesList[1].display=`In Active (${this.adminSummary.inactiveAdmins.length})`);break;case"UPGRADE_ADMIN":let G=n.message.PreviousSuperAdmin,J=n.message.NewSuperAdmin;
8891if(this.adminService.loggedInAdminDetails.phoneNumber===G.PhoneNumber)this.adminService.loggedInAdminDetails.isSuperAdmin=G.IsSuperAdmin,this.adminService.loggedInAdminDetails.joinedDate=G.JoinedDate,this.adminSummary.activeAdmins=this.adminSummary.activeAdmins.filter(w=>w.appUserId!==J.Id);else if(this.adminService.loggedInAdminDetails.phoneNumber===J.PhoneNumber){this.adminService.loggedInAdminDetails.isSuperAdmin=J.IsSuperAdmin,this.adminService.loggedInAdminDetails.joinedDate=J.JoinedDate;let w=new dn({id:G.Id,appUserId:G.Id,fullName:G.FirstName+" "+G.LastName,email:"",userAvatar:G.UserAvatar,joinedDate:G.JoinedDate,haveAccess:!0});this.adminSummary.activeAdmins.push(w)}break}this.updateCount()}convertToCamelCase(n){return Object.keys(n).reduce((e,o)=>{let g=o.charAt(0).toLowerCase()+o.slice(1);return e[g]=n[o],e},{})}matchAdmin(n,e){let o=n.fullName?n.fullName.toLowerCase().includes(e):!1,g=n.phoneNumber?n.phoneNumber.includes(e):!1;return o||g}resetAdmins(){this.getAdminSummary()}statusChanged(n){this.activePill=n,this.newSearchComponent.emptySearch(),this.queryParamsImplementation({status:n})}queryParamsImplementation(n){this.router.navigate([],{queryParams:n,queryParamsHandling:"merge"})}inviteAdmin(){this.noRecordsFound&&this.newSearchComponent.emptySearch();let n=this.dialog.open(Rn,{disableClose:!0});n.afterClosed().subscribe(()=>{n.close()})}getAdminSummary(){this.adminService.getAdminSummary().then(n=>{this.adminSummary=new R(n),this.updateCount()}).catch(()=>{}).finally(()=>{})}updateCount(){this.statusesList=[{display:`Active (${this.adminSummary.activeAdmins.length})`,value:N.ACTIVE},{display:`In Active (${this.adminSummary.inactiveAdmins.length})`,value:N.INACTIVE},{display:`Invited (${this.adminSummary.adminInvitations.length})`,value:N.INVITED}]}updateActiveAdminsList(n){this.openSnackBar("Access Disabled Successfully")}updateInActiveAdminsList(n){this.openSnackBar("Access Enabled Successfully")}openSnackBar(n){this._snackBar.openFromComponent(D,{duration:3e3,horizontalPosition:"right",verticalPosition:"top",data:n})}static{this.\u0275fac=function(e){return new(e||t)(s(rn),s(H),s(S),s(F),s(an))}}static{this.\u0275cmp=y({type:t,selectors:[["app-admin-invite-details"]],viewQuery:function(e,o){if(e&1&&Mn(fn,5),e&2){let g;On(g=wn())&&(o.newSearchComponent=g.first)}},standalone:!0,features:[un,k],decls:18,vars:7,consts:[["elseBlock",""],[1,"adminDetailContainer"],[1,"adminDetailHeader"],[1,"pillsContainer"],[4,"ngFor","ngForOf"],[1,"actions"],[1,"search"],[3,"searchString","fontSize","widthClass","placeholder"],[1,"invite-btn"],[3,"click"],[1,"superAdminCard"],[4,"ngIf"],[3,"click","btnText","isActive"],[4,"ngIf","ngIfElse"],[3,"isInvite","data","selectedUserId",4,"ngFor","ngForOf"],[3,"selectedUserId","isInvite","data"],[3,"isInvite","data",4,"ngFor","ngForOf"],[3,"isInvite","data"],[1,"whenEmpty"],["alt","Img",3,"src"]],template:function(e,o){if(e&1){let g=P();p(0,"div",1)(1,"h1"),l(2,"Admins"),r(),p(3,"div",2)(4,"div",3),b(5,yt,2,2,"ng-container",4),r(),p(6,"div",5)(7,"div",6)(8,"app-new-search",7),m("searchString",function(T){return _(g),C(o.search(T))}),r()(),p(9,"div",8)(10,"button",9),m("click",function(){return _(g),C(o.inviteAdmin())}),l(11,"+ Invite Admin"),r()()()(),p(12,"div",10),b(13,zt,2,2,"ng-container",11)(14,Bt,2,2,"ng-container",11)(15,Gt,2,2,"ng-container",11)(16,jt,5,4,"ng-template",null,0,vn),r()()}e&2&&(a(5),c("ngForOf",o.statusesList),a(3),c("fontSize",16)("widthClass","adminWidth")("placeholder","Search Admins "),a(5),c("ngIf",o.activePill==="ACTIVE"),a(),c("ngIf",o.activePill==="INACTIVE"),a(),c("ngIf",o.activePill==="INVITED"))},dependencies:[z,zn,j,B,Hn,En,fn],styles:[`/* src/app/super-admin/components/admin-invite-details/admin-invite-details.component.scss */ 8892.sidebar-navigation-layout-event { 8893 background-color: #232638; 8894 width: 100%; 8895 min-height: 100vh; 8896 max-height: 100%; 8897 max-width: 265px; 8898 padding: 24px 10px 20px 10px; 8899 z-index: 1; 8900 position: sticky; 8901 top: 0 !important; 8902} 8903.row-three-column-layout { 8904 display: flex; 8905 flex-direction: row; 8906} 8907.row-three-column-layout .columns { 8908 width: 33.33%; 8909 padding-left: 0px !important; 8910 margin-right: 91.9px !important; 8911} 8912.flex-container { 8913 display: flex; 8914 flex-direction: row; 8915 width: 100vw; 8916 height: 100vh !important; 8917 overflow: hidden !important; 8918} 8919.columns:nth-of-type(1) { 8920 width: 22%; 8921 max-width: 14.37rem; 8922 z-index: 1; 8923} 8924.columns:nth-of-type(2) { 8925 width: 100%; 8926 background: #0B0D1D; 8927} 8928.data-top-box { 8929 margin-top: 27.5px; 8930 width: 100%; 8931 height: 205px; 8932 padding: 15px 15px 15px 15px; 8933 border-radius: 10px; 8934 background-image: 8935 linear-gradient( 8936 to bottom, 8937 #282c40, 8938 #232333); 8939 display: flex; 8940 flex-direction: row; 8941} 8942.data-top-box h2 { 8943 font-family: "GilroySemiBold"; 8944 font-size: 1.125rem; 8945 text-align: left; 8946 font-style: normal; 8947 line-height: 0.72; 8948 letter-spacing: normal; 8949 color: #f5f5f5; 8950 margin-top: 5.5px; 8951} 8952.data-top-box .cola { 8953 width: 50%; 8954} 8955.attendee-boxes { 8956 display: flex; 8957 flex-direction: row; 8958 justify-content: space-between; 8959 width: 95%; 8960} 8961.attendee-desc { 8962 margin-left: 5.8px; 8963 margin-right: 5.8px; 8964} 8965.attendee-details p { 8966 font-family: "GilroySemiBold"; 8967 font-size: 0.875rem; 8968 font-style: normal; 8969 line-height: 0.93; 8970 letter-spacing: normal; 8971 text-transform: uppercase; 8972 margin-bottom: 0px; 8973} 8974.attendee-details .count { 8975 font-family: "GilroySemiBold"; 8976 font-size: 1.625rem; 8977 text-align: left; 8978 font-style: normal; 8979 line-height: 0.5; 8980 letter-spacing: normal; 8981 color: #f5f5f5; 8982 margin-top: 10px; 8983 margin-left: 2px; 8984} 8985.attendee-details { 8986 margin-top: 21.5px; 8987 display: flex; 8988 flex-direction: row; 8989 justify-content: space-evenly; 8990} 8991.attendee-details img { 8992 width: 45px; 8993 height: 45px; 8994 transform: scale(1) !important; 8995 transition: transform 0.3s ease-in-out !important; 8996} 8997.attendee-details .going { 8998 color: #6fffed; 8999} 9000.attendee-details .wallets { 9001 color: #b260ea; 9002 width: 127px; 9003} 9004.attendee-details .vip_passes { 9005 color: #ff9300; 9006 width: 72px; 9007} 9008.attendee-details img:hover { 9009 transform: scale(1.1) !important; 9010 transition: transform 0.3s ease-in-out !important; 9011} 9012@media (min-width: 375) and (max-width: 425px) { 9013 .columns:nth-of-type(1) { 9014 display: none; 9015 } 9016} 9017@media (min-width: 768px) and (max-width: 1365px) { 9018 .attendee-boxes { 9019 display: flex; 9020 flex-direction: row; 9021 justify-content: space-around; 9022 margin-right: 5px; 9023 } 9024 .attendee-desc { 9025 margin-left: 3.8px; 9026 margin-right: 3.8px; 9027 } 9028 .attendee-details { 9029 margin-top: 21.5px; 9030 display: flex; 9031 flex-direction: row; 9032 justify-content: space-evenly; 9033 } 9034 .attendee-details img { 9035 width: 35px; 9036 height: 35px; 9037 } 9038 .attendee-details p { 9039 font-size: 0.75rem; 9040 } 9041 .attendee-details .count { 9042 font-size: 1.25rem; 9043 } 9044 .attendee-details .wallets { 9045 width: 110px; 9046 } 9047 .columns:nth-of-type(1) { 9048 display: none; 9049 } 9050 .columns:nth-of-type(2) { 9051 width: 100vw; 9052 } 9053 .ComponentsWrapper { 9054 width: 100% !important; 9055 } 9056} 9057@media screen and (min-width: 1025px) and (max-width: 1365px) { 9058 .columns:nth-of-type(1) { 9059 display: none; 9060 } 9061} 9062@media (min-width: 900px) and (width: 1900px) { 9063 .columns:nth-of-type(1) { 9064 width: 15%; 9065 } 9066 .columns:nth-of-type(2) { 9067 width: 85%; 9068 } 9069} 9070.wizard-container { 9071 display: flex; 9072 flex-direction: row; 9073 width: 1440px; 9074 min-width: 1440px; 9075 justify-content: center; 9076 margin: auto; 9077} 9078.wizard-container .components-wrapper { 9079 width: 100%; 9080 display: flex; 9081 flex-direction: row; 9082} 9083.wizard-container .components-wrapper .component-container { 9084 display: flex; 9085 flex-direction: column; 9086 width: 75%; 9087} 9088.wizard-container .components-wrapper .component-container.fullWidth { 9089 width: 100% !important; 9090} 9091.wizard-container .components-wrapper .mobile-container { 9092 width: 42%; 9093 color: #fff; 9094 margin-right: 35px !important; 9095 margin-top: 36px; 9096} 9097.wizard-container .components-wrapper .mobile-container .mobile { 9098 width: 365px; 9099 height: 733px; 9100 margin-top: 20px; 9101 margin-right: 35px; 9102 position: -webkit-sticky; 9103 position: sticky; 9104 top: 155px; 9105} 9106.wizard-container .components-wrapper .mobile-containerWithZ-Index { 9107 width: 42%; 9108 color: #fff; 9109 margin-right: 35px !important; 9110 margin-top: 36px; 9111 z-index: -1; 9112} 9113.wizard-container .components-wrapper .mobile-containerWithZ-Index .mobile { 9114 position: relative; 9115 width: 365px; 9116 height: 733px; 9117 margin-top: 20px; 9118 margin-right: 35px; 9119} 9120.wizard-footer { 9121 width: 687px; 9122 height: 65px; 9123 position: absolute; 9124 bottom: 0%; 9125 padding: 0px 95px; 9126 display: flex; 9127 justify-content: flex-end; 9128 align-items: center; 9129} 9130@media only screen and (max-height: 900px) { 9131 .mobile-container { 9132 margin-top: 0px !important; 9133 } 9134} 9135.NextButton { 9136 margin-top: 40px; 9137 display: flex; 9138 justify-content: flex-end; 9139 width: 588px; 9140 height: 65px; 9141} 9142.CenterAlign { 9143 display: flex; 9144 align-items: center; 9145 flex-direction: column; 9146 justify-content: center; 9147} 9148.ComponentsWrapper { 9149 width: 1115px; 9150} 9151.minusSign { 9152 margin-right: 11.5px; 9153 width: 10px; 9154 height: 21px; 9155 cursor: pointer; 9156 transition: all 0.2s ease-in-out; 9157} 9158.plusSign { 9159 margin-left: 11.5px; 9160 width: 10px; 9161 height: 21px; 9162 cursor: pointer; 9163 transition: all 0.2s ease-in-out; 9164} 9165.minusSign:hover, 9166.plusSign:hover { 9167 transform: scale(1.2); 9168} 9169.app-scrollbar {
9170 position: relative; 9171 top: 0px; 9172 right: 0px; 9173 padding: 0px; 9174 z-index: 0; 9175} 9176.leftArrow-Container { 9177 width: 50px; 9178 height: 154px; 9179 background-image: 9180 linear-gradient( 9181 to right, 9182 #1e1e2c, 9183 rgba(30, 30, 44, 0.5)); 9184 display: flex; 9185 align-items: center; 9186 position: absolute; 9187 justify-content: center; 9188 z-index: 4; 9189 left: 210px; 9190} 9191.leftArrow-Container i { 9192 color: #f5f5f5; 9193 font-size: 1.75rem; 9194 cursor: pointer; 9195 transition: 0.2s ease-in-out; 9196} 9197.rightArrow-Container { 9198 width: 50px; 9199 height: 154px; 9200 background-image: 9201 linear-gradient( 9202 to right, 9203 #1e1e2c, 9204 rgba(30, 30, 44, 0.5)); 9205 display: flex; 9206 align-items: center; 9207 position: absolute; 9208 justify-content: center; 9209 z-index: 4; 9210 right: -24px; 9211} 9212.rightArrow-Container i { 9213 color: #f5f5f5; 9214 font-size: 1.75rem; 9215 cursor: pointer; 9216} 9217.leftArrow-Container:hover i, 9218.rightArrow-Container:hover i { 9219 transform: scale(1.4); 9220 transition: 0.2s ease-in-out; 9221} 9222.top-nav { 9223 top: -23px; 9224 z-index: 1; 9225 position: relative; 9226 display: flex; 9227 flex-direction: row; 9228 gap: 15px; 9229} 9230.top-nav.Opacity { 9231 opacity: 0.3; 9232 transition: 0.1s ease-in; 9233 z-index: 0; 9234} 9235.top-nav button { 9236 margin: 20px 0px 0px 0px; 9237 padding: 11px 20px 11px; 9238 border-radius: 25px; 9239 height: 42px; 9240 width: auto !important; 9241 background-color: rgba(111, 255, 237, 0.1); 9242 transition: background-color 0.3s ease-in-out; 9243 transform: scale(1); 9244 transition: transform 0.3s ease-in-out; 9245 color: #6fffed; 9246 font-family: "GilroyMedium"; 9247 font-size: 1rem; 9248 font-style: normal; 9249 line-height: normal; 9250 letter-spacing: normal; 9251 cursor: pointer; 9252 border: none; 9253 outline: none; 9254 z-index: 0; 9255} 9256.top-nav button.active { 9257 color: #313245; 9258 background-color: #6fffed; 9259 transition: background-color 0.3s ease-in-out; 9260} 9261.Pop-Up-Container-Body { 9262 width: 100%; 9263 height: 100vh; 9264 display: flex; 9265 align-items: center; 9266 justify-content: center; 9267 position: fixed; 9268 top: 1.5%; 9269} 9270.scroller { 9271 top: 0; 9272 width: 204px; 9273 transition: 0.2s ease-in-out; 9274 position: relative; 9275 margin-right: 15px; 9276 font-style: normal; 9277 z-index: 0; 9278} 9279.scroller .create-button { 9280 width: 204px; 9281 height: 154px; 9282 background-color: #242637; 9283 border-radius: 5px; 9284 cursor: pointer; 9285 display: flex; 9286 flex-direction: column; 9287 justify-content: center; 9288 align-items: center; 9289 vertical-align: middle; 9290} 9291.scroller .create-button .create-icon { 9292 width: 26.9px; 9293 height: 26.9px; 9294} 9295.scroller .create-button .create-title { 9296 font-family: "GilroyMedium"; 9297 font-size: 1rem; 9298 line-height: 1.23; 9299 letter-spacing: normal; 9300 margin: 16.1px 0 0; 9301 text-align: center; 9302 color: #6fffed; 9303 width: 112px; 9304 height: 45px; 9305} 9306.scroller .event-thumbnail { 9307 display: inline-block; 9308 width: 252px; 9309 height: 154px; 9310 padding: 0 15px 17px 0; 9311 border-radius: 5px !important; 9312 cursor: pointer; 9313 position: relative; 9314 top: 0px; 9315 z-index: -1; 9316} 9317.scroller .event-thumbnail img { 9318 width: 252px; 9319 height: 154px; 9320 border-radius: 5px; 9321 position: absolute; 9322 object-fit: cover; 9323 object-position: center; 9324} 9325.scroller .event-thumbnail .event-menu-wrapper { 9326 width: 252px; 9327 height: 568px; 9328 background-image: 9329 linear-gradient( 9330 to bottom, 9331 #242637, 9332 #1e1e2c); 9333 position: absolute; 9334 top: 97%; 9335 z-index: 0; 9336 bottom: 140px; 9337 display: none; 9338 transition: 0.2s ease-in-out; 9339 padding: 20px 17.7px 20px 17.7px; 9340} 9341.scroller .event-thumbnail .event-menu-wrapper .event-menu-container { 9342 display: flex; 9343 flex-direction: column; 9344 justify-content: center; 9345 text-align: center; 9346} 9347.Inline-Container::-webkit-scrollbar {
9348 display: none !important; 9349} 9350.Inline-Container ul { 9351 display: flex; 9352 flex-direction: row; 9353 padding-inline-start: 0px; 9354 list-style-type: none; 9355 transition: transform 0.5s ease; 9356} 9357.Inline-Container { 9358 cursor: grab; 9359} 9360.Inline-Container .scroller:hover { 9361 top: -65px !important; 9362 z-index: 2; 9363 transition: 0.2s ease-in-out; 9364} 9365.Inline-Container .scroller:hover .event-menu-wrapper { 9366 display: block !important; 9367} 9368.control-item { 9369 display: flex; 9370 flex-direction: column; 9371 justify-content: center; 9372 align-items: center; 9373 width: 58px; 9374 cursor: pointer; 9375} 9376.control-item img { 9377 width: 40px !important; 9378 height: 40px !important; 9379 position: relative !important; 9380 object-fit: contain; 9381 transition: all 0.2s ease-in-out; 9382} 9383.control-item span { 9384 font-family: "GilroyLight"; 9385 font-size: 0.875rem; 9386 font-style: normal; 9387 line-height: normal; 9388 letter-spacing: normal; 9389 text-align: center; 9390 color: #c2c7f2; 9391 white-space: normal; 9392 margin-top: 12px; 9393} 9394.InputFieldArrow { 9395 position: relative; 9396 width: 272px !important; 9397} 9398.InputFieldArrow i { 9399 position: absolute; 9400 color: #babcc1; 9401 font-size: 1.5rem; 9402 top: 20px; 9403 right: 16px; 9404 z-index: 1; 9405 cursor: pointer; 9406} 9407@media (min-width: 768px) and (max-width: 1024px) { 9408 .mobile-containerWithZ-Index { 9409 display: none; 9410 } 9411 .InputFieldArrow i { 9412 position: relative; 9413 right: -232px; 9414 top: 46px; 9415 } 9416 .top-nav { 9417 top: -23px; 9418 z-index: 1; 9419 position: relative; 9420 display: inline-block; 9421 width: 100%; 9422 white-space: nowrap; 9423 overflow: auto; 9424 } 9425 .top-nav button { 9426 margin: 20px 20px 0px 0px; 9427 } 9428 .NextButton { 9429 width: 514px; 9430 } 9431} 9432.top-nav::-webkit-scrollbar {
9433 display: none; 9434} 9435.popUpBox { 9436 width: 100%; 9437 height: auto; 9438 background-color: #1e1e2c; 9439 padding: 40px; 9440} 9441.popUpBox .topTitleBar .creationWizardTitle { 9442 line-height: 1.08; 9443} 9444.popUpBox .topTitleBar.dFlexRow { 9445 justify-content: space-between; 9446} 9447@media screen and (max-width: 767px) { 9448 .popUpBox { 9449 padding: 16px !important; 9450 } 9451} 9452@keyframes expander { 9453 from { 9454 transform: scale(1); 9455 } 9456 50% { 9457 transform: scale(1.1); 9458 } 9459 100% { 9460 transform: scale(1.2); 9461 } 9462} 9463@-webkit-keyframes slide { 9464 100% { 9465 left: -55px; 9466 } 9467} 9468@keyframes slide { 9469 100% { 9470 left: -55px; 9471 } 9472} 9473@-webkit-keyframes slideDrawer { 9474 0% { 9475 left: -245px; 9476 } 9477 100% { 9478 left: 0; 9479 } 9480} 9481@keyframes slideDrawer { 9482 0% { 9483 left: -245px; 9484 } 9485 100% { 9486 left: 0; 9487 } 9488} 9489@-webkit-keyframes slideBox { 9490 0% { 9491 left: -600px; 9492 } 9493 100% { 9494 left: 0px; 9495 } 9496} 9497@keyframes slideBox { 9498 0% { 9499 left: -600px; 9500 } 9501 100% { 9502 left: 0px; 9503 } 9504} 9505.menu-items-grid .control-item:hover img { 9506 transform: scale(1.2); 9507} 9508@keyframes slideUp { 9509 0% { 9510 transform: translate3d(0, 20px, 0); 9511 opacity: 0; 9512 } 9513 50% { 9514 transform: translate3d(0, 10px, 0); 9515 opacity: 0.5; 9516 } 9517 100% { 9518 transform: translate3d(0, 0px, 0); 9519 opacity: 1; 9520 } 9521} 9522@keyframes fadein { 9523 from { 9524 opacity: 0; 9525 } 9526 to { 9527 opacity: 1; 9528 } 9529} 9530.gray-BG { 9531 background-color: #babcc1 !important; 9532} 9533.midnight-express-BG { 9534 background-color: #242637; 9535} 9536.black-russian { 9537 background-color: #0b0b1a !important; 9538} 9539.baby-blue-BG { 9540 background-color: #6fffed !important; 9541} 9542.slate-blue-BG { 9543 background-color: #5e5cde !important; 9544} 9545.dark-orange-BG { 9546 background-color: #ff9300 !important; 9547} 9548.dodger-blue { 9549 background-color: #0a84ff !important; 9550} 9551.medium-orchid-BG { 9552 background-color: #bf5af2 !important; 9553} 9554.rich-lilac-BG { 9555 background-color: #b260ea; 9556} 9557.comet-BG { 9558 background-color: #5e5f71; 9559} 9560.gamboge-BG { 9561 background-color: #e68f09; 9562} 9563.blur { 9564 -webkit-filter: blur(8px); 9565 -moz-filter: blur(8px); 9566 -o-filter: blur(8px); 9567 -ms-filter: blur(8px); 9568 filter: blur(8px); 9569} 9570.blue-shade2-border { 9571 border: solid 2px #43445e !important; 9572} 9573.baby-blue-border { 9574 border: solid 1px #6fffed !important; 9575} 9576.dark-orange-border { 9577 border: solid 1px #ff9300 !important; 9578} 9579.medium-orchid-border { 9580 border: solid 1px #bf5af2 !important; 9581} 9582.dodger-blue-shade2-border { 9583 border: solid 1px #0a84ff !important; 9584} 9585.white-smoke-border { 9586 border: solid 1px #f5f5f5 !important; 9587} 9588.red-border { 9589 border: solid 1px #ff0100 !important; 9590} 9591.black-russian-border { 9592 border: solid 1ps #0b0b1a; 9593} 9594.border-red { 9595 border: solid 1px #ff0100 !important; 9596} 9597.border-sunsetOrange { 9598 border: 1px solid #ff4d4d !important; 9599} 9600.border-grayLight { 9601 border: solid 2px #2F3450 !important; 9602} 9603.blueshadeThreeText { 9604 color: #81cffa; 9605} 9606.richlilacText { 9607 color: #b260ea !important; 9608} 9609.slateBlueText { 9610 color: #5e5cde !important; 9611} 9612.slateText { 9613 color: #5c5d7a !important; 9614} 9615.babyBlueText { 9616 color: #6fffed !important; 9617} 9618.darkOrangeText { 9619 color: #ff9300 !important; 9620} 9621.freshYellowText { 9622 color: #ffd60a; 9623} 9624.brightPeachText { 9625 color: #f96f6f; 9626} 9627.mediumOrchidText { 9628 color: #bf5af2 !important; 9629} 9630.black-russian-Text { 9631 color: #0b0b1a !important; 9632} 9633.dodgerBlueShadeText { 9634 color: #0a84ff !important; 9635} 9636.orangyRedText { 9637 color: #ff453a; 9638} 9639.whiteText { 9640 color: #f5f5f5 !important; 9641} 9642.pureWhiteText { 9643 color: #fff !important; 9644} 9645.comitText { 9646 color: #5e5f71 !important; 9647} 9648.carnationText { 9649 color: #ff6f90; 9650} 9651.redText { 9652 color: #ff0100 !important; 9653} 9654.LavenderBlueText { 9655 color: #c2c7f2 !important; 9656} 9657.orangePeelText { 9658 color: #ff9300 !important; 9659} 9660.greenText { 9661 color: #32d74b; 9662} 9663.sunsetOrangeText { 9664 color: #ff4d4d !important; 9665} 9666.grayText { 9667 color: #babcc1; 9668} 9669.lighterPurpleText { 9670 color: #bd58f0; 9671} 9672.whiteColorText { 9673 color: #ffffff !important; 9674} 9675.mangoManiaText { 9676 color: #fec20e !important; 9677} 9678.promotionalTextColor { 9679 color: #EA60A2 !important; 9680} 9681.center-text { 9682 text-align: center !important; 9683} 9684.leftText { 9685 text-align: left !important; 9686} 9687.rightText { 9688 text-align: right; 9689} 9690.floatRight { 9691 float: right; 9692} 9693.floatLeft { 9694 float: left; 9695} 9696.clearfix { 9697 clear: both; 9698} 9699.dNone { 9700 display: none !important; 9701} 9702.dBlock { 9703 display: block !important; 9704} 9705.dInlineBlock { 9706 display: inline-block !important; 9707} 9708.dInline { 9709 display: inline !important; 9710} 9711.dFlex { 9712 display: flex; 9713} 9714.dFlexColumn { 9715 display: flex; 9716 flex-direction: column; 9717} 9718.dFlexRow { 9719 display: flex; 9720 flex-direction: row; 9721} 9722.dFlex-with-center { 9723 display: flex; 9724 align-items: center; 9725} 9726.dFlex-with-col-center { 9727 display: flex; 9728 flex-flow: column; 9729 align-items: center; 9730} 9731.clickable { 9732 cursor: pointer; 9733} 9734.text-direction-vertical { 9735 writing-mode: vertical-rl; 9736 transform: rotate(180deg); 9737} 9738.ellipsis { 9739 overflow: hidden; 9740 white-space: nowrap; 9741 text-overflow: ellipsis; 9742} 9743.capital-text { 9744 text-transform: uppercase; 9745} 9746.disableDiv { 9747 pointer-events: none; 9748} 9749.margin-top-10 { 9750 margin-top: 10px; 9751} 9752.margin-top-15 { 9753 margin-top: 15px; 9754} 9755.margin-top-20 { 9756 margin-top: 20px; 9757} 9758.margin-top-30 { 9759 margin-top: 30px; 9760} 9761.margin-top-0 { 9762 margin-top: 0px !important; 9763} 9764.shadow { 9765 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 9766 -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 9767 -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 9768} 9769.sahdow-right-bottom-black { 9770 box-shadow: 5px 5px 5px black; 9771 -webkit-box-shadow: 5px 5px 5px black; 9772 -moz-box-shadow: 5px 5px 5px black; 9773} 9774.filter-drop-shadow { 9775 -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 9776 -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 9777 -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 9778 -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 9779 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 9780} 9781.organgePeelText { 9782 color: #ff9300; 9783} 9784.organgePeelText { 9785 color: #ff9300; 9786} 9787.sunsetOrangeText { 9788 color: #ff4d4d; 9789} 9790ngx-image-cropper { 9791 background: #1e1e2c !important; 9792} 9793ngx-image-cropper canvas:not(.ngx-ic-canvas) { 9794 background: #1e1e2c !important; 9795 opacity: 0 !important; 9796} 9797ngx-image-cropper .ngx-ic-canvas { 9798 background: transparent !important; 9799} 9800image-cropper canvas:focus, 9801ngx-image-cropper canvas:focus { 9802 outline: none !important; 9803} 9804image-cropper canvas, 9805ngx-image-cropper canvas { 9806 border: none !important; 9807 box-shadow: none !important; 9808} 9809.ticket-heading { 9810 font-family: "STENCILAND"; 9811 font-size: 0.875rem; 9812 font-style: normal; 9813 line-height: 1.21; 9814 text-align: center; 9815 text-transform: uppercase; 9816 margin: 10px 0px 3px 0px; 9817} 9818.ticket-heading.baby-blue { 9819 color: #6fffed; 9820 letter-spacing: 0.28px; 9821} 9822.ticket-heading.slate-blue { 9823 color: #5e5cde; 9824 letter-spacing: 0.28px; 9825} 9826.ticket-heading.dark-orange { 9827 color: #ff9300; 9828 letter-spacing: 0.28px; 9829} 9830.ticket-heading.orange { 9831 letter-spacing: 2px; 9832 color: #ff9300; 9833} 9834.ticket-heading span { 9835 font-family: "GilroySemiBold"; 9836 font-size: 1rem; 9837 line-height: 1.06; 9838 letter-spacing: normal; 9839} 9840.navBottomSpace { 9841 height: 4.375rem; 9842} 9843.submenuNavSpace { 9844 width: 73px; 9845} 9846.secondary-text { 9847 color: #babcc1; 9848 font-family: "GilroyMedium"; 9849 font-size: 0.875rem; 9850} 9851.user-profile-subheading { 9852 color: #f5f5f5; 9853 font-family: "GilroyMedium"; 9854 font-size: 1.5rem; 9855 font-style: normal; 9856 line-height: normal; 9857 letter-spacing: normal; 9858 text-align: left; 9859} 9860.p-inputtext:focus { 9861 border: 1px solid #6fffed !important; 9862 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4) !important; 9863} 9864.wizard-component-title { 9865 margin: 50px 0px; 9866 font-family: "GilroyMedium"; 9867 font-size: 1.5rem; 9868 color: #f5f5f5; 9869 font-style: normal; 9870 line-height: 1.17; 9871 letter-spacing: normal; 9872 text-align: left; 9873} 9874.collegeEvent-wizardTiltle { 9875 margin: 50px 0px; 9876 font-family: "GilroySemiBold"; 9877 font-size: 1.75rem; 9878 color: #f5f5f5; 9879 font-style: normal; 9880 line-height: 1.17; 9881 letter-spacing: normal; 9882 text-align: left; 9883} 9884.wizard-component-subTitle { 9885 margin: 0px 0px 50px; 9886 color: #ff9300; 9887 font-size: 1rem; 9888 font-family: "GilroyMedium"; 9889 line-height: 1.29; 9890 text-align: left; 9891 letter-spacing: normal; 9892 font-style: normal; 9893} 9894.resizeImageText { 9895 color: #c2c7f2 !important; 9896 margin-top: 31px; 9897 margin-left: 251px; 9898 display: block; 9899 font-size: 0.875rem; 9900} 9901table { 9902 width: 100%; 9903} 9904.GuestTable-Data td img { 9905 width: 34px; 9906 height: 34px; 9907 margin: 15px 10.4px 18px 0px; 9908} 9909th { 9910 font-family: "GilroyBold"; 9911 font-size: 1rem; 9912 font-style: normal; 9913 line-height: 1.29; 9914 letter-spacing: normal; 9915 color: #f5f5f5; 9916 padding: 23px 0px 24.2px 0px; 9917} 9918td { 9919 font-family: "GilroyMedium"; 9920 font-size: 1rem; 9921 font-style: normal; 9922 line-height: 1.29; 9923 letter-spacing: normal; 9924 color: #f5f5f5; 9925} 9926.button { 9927 width: 200px; 9928 height: 45px; 9929 margin-top: 45.1px; 9930 border-radius: 10px; 9931 font-family: "GilroyBold"; 9932 border: solid 1px #272b3f; 9933 background-color: #ff9300; 9934 font-size: 1rem; 9935 font-style: normal; 9936 line-height: 1.25; 9937 letter-spacing: normal; 9938 text-align: center; 9939 color: #1e1e2c; 9940 margin-top: 39px; 9941 transform: scale(1); 9942 transition: transform 0.3s ease-in-out; 9943} 9944.btn-primary { 9945 color: #fff; 9946 background-color: #1b6ec2; 9947 border-color: #1861ac; 9948} 9949.button-Event { 9950 background-color: #1a1b2c; 9951 border-radius: 50px; 9952 height: 45px; 9953 border: 2px solid #6fffed; 9954 color: #6fffed; 9955 font-family: "GilroySemiBold"; 9956 padding-left: 33px; 9957 padding-right: 33px; 9958 font-size: 1.125rem; 9959 text-align: center; 9960 text-decoration: none; 9961 transform: scale(1); 9962 transition: transform 0.3s ease-in; 9963} 9964.button-Event:hover {
9965 cursor: pointer; 9966 transform: scale(1.05); 9967 transition: transform 0.3s ease-in; 9968} 9969.loadingOpacity { 9970 background: rgba(111, 255, 237, 0.2) !important; 9971 border: none !important; 9972} 9973.Loadingbutton_Text { 9974 position: relative !important; 9975 color: #1e1e2c !important; 9976 display: block; 9977} 9978.disablelitButton { 9979 background-color: #282c40; 9980 border: 2px solid #282c40; 9981 border-radius: 50px; 9982 height: 45px; 9983 color: #6fffed; 9984 font-family: "GilroySemiBold"; 9985 font-size: 1.125rem; 9986 padding-left: 33px; 9987 padding-right: 33px; 9988 text-align: center; 9989 text-decoration: none; 9990 cursor: pointer; 9991 transform: scale(1); 9992 transition: transform 0.3s ease-in-out; 9993} 9994.simpleButton { 9995 background-color: #242637; 9996 border-radius: 50px; 9997 height: 45px; 9998 border: 1px solid #f5f5f5; 9999 color: #babcc1; 10000 font-family: "GilroyMedium"; 10001 padding-left: 33px; 10002 font-size: 1rem; 10003 padding-right: 33px; 10004 text-align: center; 10005 text-decoration: none; 10006 cursor: pointer; 10007} 10008.disableButton { 10009 background-color: #242637; 10010 border-radius: 50px; 10011 height: 45px; 10012 border: 1px solid #1e1e2c; 10013 color: #1e1e2c; 10014 font-family: "GilroyMedium"; 10015 font-size: 1.125rem; 10016 padding-left: 33px; 10017 padding-right: 33px; 10018 text-align: center; 10019 text-decoration: none; 10020 cursor: pointer; 10021} 10022.disableButton.new { 10023 width: 160px; 10024 height: 44px; 10025 padding: 8px 16px; 10026 font-size: 1rem; 10027 border: none; 10028 font-family: "GilroyBold"; 10029 border-radius: 10px; 10030 pointer-events: none !important; 10031} 10032.disabledButton { 10033 background-color: #242637; 10034 border-radius: 50px; 10035 height: 45px; 10036 border: 2px solid #1e1e2c; 10037 color: #1e1e2c; 10038 font-family: "GilroySemiBold"; 10039 font-size: 1.125rem; 10040 text-decoration: none; 10041} 10042.save-draft { 10043 color: #c2c7f2; 10044 background: #232638; 10045 border: 1px solid #232638; 10046 height: 40px; 10047 text-align: center; 10048 outline: none; 10049 border-radius: 50px; 10050 font-size: 0.875rem; 10051 font-family: "GilroySemiBold"; 10052 padding: 12px 0px; 10053 cursor: pointer; 10054 display: flex; 10055 align-items: center !important; 10056 justify-content: center !important; 10057 -webkit-align-items: center; 10058 -webkit-justify-content: center; 10059 position: relative; 10060} 10061.save-draft.draft-progress { 10062 position: absolute !important; 10063 height: 100% !important; 10064 top: 0; 10065 left: 0; 10066 background-color: #c2c7f2 !important; 10067 color: #232638 !important; 10068 transition: width 0.3s; 10069 border-radius: 10px; 10070 border: none !important; 10071} 10072.glowButton { 10073 background-color: #1e1e2c; 10074 border: 1px solid #6fffed; 10075 color: #6fffed; 10076 height: 40px; 10077 text-align: center; 10078 outline: none; 10079 border-radius: 50px; 10080 font-size: 0.875rem; 10081 font-family: "GilroySemiBold"; 10082 padding: 12px 0px; 10083 cursor: pointer; 10084 display: flex; 10085 align-items: center !important; 10086 justify-content: center !important; 10087 -webkit-align-items: center; 10088 -webkit-justify-content: center; 10089 position: relative; 10090} 10091.glowButton.button_progress { 10092 position: absolute !important; 10093 height: 100% !important; 10094 top: 0; 10095 left: 0; 10096 background-color: #6fffed !important; 10097 transition: width 0.3s; 10098 border-radius: 10px; 10099 border: none !important; 10100} 10101.cancelButton { 10102 background-color: #232638; 10103 border: none; 10104 color: #fff; 10105 height: 40px; 10106 text-align: center; 10107 outline: none; 10108 border-radius: 10px; 10109 font-size: 1rem; 10110 font-family: "GilroySemiBold"; 10111 padding: 12px 0px; 10112 cursor: pointer; 10113 display: flex; 10114 align-items: center !important; 10115 justify-content: center !important; 10116 -webkit-align-items: center; 10117 -webkit-justify-content: center; 10118 position: relative; 10119} 10120.cancelButton.button_progress { 10121 position: absolute !important; 10122 height: 100% !important; 10123 top: 0; 10124 left: 0; 10125 background-color: #6fffed !important; 10126 transition: width 0.3s; 10127 border-radius: 10px; 10128 border: none !important; 10129} 10130.Input-Field { 10131 margin: 11px 0px; 10132 padding: 11px 0px 13px 18px; 10133 font-family: "GilroyMedium"; 10134 border-radius: 50px; 10135 width: 272px; 10136 height: 40px; 10137 color: #f5f5f5; 10138 font-size: 1rem; 10139 line-height: 1.14; 10140 background-color: #242637; 10141 border: 1px solid #f5f5f5; 10142} 10143.Input-Field:focus, 10144.Text-Field:focus { 10145 border: 1px solid #6fffed; 10146 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 10147} 10148.Text-Field { 10149 padding: 11px 0px 13px 18px; 10150 color: #f5f5f5; 10151 font-size: 1rem; 10152 line-height: 1.14; 10153 font-family: "GilroyMedium"; 10154 border-radius: 15px; 10155 background-color: #242637; 10156 border: 1px solid #f5f5f5; 10157 height: 118px; 10158 min-height: 118px; 10159} 10160input:focus { 10161 border: none; 10162 outline: none; 10163} 10164*:focus { 10165 outline: none !important; 10166} 10167.custom-Label { 10168 font-family: "GilroyMedium"; 10169 font-size: 0.875rem; 10170 color: #babcc1; 10171} 10172.checkBoxEnable { 10173 border: 2px solid #6fffed; 10174 border-radius: 4px; 10175 width: 31px; 10176 height: 38px; 10177 outline: none !important; 10178 background-color: rgba(111, 255, 237, 0.1); 10179} 10180.checkBoxDisabled { 10181 border: solid 2px #676d9e; 10182 border-radius: 4px; 10183 width: 31px; 10184 height: 38px; 10185 outline: none !important; 10186} 10187.checkbox-custom { 10188 -webkit-appearance: none; 10189 -moz-appearance: none !important; 10190 appearance: none; 10191 cursor: pointer !important; 10192 width: 31px; 10193 height: 38px; 10194 margin-left: 0px; 10195 padding: 0px; 10196 outline: none !important; 10197} 10198.tbl-line { 10199 border-bottom: 3px solid #383759; 10200 width: 100%; 10201} 10202.checkbox-custom:checked { 10203 content: ""; 10204 width: 18px; 10205 height: 10px; 10206 background: rgba(0, 0, 0, 0); 10207 border: 2px solid #6fffed; 10208 -webkit-transform: rotate(-45deg); 10209 -moz-transform: rotate(-45deg); 10210 -o-transform: rotate(-45deg); 10211 -ms-transform: rotate(-45deg); 10212 transform: rotate(-45deg); 10213 margin-left: 5px; 10214 margin-bottom: -1px; 10215 outline: none !important; 10216 box-shadow: none !important; 10217 border-top: none !important;
10218 border-right: none !important; 10219 -webkit-appearance: none !important; 10220 -moz-appearance: none !important; 10221 appearance: none !important; 10222} 10223.textLit { 10224 width: 25px; 10225 height: 19px; 10226 margin-top: 8px; 10227 margin-left: 12px; 10228 font-family: "GilroySemiBold"; 10229 font-size: 1rem; 10230 line-height: 1.19; 10231 color: #6fffed; 10232} 10233.textNotLit { 10234 width: 25px; 10235 height: 19px; 10236 margin-top: 8px; 10237 margin-left: 12px; 10238 font-family: "GilroySemiBold"; 10239 font-size: 1rem; 10240 line-height: 1.19; 10241 color: #676d9e; 10242} 10243::placeholder { 10244 color: rgba(255, 255, 255, 0.2); 10245 font-size: 0.875rem; 10246 font-family: "GilroyMedium"; 10247} 10248.Profile-Setup form .custom-Label { 10249 text-align: left; 10250 margin-top: 29px; 10251} 10252.Profile-Setup form .custom-Label-qm { 10253 text-align: left; 10254 margin-top: 20px; 10255} 10256.Profile-Setup form .Input-Field { 10257 width: 578px; 10258 border: solid 1px #f5f5f5; 10259} 10260.Profile-Setup form .Small-Input-Field { 10261 width: 114px; 10262 height: 40px; 10263} 10264.Profile-Setup form .Text-Field { 10265 width: 578px; 10266 margin-top: 11px; 10267 margin-bottom: 11px; 10268} 10269.Profile-Setup form .inline-form { 10270 display: flex; 10271 flex-direction: row; 10272 justify-content: space-between; 10273 width: 578px; 10274} 10275.Profile-Setup form .inline-form .Input-Field { 10276 width: 272px !important; 10277} 10278.Profile-Setup form input:focus { 10279 border: none; 10280 outline: none; 10281} 10282.Profile-Setup form input:-webkit-autofill { 10283 -webkit-box-shadow: 0 0 0 30px #242637 inset !important; 10284 box-shadow: 0 0 0 30px #242637 inset !important; 10285} 10286.Profile-Setup form .Input-Field:focus, 10287.Profile-Setup form .Text-Field:focus { 10288 border: 1px solid #6fffed; 10289} 10290.Profile-Setup form .checkbox-custom:checked { 10291 content: ""; 10292 width: 18px; 10293 height: 10px; 10294 background: rgba(0, 0, 0, 0); 10295 border: 2px solid #6fffed; 10296 border-top: none !important; 10297 border-right: none !important; 10298 -webkit-transform: rotate(-45deg); 10299 -moz-transform: rotate(-45deg); 10300 -o-transform: rotate(-45deg); 10301 -ms-transform: rotate(-45deg); 10302 transform: rotate(-45deg); 10303 margin-left: 5px; 10304 margin-bottom: -3px; 10305 outline: none !important; 10306 box-shadow: none !important; 10307 -webkit-appearance: none !important; 10308 -moz-appearance: none !important; 10309 appearance: none !important; 10310} 10311.Profile-Setup form .danger { 10312 font-size: 0.875rem; 10313 color: #ff4d4d; 10314 font-family: "GilroyRegular"; 10315} 10316.Profile-Setup form .label-danger { 10317 color: #ff4d4d !important; 10318} 10319input:-webkit-autofill:focus, 10320input:-webkit-autofill:active { 10321 -webkit-box-shadow: 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 10322 box-shadow: 0 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 10323 border-color: #6fffed !important; 10324 border: 1px solid #6fffed !important; 10325} 10326input:-webkit-autofill { 10327 box-shadow: 0 0 0 30px #242637 inset !important; 10328} 10329input:-webkit-autofill { 10330 -webkit-text-fill-color: #fff !important; 10331 caret-color: #2f3450 !important; 10332} 10333input[type=range]:focus { 10334 border: none !important; 10335 box-shadow: none !important; 10336} 10337.danger { 10338 font-size: 0.875rem; 10339 color: #ff4d4d; 10340 font-family: "GilroyRegular"; 10341} 10342.label-danger { 10343 color: #ff4d4d !important; 10344} 10345.is-invalid { 10346 border: 1px solid #ff4d4d !important; 10347 border-color: #ff4d4d !important; 10348} 10349input[type=number].ng-touched.ng-invalid, 10350input[type=text].ng-touched.ng-invalid { 10351 border: 1px solid #ff4d4d !important; 10352 border-color: #ff4d4d !important; 10353} 10354textarea.ng-touched.ng-invalid { 10355 border: 1px solid #ff4d4d !important; 10356 border-color: #ff4d4d !important; 10357} 10358.blur { 10359 -webkit-filter: blur(8px); 10360 -moz-filter: blur(8px); 10361 -o-filter: blur(8px); 10362 -ms-filter: blur(8px); 10363 filter: blur(8px); 10364} 10365.notBlur { 10366 -webkit-filter: blur(0px); 10367 -moz-filter: blur(0px); 10368 -o-filter: blur(0px); 10369 -ms-filter: blur(0px); 10370 filter: blur(0px); 10371} 10372.stickyElement { 10373 position: -webkit-sticky; 10374 position: sticky; 10375 top: 0; 10376 z-index: 999; 10377} 10378.event-status { 10379 font-family: "GilroyBold"; 10380 padding: 0 15px 17px 0; 10381 border-bottom-right-radius: 10px !important; 10382 border-top-left-radius: 5px; 10383 line-height: normal; 10384 letter-spacing: normal; 10385 text-align: left; 10386 display: flex; 10387 flex-direction: column; 10388 justify-content: center; 10389 font-size: 0.875rem; 10390 line-height: 1.21; 10391 color: #f5f5f5; 10392 text-transform: uppercase; 10393} 10394.event-status.unpublished { 10395 padding: 0px 16px; 10396 -webkit-backdrop-filter: blur(50px); 10397 backdrop-filter: blur(50px); 10398 background-color: rgba(30, 30, 44, 0.65); 10399 width: 122px; 10400 height: 44px; 10401 color: #f5f5f5; 10402} 10403.event-status.tickets_gone { 10404 padding: 0px 16px; 10405 -webkit-backdrop-filter: blur(50px); 10406 backdrop-filter: blur(50px); 10407 background-color: rgba(29, 204, 184, 0.65); 10408 width: 145px; 10409 height: 44px; 10410} 10411.event-status.event_over { 10412 padding: 0px 16px; 10413 -webkit-backdrop-filter: blur(50px); 10414 backdrop-filter: blur(50px); 10415 background-color: rgba(255, 77, 77, 0.65); 10416 width: 120px; 10417 height: 44px; 10418} 10419.event-status.going_free_or_free_ticket_event { 10420 width: 150px; 10421 height: 44px; 10422 padding: 0px 16px; 10423 -webkit-backdrop-filter: blur(50px); 10424 backdrop-filter: blur(50px); 10425 background-color: rgba(94, 92, 222, 0.65); 10426} 10427.event-status.going_pay_at_door_event { 10428 width: 150px; 10429 height: 44px; 10430 padding: 0px 16px; 10431 -webkit-backdrop-filter: blur(50px); 10432 backdrop-filter: blur(50px); 10433 background-color: rgba(255, 147, 0, 0.65); 10434} 10435.event-status.ticket_sold_event, 10436.event-status.active { 10437 width: 122px; 10438 max-width: 252px; 10439 height: 44px; 10440 padding: 0px 16px; 10441 -webkit-backdrop-filter: blur(50px); 10442 backdrop-filter: blur(50px); 10443 background-color: rgba(29, 204, 184, 0.65); 10444} 10445.event-status.ticket_sold_event { 10446 width: 154px; 10447 max-width: 252px; 10448 height: 44px; 10449 padding: 0px 16px; 10450 -webkit-backdrop-filter: blur(50px); 10451 backdrop-filter: blur(50px); 10452 background-color: rgba(29, 204, 184, 0.65); 10453} 10454.event-status.eventCancelled, 10455.event-status.cancelled { 10456 padding: 0px 16px; 10457 color: #ff4d4d; 10458 width: 154px; 10459 height: 44px; 10460 -webkit-backdrop-filter: blur(50px); 10461 backdrop-filter: blur(50px); 10462 background-color: rgba(30, 30, 44, 0.65); 10463} 10464.event-status.ended, 10465.event-status.drawover { 10466 width: 112px; 10467 height: 44px; 10468 padding: 0px 15px; 10469 -webkit-backdrop-filter: blur(50px); 10470 backdrop-filter: blur(50px); 10471 background-color: rgba(255, 77, 77, 0.65); 10472} 10473.event-status.allused { 10474 width: 106px; 10475 height: 44px; 10476 padding: 0px 16px; 10477 -webkit-backdrop-filter: blur(50px); 10478 backdrop-filter: blur(50px); 10479 background-color: rgba(255, 147, 0, 0.3); 10480} 10481.event-details { 10482 width: 225px; 10483 margin: auto; 10484 position: absolute; 10485 text-align: center; 10486 z-index: 999; 10487 font-style: normal; 10488 line-height: normal; 10489 letter-spacing: normal; 10490 text-align: left; 10491 margin-left: 11px; 10492 bottom: 0px; 10493} 10494.event-details h3 { 10495 font-family: "GilroySemiBold"; 10496 font-size: 1.25rem; 10497 color: #f5f5f5; 10498 margin: 26px 0px 3px 0px; 10499 width: 224px; 10500 text-transform: capitalize; 10501 overflow: hidden; 10502} 10503.event-details p { 10504 font-family: "GilroySemiBold"; 10505 font-size: 0.875rem; 10506 float: left; 10507 margin-top: 0px; 10508 color: #babcc1; 10509} 10510.event-details i { 10511 font-size: 1.375rem !important; 10512 margin-top: -3px; 10513 float: right; 10514 color: #fff; 10515 cursor: pointer; 10516} 10517.disableLinks { 10518 opacity: 0.3; 10519 pointer-events: none !important; 10520} 10521.hover-Element { 10522 transform: scale(1); 10523 transition: transform 0.3s ease-in-out; 10524} 10525.hover-Element:hover { 10526 transform: scale(1.1) !important; 10527 transition: transform 0.3s ease-in-out !important; 10528} 10529@media (min-width: 768px) and (max-width: 1024px) { 10530 .vl { 10531 height: 32px; 10532 } 10533 .header-text { 10534 margin-left: 21px; 10535 } 10536 .components-wrapper .mobile-container { 10537 display: none; 10538 } 10539 .wizard-container { 10540 width: 768px; 10541 min-width: 768px; 10542 justify-content: none; 10543 } 10544 .Profile-Setup { 10545 margin-left: 30px; 10546 } 10547 .Profile-Setup form .Input-Field { 10548 width: 262px; 10549 margin-left: 20px; 10550 } 10551 .Profile-Setup form .Text-Field { 10552 width: 551px; 10553 padding-right: 18px; 10554 } 10555 .Profile-Setup form .inline-form { 10556 width: 0; 10557 gap: 39px; 10558 } 10559 .Profile-Setup form .inline-form .Input-Field { 10560 width: 256px !important; 10561 } 10562 .wizard-component-title { 10563 text-align: left; 10564 margin-left: 22px; 10565 } 10566 .NextButton { 10567 width: 509px; 10568 } 10569 .components-wrapper .mobile-container { 10570 display: none; 10571 } 10572 .wizard-container { 10573 width: 768px; 10574 min-width: 768px; 10575 justify-content: none; 10576 }
10577 .Pop-Up-Container .text { 10578 width: auto; 10579 margin: 0px 30px 0px 45px; 10580 } 10581 .Pop-Up-Container .NewstopContainer { 10582 padding: 110px 44px 44px; 10583 width: 610px; 10584 } 10585 .Pop-Up-Container .NewstopContainer .title { 10586 width: auto; 10587 } 10588 .newsfeedContainer { 10589 justify-content: center; 10590 overflow: scroll; 10591 height: 629px; 10592 } 10593 .newsfeedContainer .Box { 10594 width: 560px; 10595 height: 639px; 10596 } 10597 .newsfeedContainer .Box .topImage { 10598 width: 560px; 10599 height: 424px; 10600 } 10601 .newsfeedContainer .Box .newsfeedDescription .detail { 10602 width: auto; 10603 } 10604 .newsfeedContainer .Box .newsfeedDescription .dFlexRow { 10605 width: 530px; 10606 } 10607 .newsfeedContainer::-webkit-scrollbar { 10608 display: none; 10609 } 10610 .wizard-container .components-wrapper { 10611 margin-right: -145px; 10612 } 10613 .wizard-container .components-wrapper .component-container { 10614 width: 70%; 10615 margin-left: 60px; 10616 } 10617 .ImageEditContainer { 10618 margin-right: 51px; 10619 } 10620} 10621.label { 10622 color: #fff; 10623 font-size: 0.875rem; 10624 font-family: "GilroySemiBold"; 10625 text-transform: uppercase; 10626 line-height: normal; 10627 letter-spacing: normal; 10628 padding: 0px; 10629 margin: 0px; 10630} 10631.label span { 10632 color: #c2c7f2; 10633} 10634.label i { 10635 color: #ff4d4d; 10636 font-size: 0.375rem; 10637 position: relative; 10638 top: -10px; 10639} 10640.formFields { 10641 display: flex; 10642 flex-direction: column; 10643 gap: 10px; 10644} 10645.fields { 10646 padding: 14px 16px 14px 16px; 10647 border-radius: 14px; 10648 border: solid 1px #2f3450; 10649 background-color: #1e1e2c; 10650 font-size: 1rem; 10651 font-family: "GilroyBold"; 10652 color: #ffffff; 10653 display: flex; 10654 align-items: center; 10655 justify-content: center; 10656 -webkit-align-items: center; 10657 -webkit-justify-content: center; 10658} 10659.fields.inputField { 10660 width: 282px; 10661 height: 44px; 10662} 10663.fields.locationVenueField { 10664 width: 685px; 10665 height: 44px; 10666} 10667.fields.smallInputField { 10668 width: 129px; 10669} 10670.fields.smallInputVatField { 10671 width: 178px; 10672} 10673.fields.textField { 10674 height: 91px; 10675} 10676.fields:focus { 10677 border: 1px solid #6fffed; 10678 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 10679} 10680.errorMsg { 10681 font-style: normal; 10682 line-height: normal; 10683 letter-spacing: normal; 10684 font-family: "GilroyRegular"; 10685 font-size: 0.75rem; 10686 color: #ff4d4d; 10687 margin: 0px; 10688} 10689.errorMsg.positionAboslute { 10690 position: absolute; 10691 top: 54px; 10692} 10693.errorMsg i { 10694 color: #ff4d4d !important; 10695 font-size: 0.3125rem !important; 10696 position: relative !important; 10697 top: -6px !important; 10698 right: 0px !important; 10699 padding-right: 2px !important; 10700} 10701.checkboxText { 10702 font-size: 0.875rem; 10703 font-style: normal; 10704 line-height: normal; 10705 letter-spacing: normal; 10706 font-family: "GilroyMedium"; 10707 color: #f5f5f5; 10708 margin: 0px; 10709} 10710.creationWizardTitle { 10711 font-size: 1.5rem; 10712 font-family: "GilroyBold"; 10713 color: #f5f5f5; 10714 text-transform: capitalize; 10715 line-height: 0.92; 10716 font-style: normal; 10717} 10718@media screen and (max-width: 767px) { 10719 .glowButton { 10720 height: 34px !important; 10721 border-radius: 8px !important; 10722 font-size: 0.625rem !important; 10723 } 10724 .navBottomSpace { 10725 height: 4.375rem; 10726 } 10727 .label { 10728 font-size: 0.75rem !important; 10729 } 10730 .creationWizardTitle { 10731 font-size: 1.25rem !important; 10732 } 10733 .disableButton.new, 10734 .litButton.new { 10735 width: 90px !important; 10736 height: 34px !important; 10737 padding: 11px 6px; 10738 font-size: 0.625rem; 10739 border: none; 10740 font-family: "GilroyBold"; 10741 border-radius: 8px; 10742 } 10743 .fields { 10744 padding: 10px 10px 10px 10px !important; 10745 border-radius: 8px !important; 10746 font-size: 0.75rem; 10747 font-family: "GilroyBold"; 10748 } 10749 ::placeholder { 10750 font-size: 0.75rem !important; 10751 } 10752} 10753.btnTooltip { 10754 background-color: transparent !important; 10755 outline: none !important; 10756 margin: 0px !important; 10757 padding: 0px !important; 10758 border: none !important; 10759} 10760.capitalizeText { 10761 text-transform: capitalize; 10762} 10763.lowercaseText { 10764 text-transform: lowercase; 10765} 10766.switch { 10767 position: relative; 10768 display: inline-block; 10769 width: 44px; 10770 height: 29px; 10771 padding: 2.07px 2.27px 3.11px 2.27px; 10772 margin: 0; 10773} 10774.switch input { 10775 opacity: 0; 10776 width: 0; 10777 height: 0; 10778} 10779.slider { 10780 position: absolute; 10781 cursor: pointer; 10782 top: 0; 10783 left: 0; 10784 right: 0; 10785 bottom: 0; 10786 background-color: rgb(92, 93, 122); 10787 -webkit-transition: 0.4s; 10788 transition: 0.4s; 10789} 10790.slider:before { 10791 position: absolute; 10792 content: ""; 10793 width: 22.744px; 10794 height: 23.821px; 10795 background-color: #fff; 10796 border-radius: 50px; 10797 left: 2.77px; 10798 right: 2.77px; 10799 bottom: 2.07px; 10800 top: 2.07px; 10801 -webkit-transition: 0.4s; 10802 transition: 0.4s; 10803} 10804input:checked + .slider { 10805 background-color: rgb(10, 132, 255); 10806} 10807input:focus + .slider { 10808 box-shadow: 0 0 1px #2196F3; 10809} 10810input:checked + .slider:before { 10811 -webkit-transform: translateX(15px); 10812 -ms-transform: translateX(15px); 10813 transform: translateX(15px); 10814} 10815.slider.round { 10816 border-radius: 50px; 10817} 10818.slider.round:before { 10819 border-radius: 50px; 10820} 10821@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 10822 .positionAboslute { 10823 position: absolute; 10824 } 10825} 10826.adminDetailContainer { 10827 display: flex; 10828 width: 1011px; 10829 height: 85vh; 10830 padding: 24px; 10831 flex-direction: column; 10832 justify-content: flex-start; 10833 align-items: flex-start; 10834 gap: 24px; 10835 border-radius: 8px; 10836 border: 1px solid #2F3450; 10837} 10838.adminDetailContainer .noRecord { 10839 display: flex; 10840 align-items: center; 10841 justify-content: center; 10842 font-size: 1.1875em; 10843 color: #ffffff; 10844 font-family: "GilroyBold"; 10845} 10846.adminDetailContainer h1 { 10847 padding: 0; 10848 margin: 0; 10849 font-family: "GilroyBold"; 10850 font-size: 1.25rem; 10851 color: #ffffff; 10852 font-style: normal; 10853 line-height: normal; 10854} 10855.adminDetailContainer .adminDetailHeader { 10856 display: flex; 10857 justify-content: space-between; 10858 align-items: flex-start; 10859 flex-direction: row; 10860 width: 100%; 10861} 10862.adminDetailContainer .adminDetailHeader .pillsContainer { 10863 display: flex; 10864 justify-content: center; 10865 align-items: center; 10866 flex-direction: row; 10867 gap: 16px; 10868} 10869.adminDetailContainer .adminDetailHeader .actions { 10870 display: flex; 10871 justify-content: center; 10872 align-items: center; 10873 flex-direction: row; 10874 gap: 16px; 10875} 10876.adminDetailContainer .adminDetailHeader .actions .search { 10877 width: 319px; 10878 height: 44px; 10879} 10880.adminDetailContainer .adminDetailHeader .actions .search app-new-search .search-bar input[type=search] { 10881 color: #ffffff !important; 10882} 10883.adminDetailContainer .adminDetailHeader .actions .search app-new-search .search-bar input[type=search]::placeholder { 10884 color: #ffffff !important; 10885 opacity: 0.2 !important; 10886 font-size: 1rem !important; 10887 font-family: "GilroyMedium" !important; 10888} 10889.adminDetailContainer .adminDetailHeader .actions .invite-btn { 10890 width: 124px; 10891 height: 44px; 10892 border-radius: 10px; 10893} 10894.adminDetailContainer .adminDetailHeader .actions .invite-btn button { 10895 width: 124px; 10896 height: 44px; 10897 background-color: #0a84ff;
10898 color: #ffffff; 10899 font-family: "GilroyBold"; 10900 font-size: 0.875rem; 10901 font-style: normal; 10902 line-height: normal; 10903 text-align: center; 10904 border-radius: 10px; 10905 outline: none; 10906 border: none; 10907} 10908.adminDetailContainer .superAdminCard { 10909 width: 100%; 10910 display: flex; 10911 flex-direction: column; 10912 justify-content: flex-start; 10913 gap: 24px; 10914 overflow: scroll; 10915 height: 100vh; 10916} 10917.adminDetailContainer .superAdminCard.noRecordCenter { 10918 align-items: center; 10919 justify-content: center; 10920} 10921.adminDetailContainer .whenEmpty { 10922 display: flex; 10923 justify-content: center; 10924 align-items: center; 10925 flex-direction: column; 10926 gap: 14px; 10927 width: 100%; 10928 height: 100%; 10929} 10930.adminDetailContainer .whenEmpty img { 10931 width: 40px; 10932 height: 34px; 10933 flex-shrink: 0; 10934} 10935.adminDetailContainer .whenEmpty h3 { 10936 width: auto; 10937 padding: 0; 10938 margin: 0; 10939 font-family: "GilroySemiBold"; 10940 font-size: 1rem; 10941 color: #5c5d7a; 10942 font-style: normal; 10943 line-height: normal; 10944 height: 19px; 10945 vertical-align: middle; 10946} 10947@media only screen and (min-width: 768px) and (max-width: 1024px) { 10948 .adminDetailContainer { 10949 width: 509px; 10950 height: 923px; 10951 } 10952 .adminDetailContainer .adminDetailHeader { 10953 display: flex; 10954 flex-direction: column-reverse; 10955 gap: 24px; 10956 } 10957} 10958`],encapsulation:2})}}return t})();function Ft(t,i){if(t&1){let n=P();p(0,"div",1)(1,"div",2)(2,"div",3)(3,"img",4),f(4,"imgURL"),m("click",function(){_(n);let o=d();return C(o.back())}),r(),p(5,"h1"),l(6,"Manage Admins"),r()(),p(7,"div",5),x(8,"app-admin-details-card")(9,"app-admin-invite-details"),r()()()}t&2&&(a(3),c("src",u(4,1,"admin/backArrow.svg"),h))}var We=(()=>{class t{constructor(n,e,o){this.adminService=n,this.sharedService=e,this.router=o}ngOnInit(){this.getLoggedInAdminDetails()}getLoggedInAdminDetails(){this.adminService.getLoggedInAdminDetails().then(n=>{this.adminService.loggedInAdminDetails=null,this.adminService.loggedInAdminDetails=new $(n)}).catch(()=>{}).finally(()=>{})}back(){this.router.navigateByUrl(this.sharedService.previousUrl)}ngOnDestroy(){this.adminService.loggedInAdminDetails=null}static{this.\u0275fac=function(e){return new(e||t)(s(S),s(X),s(rn))}}static{this.\u0275cmp=y({type:t,selectors:[["app-super-admin-home"]],standalone:!0,features:[k],decls:1,vars:1,consts:[["class","superAdminContainer",4,"ngIf"],[1,"superAdminContainer"],[1,"adminDetails"],[1,"adminHeader"],["alt","Icon",3,"click","src"],[1,"detailMore"]],template:function(e,o){e&1&&b(0,Ft,10,3,"div",0),e&2&&c("ngIf",o.adminService.loggedInAdminDetails)},dependencies:[z,j,B,Un,Xn],styles:[` 10959 10960.sidebar-navigation-layout-event[_ngcontent-%COMP%] { 10961 background-color: #232638; 10962 width: 100%; 10963 min-height: 100vh; 10964 max-height: 100%; 10965 max-width: 265px; 10966 padding: 24px 10px 20px 10px; 10967 z-index: 1; 10968 position: sticky; 10969 top: 0 !important; 10970} 10971.row-three-column-layout[_ngcontent-%COMP%] { 10972 display: flex; 10973 flex-direction: row; 10974} 10975.row-three-column-layout[_ngcontent-%COMP%] .columns[_ngcontent-%COMP%] { 10976 width: 33.33%; 10977 padding-left: 0px !important; 10978 margin-right: 91.9px !important; 10979} 10980.flex-container[_ngcontent-%COMP%] { 10981 display: flex; 10982 flex-direction: row; 10983 width: 100vw; 10984 height: 100vh !important; 10985 overflow: hidden !important; 10986} 10987.columns[_ngcontent-%COMP%]:nth-of-type(1) { 10988 width: 22%; 10989 max-width: 14.37rem; 10990 z-index: 1; 10991} 10992.columns[_ngcontent-%COMP%]:nth-of-type(2) { 10993 width: 100%; 10994 background: #0B0D1D; 10995} 10996.data-top-box[_ngcontent-%COMP%] { 10997 margin-top: 27.5px; 10998 width: 100%; 10999 height: 205px; 11000 padding: 15px 15px 15px 15px; 11001 border-radius: 10px; 11002 background-image: 11003 linear-gradient( 11004 to bottom, 11005 #282c40, 11006 #232333); 11007 display: flex; 11008 flex-direction: row; 11009} 11010.data-top-box[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] { 11011 font-family: "GilroySemiBold"; 11012 font-size: 1.125rem; 11013 text-align: left; 11014 font-style: normal; 11015 line-height: 0.72; 11016 letter-spacing: normal; 11017 color: #f5f5f5; 11018 margin-top: 5.5px; 11019} 11020.data-top-box[_ngcontent-%COMP%] .cola[_ngcontent-%COMP%] { 11021 width: 50%; 11022} 11023.attendee-boxes[_ngcontent-%COMP%] { 11024 display: flex; 11025 flex-direction: row; 11026 justify-content: space-between; 11027 width: 95%; 11028} 11029.attendee-desc[_ngcontent-%COMP%] { 11030 margin-left: 5.8px; 11031 margin-right: 5.8px; 11032} 11033.attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 11034 font-family: "GilroySemiBold"; 11035 font-size: 0.875rem; 11036 font-style: normal; 11037 line-height: 0.93; 11038 letter-spacing: normal; 11039 text-transform: uppercase; 11040 margin-bottom: 0px; 11041} 11042.attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 11043 font-family: "GilroySemiBold"; 11044 font-size: 1.625rem; 11045 text-align: left; 11046 font-style: normal; 11047 line-height: 0.5; 11048 letter-spacing: normal; 11049 color: #f5f5f5; 11050 margin-top: 10px; 11051 margin-left: 2px; 11052} 11053.attendee-details[_ngcontent-%COMP%] { 11054 margin-top: 21.5px; 11055 display: flex; 11056 flex-direction: row; 11057 justify-content: space-evenly; 11058} 11059.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 11060 width: 45px; 11061 height: 45px; 11062 transform: scale(1) !important; 11063 transition: transform 0.3s ease-in-out !important; 11064} 11065.attendee-details[_ngcontent-%COMP%] .going[_ngcontent-%COMP%] { 11066 color: #6fffed; 11067} 11068.attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 11069 color: #b260ea; 11070 width: 127px; 11071} 11072.attendee-details[_ngcontent-%COMP%] .vip_passes[_ngcontent-%COMP%] { 11073 color: #ff9300; 11074 width: 72px; 11075} 11076.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%]:hover { 11077 transform: scale(1.1) !important; 11078 transition: transform 0.3s ease-in-out !important; 11079} 11080@media (min-width: 375) and (max-width: 425px) { 11081 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 11082 display: none; 11083 } 11084} 11085@media (min-width: 768px) and (max-width: 1365px) { 11086 .attendee-boxes[_ngcontent-%COMP%] { 11087 display: flex; 11088 flex-direction: row; 11089 justify-content: space-around; 11090 margin-right: 5px; 11091 } 11092 .attendee-desc[_ngcontent-%COMP%] { 11093 margin-left: 3.8px; 11094 margin-right: 3.8px; 11095 } 11096 .attendee-details[_ngcontent-%COMP%] { 11097 margin-top: 21.5px; 11098 display: flex; 11099 flex-direction: row; 11100 justify-content: space-evenly; 11101 } 11102 .attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 11103 width: 35px; 11104 height: 35px; 11105 } 11106 .attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 11107 font-size: 0.75rem; 11108 } 11109 .attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 11110 font-size: 1.25rem; 11111 } 11112 .attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 11113 width: 110px; 11114 } 11115 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 11116 display: none; 11117 } 11118 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 11119 width: 100vw; 11120 } 11121 .ComponentsWrapper[_ngcontent-%COMP%] { 11122 width: 100% !important; 11123 } 11124} 11125@media screen and (min-width: 1025px) and (max-width: 1365px) { 11126 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 11127 display: none; 11128 } 11129} 11130@media (min-width: 900px) and (width: 1900px) { 11131 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 11132 width: 15%; 11133 } 11134 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 11135 width: 85%; 11136 } 11137} 11138.wizard-container[_ngcontent-%COMP%] { 11139 display: flex; 11140 flex-direction: row; 11141 width: 1440px; 11142 min-width: 1440px; 11143 justify-content: center; 11144 margin: auto; 11145} 11146.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 11147 width: 100%; 11148 display: flex; 11149 flex-direction: row; 11150} 11151.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 11152 display: flex; 11153 flex-direction: column; 11154 width: 75%; 11155} 11156.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container.fullWidth[_ngcontent-%COMP%] { 11157 width: 100% !important; 11158} 11159.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 11160 width: 42%; 11161 color: #fff; 11162 margin-right: 35px !important; 11163 margin-top: 36px; 11164} 11165.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 11166 width: 365px; 11167 height: 733px; 11168 margin-top: 20px; 11169 margin-right: 35px; 11170 position: -webkit-sticky; 11171 position: sticky; 11172 top: 155px; 11173} 11174.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 11175 width: 42%; 11176 color: #fff; 11177 margin-right: 35px !important; 11178 margin-top: 36px; 11179 z-index: -1; 11180} 11181.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 11182 position: relative; 11183 width: 365px; 11184 height: 733px; 11185 margin-top: 20px; 11186 margin-right: 35px; 11187} 11188.wizard-footer[_ngcontent-%COMP%] { 11189 width: 687px; 11190 height: 65px; 11191 position: absolute; 11192 bottom: 0%; 11193 padding: 0px 95px; 11194 display: flex; 11195 justify-content: flex-end; 11196 align-items: center; 11197} 11198@media only screen and (max-height: 900px) { 11199 .mobile-container[_ngcontent-%COMP%] { 11200 margin-top: 0px !important; 11201 } 11202} 11203.NextButton[_ngcontent-%COMP%] { 11204 margin-top: 40px; 11205 display: flex; 11206 justify-content: flex-end; 11207 width: 588px; 11208 height: 65px; 11209} 11210.CenterAlign[_ngcontent-%COMP%] { 11211 display: flex; 11212 align-items: center; 11213 flex-direction: column; 11214 justify-content: center; 11215} 11216.ComponentsWrapper[_ngcontent-%COMP%] { 11217 width: 1115px; 11218} 11219.minusSign[_ngcontent-%COMP%] { 11220 margin-right: 11.5px; 11221 width: 10px; 11222 height: 21px; 11223 cursor: pointer; 11224 transition: all 0.2s ease-in-out; 11225} 11226.plusSign[_ngcontent-%COMP%] { 11227 margin-left: 11.5px; 11228 width: 10px; 11229 height: 21px; 11230 cursor: pointer; 11231 transition: all 0.2s ease-in-out; 11232} 11233.minusSign[_ngcontent-%COMP%]:hover, .plusSign[_ngcontent-%COMP%]:hover { 11234 transform: scale(1.2); 11235} 11236.app-scrollbar[_ngcontent-%COMP%] { 11237 position: relative; 11238 top: 0px; 11239 right: 0px; 11240 padding: 0px; 11241 z-index: 0; 11242} 11243.leftArrow-Container[_ngcontent-%COMP%] { 11244 width: 50px; 11245 height: 154px; 11246 background-image: 11247 linear-gradient( 11248 to right, 11249 #1e1e2c, 11250 rgba(30, 30, 44, 0.5)); 11251 display: flex; 11252 align-items: center; 11253 position: absolute; 11254 justify-content: center; 11255 z-index: 4; 11256 left: 210px; 11257} 11258.leftArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 11259 color: #f5f5f5; 11260 font-size: 1.75rem; 11261 cursor: pointer; 11262 transition: 0.2s ease-in-out; 11263} 11264.rightArrow-Container[_ngcontent-%COMP%] { 11265 width: 50px; 11266 height: 154px; 11267 background-image: 11268 linear-gradient( 11269 to right, 11270 #1e1e2c, 11271 rgba(30, 30, 44, 0.5)); 11272 display: flex; 11273 align-items: center; 11274 position: absolute; 11275 justify-content: center; 11276 z-index: 4; 11277 right: -24px; 11278} 11279.rightArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 11280 color: #f5f5f5; 11281 font-size: 1.75rem; 11282 cursor: pointer; 11283} 11284.leftArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%], .rightArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%] { 11285 transform: scale(1.4); 11286 transition: 0.2s ease-in-out; 11287} 11288.top-nav[_ngcontent-%COMP%] { 11289 top: -23px; 11290 z-index: 1; 11291 position: relative; 11292 display: flex; 11293 flex-direction: row; 11294 gap: 15px; 11295} 11296.top-nav.Opacity[_ngcontent-%COMP%] { 11297 opacity: 0.3; 11298 transition: 0.1s ease-in;
11299 z-index: 0; 11300} 11301.top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 11302 margin: 20px 0px 0px 0px; 11303 padding: 11px 20px 11px; 11304 border-radius: 25px; 11305 height: 42px; 11306 width: auto !important; 11307 background-color: rgba(111, 255, 237, 0.1); 11308 transition: background-color 0.3s ease-in-out; 11309 transform: scale(1); 11310 transition: transform 0.3s ease-in-out; 11311 color: #6fffed; 11312 font-family: "GilroyMedium"; 11313 font-size: 1rem; 11314 font-style: normal; 11315 line-height: normal; 11316 letter-spacing: normal; 11317 cursor: pointer; 11318 border: none; 11319 outline: none; 11320 z-index: 0; 11321} 11322.top-nav[_ngcontent-%COMP%] button.active[_ngcontent-%COMP%] { 11323 color: #313245; 11324 background-color: #6fffed; 11325 transition: background-color 0.3s ease-in-out; 11326} 11327.Pop-Up-Container-Body[_ngcontent-%COMP%] { 11328 width: 100%; 11329 height: 100vh; 11330 display: flex; 11331 align-items: center; 11332 justify-content: center; 11333 position: fixed; 11334 top: 1.5%; 11335} 11336.scroller[_ngcontent-%COMP%] { 11337 top: 0; 11338 width: 204px; 11339 transition: 0.2s ease-in-out; 11340 position: relative; 11341 margin-right: 15px; 11342 font-style: normal; 11343 z-index: 0; 11344} 11345.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] { 11346 width: 204px; 11347 height: 154px; 11348 background-color: #242637; 11349 border-radius: 5px; 11350 cursor: pointer; 11351 display: flex; 11352 flex-direction: column; 11353 justify-content: center; 11354 align-items: center; 11355 vertical-align: middle; 11356} 11357.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-icon[_ngcontent-%COMP%] { 11358 width: 26.9px; 11359 height: 26.9px; 11360} 11361.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-title[_ngcontent-%COMP%] { 11362 font-family: "GilroyMedium"; 11363 font-size: 1rem; 11364 line-height: 1.23; 11365 letter-spacing: normal; 11366 margin: 16.1px 0 0; 11367 text-align: center; 11368 color: #6fffed; 11369 width: 112px; 11370 height: 45px; 11371} 11372.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] { 11373 display: inline-block; 11374 width: 252px; 11375 height: 154px; 11376 padding: 0 15px 17px 0; 11377 border-radius: 5px !important; 11378 cursor: pointer; 11379 position: relative; 11380 top: 0px; 11381 z-index: -1; 11382} 11383.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 11384 width: 252px; 11385 height: 154px; 11386 border-radius: 5px; 11387 position: absolute; 11388 object-fit: cover; 11389 object-position: center; 11390} 11391.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] { 11392 width: 252px; 11393 height: 568px; 11394 background-image: 11395 linear-gradient( 11396 to bottom, 11397 #242637, 11398 #1e1e2c); 11399 position: absolute; 11400 top: 97%; 11401 z-index: 0; 11402 bottom: 140px; 11403 display: none; 11404 transition: 0.2s ease-in-out; 11405 padding: 20px 17.7px 20px 17.7px; 11406} 11407.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] .event-menu-container[_ngcontent-%COMP%] { 11408 display: flex; 11409 flex-direction: column; 11410 justify-content: center; 11411 text-align: center; 11412} 11413.Inline-Container[_ngcontent-%COMP%]::-webkit-scrollbar {
11414 display: none !important; 11415} 11416.Inline-Container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] { 11417 display: flex; 11418 flex-direction: row; 11419 padding-inline-start: 0px; 11420 list-style-type: none; 11421 transition: transform 0.5s ease; 11422} 11423.Inline-Container[_ngcontent-%COMP%] { 11424 cursor: grab; 11425} 11426.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover { 11427 top: -65px !important; 11428 z-index: 2; 11429 transition: 0.2s ease-in-out; 11430} 11431.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover .event-menu-wrapper[_ngcontent-%COMP%] { 11432 display: block !important; 11433} 11434.control-item[_ngcontent-%COMP%] { 11435 display: flex; 11436 flex-direction: column; 11437 justify-content: center; 11438 align-items: center; 11439 width: 58px; 11440 cursor: pointer; 11441} 11442.control-item[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 11443 width: 40px !important; 11444 height: 40px !important; 11445 position: relative !important; 11446 object-fit: contain; 11447 transition: all 0.2s ease-in-out; 11448} 11449.control-item[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 11450 font-family: "GilroyLight"; 11451 font-size: 0.875rem; 11452 font-style: normal; 11453 line-height: normal; 11454 letter-spacing: normal; 11455 text-align: center; 11456 color: #c2c7f2; 11457 white-space: normal; 11458 margin-top: 12px; 11459} 11460.InputFieldArrow[_ngcontent-%COMP%] { 11461 position: relative; 11462 width: 272px !important; 11463} 11464.InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 11465 position: absolute; 11466 color: #babcc1; 11467 font-size: 1.5rem; 11468 top: 20px; 11469 right: 16px; 11470 z-index: 1; 11471 cursor: pointer; 11472} 11473@media (min-width: 768px) and (max-width: 1024px) { 11474 .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 11475 display: none; 11476 } 11477 .InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 11478 position: relative; 11479 right: -232px; 11480 top: 46px; 11481 } 11482 .top-nav[_ngcontent-%COMP%] { 11483 top: -23px; 11484 z-index: 1; 11485 position: relative; 11486 display: inline-block; 11487 width: 100%; 11488 white-space: nowrap; 11489 overflow: auto; 11490 } 11491 .top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 11492 margin: 20px 20px 0px 0px; 11493 } 11494 .NextButton[_ngcontent-%COMP%] { 11495 width: 514px; 11496 } 11497} 11498.top-nav[_ngcontent-%COMP%]::-webkit-scrollbar {
11499 display: none; 11500} 11501.popUpBox[_ngcontent-%COMP%] { 11502 width: 100%; 11503 height: auto; 11504 background-color: #1e1e2c; 11505 padding: 40px; 11506} 11507.popUpBox[_ngcontent-%COMP%] .topTitleBar[_ngcontent-%COMP%] .creationWizardTitle[_ngcontent-%COMP%] { 11508 line-height: 1.08; 11509} 11510.popUpBox[_ngcontent-%COMP%] .topTitleBar.dFlexRow[_ngcontent-%COMP%] { 11511 justify-content: space-between; 11512} 11513@media screen and (max-width: 767px) { 11514 .popUpBox[_ngcontent-%COMP%] { 11515 padding: 16px !important; 11516 } 11517} 11518@keyframes _ngcontent-%COMP%_expander { 11519 from { 11520 transform: scale(1); 11521 } 11522 50% { 11523 transform: scale(1.1); 11524 } 11525 100% { 11526 transform: scale(1.2); 11527 } 11528} 11529@-webkit-keyframes _ngcontent-%COMP%_slide { 11530 100% { 11531 left: -55px; 11532 } 11533} 11534@keyframes _ngcontent-%COMP%_slide { 11535 100% { 11536 left: -55px; 11537 } 11538} 11539@-webkit-keyframes _ngcontent-%COMP%_slideDrawer { 11540 0% { 11541 left: -245px; 11542 } 11543 100% { 11544 left: 0; 11545 } 11546} 11547@keyframes _ngcontent-%COMP%_slideDrawer { 11548 0% { 11549 left: -245px; 11550 } 11551 100% { 11552 left: 0; 11553 } 11554} 11555@-webkit-keyframes _ngcontent-%COMP%_slideBox { 11556 0% { 11557 left: -600px; 11558 } 11559 100% { 11560 left: 0px; 11561 } 11562} 11563@keyframes _ngcontent-%COMP%_slideBox { 11564 0% { 11565 left: -600px; 11566 } 11567 100% { 11568 left: 0px; 11569 } 11570} 11571.menu-items-grid[_ngcontent-%COMP%] .control-item[_ngcontent-%COMP%]:hover img[_ngcontent-%COMP%] { 11572 transform: scale(1.2); 11573} 11574@keyframes _ngcontent-%COMP%_slideUp { 11575 0% { 11576 transform: translate3d(0, 20px, 0); 11577 opacity: 0; 11578 } 11579 50% { 11580 transform: translate3d(0, 10px, 0); 11581 opacity: 0.5; 11582 } 11583 100% { 11584 transform: translate3d(0, 0px, 0); 11585 opacity: 1; 11586 } 11587} 11588@keyframes _ngcontent-%COMP%_fadein { 11589 from { 11590 opacity: 0; 11591 } 11592 to { 11593 opacity: 1; 11594 } 11595} 11596.gray-BG[_ngcontent-%COMP%] { 11597 background-color: #babcc1 !important; 11598} 11599.midnight-express-BG[_ngcontent-%COMP%] { 11600 background-color: #242637; 11601} 11602.black-russian[_ngcontent-%COMP%] { 11603 background-color: #0b0b1a !important; 11604} 11605.baby-blue-BG[_ngcontent-%COMP%] { 11606 background-color: #6fffed !important; 11607} 11608.slate-blue-BG[_ngcontent-%COMP%] { 11609 background-color: #5e5cde !important; 11610} 11611.dark-orange-BG[_ngcontent-%COMP%] { 11612 background-color: #ff9300 !important; 11613} 11614.dodger-blue[_ngcontent-%COMP%] { 11615 background-color: #0a84ff !important; 11616} 11617.medium-orchid-BG[_ngcontent-%COMP%] { 11618 background-color: #bf5af2 !important; 11619} 11620.rich-lilac-BG[_ngcontent-%COMP%] { 11621 background-color: #b260ea; 11622} 11623.comet-BG[_ngcontent-%COMP%] { 11624 background-color: #5e5f71; 11625} 11626.gamboge-BG[_ngcontent-%COMP%] { 11627 background-color: #e68f09; 11628} 11629.blur[_ngcontent-%COMP%] { 11630 -webkit-filter: blur(8px); 11631 -moz-filter: blur(8px); 11632 -o-filter: blur(8px); 11633 -ms-filter: blur(8px); 11634 filter: blur(8px); 11635} 11636.blue-shade2-border[_ngcontent-%COMP%] { 11637 border: solid 2px #43445e !important; 11638} 11639.baby-blue-border[_ngcontent-%COMP%] { 11640 border: solid 1px #6fffed !important; 11641} 11642.dark-orange-border[_ngcontent-%COMP%] { 11643 border: solid 1px #ff9300 !important; 11644} 11645.medium-orchid-border[_ngcontent-%COMP%] { 11646 border: solid 1px #bf5af2 !important; 11647} 11648.dodger-blue-shade2-border[_ngcontent-%COMP%] { 11649 border: solid 1px #0a84ff !important; 11650} 11651.white-smoke-border[_ngcontent-%COMP%] { 11652 border: solid 1px #f5f5f5 !important; 11653} 11654.red-border[_ngcontent-%COMP%] { 11655 border: solid 1px #ff0100 !important; 11656} 11657.black-russian-border[_ngcontent-%COMP%] { 11658 border: solid 1ps #0b0b1a; 11659} 11660.border-red[_ngcontent-%COMP%] { 11661 border: solid 1px #ff0100 !important; 11662} 11663.border-sunsetOrange[_ngcontent-%COMP%] { 11664 border: 1px solid #ff4d4d !important; 11665} 11666.border-grayLight[_ngcontent-%COMP%] { 11667 border: solid 2px #2F3450 !important; 11668} 11669.blueshadeThreeText[_ngcontent-%COMP%] { 11670 color: #81cffa; 11671} 11672.richlilacText[_ngcontent-%COMP%] { 11673 color: #b260ea !important; 11674} 11675.slateBlueText[_ngcontent-%COMP%] { 11676 color: #5e5cde !important; 11677} 11678.slateText[_ngcontent-%COMP%] { 11679 color: #5c5d7a !important; 11680} 11681.babyBlueText[_ngcontent-%COMP%] { 11682 color: #6fffed !important; 11683} 11684.darkOrangeText[_ngcontent-%COMP%] { 11685 color: #ff9300 !important; 11686} 11687.freshYellowText[_ngcontent-%COMP%] { 11688 color: #ffd60a; 11689} 11690.brightPeachText[_ngcontent-%COMP%] { 11691 color: #f96f6f; 11692} 11693.mediumOrchidText[_ngcontent-%COMP%] { 11694 color: #bf5af2 !important; 11695} 11696.black-russian-Text[_ngcontent-%COMP%] { 11697 color: #0b0b1a !important; 11698} 11699.dodgerBlueShadeText[_ngcontent-%COMP%] { 11700 color: #0a84ff !important; 11701} 11702.orangyRedText[_ngcontent-%COMP%] { 11703 color: #ff453a; 11704} 11705.whiteText[_ngcontent-%COMP%] { 11706 color: #f5f5f5 !important; 11707} 11708.pureWhiteText[_ngcontent-%COMP%] { 11709 color: #fff !important; 11710} 11711.comitText[_ngcontent-%COMP%] { 11712 color: #5e5f71 !important; 11713} 11714.carnationText[_ngcontent-%COMP%] { 11715 color: #ff6f90; 11716} 11717.redText[_ngcontent-%COMP%] { 11718 color: #ff0100 !important; 11719} 11720.LavenderBlueText[_ngcontent-%COMP%] { 11721 color: #c2c7f2 !important; 11722} 11723.orangePeelText[_ngcontent-%COMP%] { 11724 color: #ff9300 !important; 11725} 11726.greenText[_ngcontent-%COMP%] { 11727 color: #32d74b; 11728} 11729.sunsetOrangeText[_ngcontent-%COMP%] { 11730 color: #ff4d4d !important; 11731} 11732.grayText[_ngcontent-%COMP%] { 11733 color: #babcc1; 11734} 11735.lighterPurpleText[_ngcontent-%COMP%] { 11736 color: #bd58f0; 11737} 11738.whiteColorText[_ngcontent-%COMP%] { 11739 color: #ffffff !important; 11740} 11741.mangoManiaText[_ngcontent-%COMP%] { 11742 color: #fec20e !important; 11743} 11744.promotionalTextColor[_ngcontent-%COMP%] { 11745 color: #EA60A2 !important; 11746} 11747.center-text[_ngcontent-%COMP%] { 11748 text-align: center !important; 11749} 11750.leftText[_ngcontent-%COMP%] { 11751 text-align: left !important; 11752} 11753.rightText[_ngcontent-%COMP%] { 11754 text-align: right; 11755} 11756.floatRight[_ngcontent-%COMP%] { 11757 float: right; 11758} 11759.floatLeft[_ngcontent-%COMP%] { 11760 float: left; 11761} 11762.clearfix[_ngcontent-%COMP%] { 11763 clear: both; 11764} 11765.dNone[_ngcontent-%COMP%] { 11766 display: none !important; 11767} 11768.dBlock[_ngcontent-%COMP%] { 11769 display: block !important; 11770} 11771.dInlineBlock[_ngcontent-%COMP%] { 11772 display: inline-block !important; 11773} 11774.dInline[_ngcontent-%COMP%] { 11775 display: inline !important; 11776} 11777.dFlex[_ngcontent-%COMP%] { 11778 display: flex; 11779} 11780.dFlexColumn[_ngcontent-%COMP%] { 11781 display: flex; 11782 flex-direction: column; 11783} 11784.dFlexRow[_ngcontent-%COMP%] { 11785 display: flex; 11786 flex-direction: row; 11787} 11788.dFlex-with-center[_ngcontent-%COMP%] { 11789 display: flex; 11790 align-items: center; 11791} 11792.dFlex-with-col-center[_ngcontent-%COMP%] { 11793 display: flex; 11794 flex-flow: column; 11795 align-items: center; 11796} 11797.clickable[_ngcontent-%COMP%] { 11798 cursor: pointer; 11799} 11800.text-direction-vertical[_ngcontent-%COMP%] { 11801 writing-mode: vertical-rl; 11802 transform: rotate(180deg); 11803} 11804.ellipsis[_ngcontent-%COMP%] { 11805 overflow: hidden; 11806 white-space: nowrap; 11807 text-overflow: ellipsis; 11808} 11809.capital-text[_ngcontent-%COMP%] { 11810 text-transform: uppercase; 11811} 11812.disableDiv[_ngcontent-%COMP%] { 11813 pointer-events: none; 11814} 11815.margin-top-10[_ngcontent-%COMP%] { 11816 margin-top: 10px; 11817} 11818.margin-top-15[_ngcontent-%COMP%] { 11819 margin-top: 15px; 11820} 11821.margin-top-20[_ngcontent-%COMP%] { 11822 margin-top: 20px; 11823} 11824.margin-top-30[_ngcontent-%COMP%] { 11825 margin-top: 30px; 11826} 11827.margin-top-0[_ngcontent-%COMP%] { 11828 margin-top: 0px !important; 11829} 11830.shadow[_ngcontent-%COMP%] { 11831 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 11832 -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 11833 -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 11834} 11835.sahdow-right-bottom-black[_ngcontent-%COMP%] { 11836 box-shadow: 5px 5px 5px black; 11837 -webkit-box-shadow: 5px 5px 5px black; 11838 -moz-box-shadow: 5px 5px 5px black; 11839} 11840.filter-drop-shadow[_ngcontent-%COMP%] { 11841 -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 11842 -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 11843 -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 11844 -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 11845 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 11846} 11847.organgePeelText[_ngcontent-%COMP%] { 11848 color: #ff9300; 11849} 11850.organgePeelText[_ngcontent-%COMP%] { 11851 color: #ff9300; 11852} 11853.sunsetOrangeText[_ngcontent-%COMP%] { 11854 color: #ff4d4d; 11855} 11856ngx-image-cropper[_ngcontent-%COMP%] { 11857 background: #1e1e2c !important; 11858} 11859ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:not(.ngx-ic-canvas) { 11860 background: #1e1e2c !important; 11861 opacity: 0 !important; 11862} 11863ngx-image-cropper[_ngcontent-%COMP%] .ngx-ic-canvas[_ngcontent-%COMP%] { 11864 background: transparent !important; 11865} 11866image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus, ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus { 11867 outline: none !important; 11868} 11869image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%], ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%] { 11870 border: none !important; 11871 box-shadow: none !important; 11872} 11873.ticket-heading[_ngcontent-%COMP%] { 11874 font-family: "STENCILAND"; 11875 font-size: 0.875rem; 11876 font-style: normal; 11877 line-height: 1.21; 11878 text-align: center; 11879 text-transform: uppercase; 11880 margin: 10px 0px 3px 0px; 11881} 11882.ticket-heading.baby-blue[_ngcontent-%COMP%] { 11883 color: #6fffed; 11884 letter-spacing: 0.28px; 11885} 11886.ticket-heading.slate-blue[_ngcontent-%COMP%] { 11887 color: #5e5cde; 11888 letter-spacing: 0.28px; 11889} 11890.ticket-heading.dark-orange[_ngcontent-%COMP%] { 11891 color: #ff9300; 11892 letter-spacing: 0.28px; 11893} 11894.ticket-heading.orange[_ngcontent-%COMP%] { 11895 letter-spacing: 2px; 11896 color: #ff9300; 11897} 11898.ticket-heading[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 11899 font-family: "GilroySemiBold"; 11900 font-size: 1rem; 11901 line-height: 1.06; 11902 letter-spacing: normal; 11903} 11904.navBottomSpace[_ngcontent-%COMP%] { 11905 height: 4.375rem; 11906} 11907.submenuNavSpace[_ngcontent-%COMP%] { 11908 width: 73px; 11909} 11910.secondary-text[_ngcontent-%COMP%] { 11911 color: #babcc1; 11912 font-family: "GilroyMedium"; 11913 font-size: 0.875rem; 11914} 11915.user-profile-subheading[_ngcontent-%COMP%] { 11916 color: #f5f5f5; 11917 font-family: "GilroyMedium"; 11918 font-size: 1.5rem; 11919 font-style: normal; 11920 line-height: normal; 11921 letter-spacing: normal; 11922 text-align: left; 11923} 11924.p-inputtext[_ngcontent-%COMP%]:focus { 11925 border: 1px solid #6fffed !important; 11926 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4) !important; 11927} 11928.wizard-component-title[_ngcontent-%COMP%] { 11929 margin: 50px 0px; 11930 font-family: "GilroyMedium"; 11931 font-size: 1.5rem; 11932 color: #f5f5f5; 11933 font-style: normal; 11934 line-height: 1.17; 11935 letter-spacing: normal; 11936 text-align: left; 11937} 11938.collegeEvent-wizardTiltle[_ngcontent-%COMP%] { 11939 margin: 50px 0px; 11940 font-family: "GilroySemiBold"; 11941 font-size: 1.75rem; 11942 color: #f5f5f5; 11943 font-style: normal; 11944 line-height: 1.17; 11945 letter-spacing: normal; 11946 text-align: left; 11947} 11948.wizard-component-subTitle[_ngcontent-%COMP%] { 11949 margin: 0px 0px 50px; 11950 color: #ff9300; 11951 font-size: 1rem; 11952 font-family: "GilroyMedium"; 11953 line-height: 1.29; 11954 text-align: left; 11955 letter-spacing: normal; 11956 font-style: normal; 11957} 11958.resizeImageText[_ngcontent-%COMP%] { 11959 color: #c2c7f2 !important; 11960 margin-top: 31px; 11961 margin-left: 251px; 11962 display: block; 11963 font-size: 0.875rem; 11964} 11965table[_ngcontent-%COMP%] { 11966 width: 100%; 11967} 11968.GuestTable-Data[_ngcontent-%COMP%] td[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 11969 width: 34px; 11970 height: 34px; 11971 margin: 15px 10.4px 18px 0px; 11972} 11973th[_ngcontent-%COMP%] { 11974 font-family: "GilroyBold"; 11975 font-size: 1rem; 11976 font-style: normal; 11977 line-height: 1.29; 11978 letter-spacing: normal; 11979 color: #f5f5f5; 11980 padding: 23px 0px 24.2px 0px; 11981} 11982td[_ngcontent-%COMP%] { 11983 font-family: "GilroyMedium"; 11984 font-size: 1rem; 11985 font-style: normal; 11986 line-height: 1.29; 11987 letter-spacing: normal; 11988 color: #f5f5f5; 11989} 11990.button[_ngcontent-%COMP%] { 11991 width: 200px; 11992 height: 45px; 11993 margin-top: 45.1px; 11994 border-radius: 10px; 11995 font-family: "GilroyBold"; 11996 border: solid 1px #272b3f; 11997 background-color: #ff9300; 11998 font-size: 1rem; 11999 font-style: normal; 12000 line-height: 1.25; 12001 letter-spacing: normal; 12002 text-align: center; 12003 color: #1e1e2c; 12004 margin-top: 39px; 12005 transform: scale(1); 12006 transition: transform 0.3s ease-in-out; 12007} 12008.btn-primary[_ngcontent-%COMP%] { 12009 color: #fff; 12010 background-color: #1b6ec2; 12011 border-color: #1861ac; 12012} 12013.button-Event[_ngcontent-%COMP%] { 12014 background-color: #1a1b2c; 12015 border-radius: 50px; 12016 height: 45px; 12017 border: 2px solid #6fffed; 12018 color: #6fffed; 12019 font-family: "GilroySemiBold"; 12020 padding-left: 33px; 12021 padding-right: 33px; 12022 font-size: 1.125rem; 12023 text-align: center; 12024 text-decoration: none; 12025 transform: scale(1); 12026 transition: transform 0.3s ease-in; 12027} 12028.button-Event[_ngcontent-%COMP%]:hover {
12029 cursor: pointer; 12030 transform: scale(1.05); 12031 transition: transform 0.3s ease-in; 12032} 12033.loadingOpacity[_ngcontent-%COMP%] { 12034 background: rgba(111, 255, 237, 0.2) !important; 12035 border: none !important; 12036} 12037.Loadingbutton_Text[_ngcontent-%COMP%] { 12038 position: relative !important; 12039 color: #1e1e2c !important; 12040 display: block; 12041} 12042.disablelitButton[_ngcontent-%COMP%] { 12043 background-color: #282c40; 12044 border: 2px solid #282c40; 12045 border-radius: 50px; 12046 height: 45px; 12047 color: #6fffed; 12048 font-family: "GilroySemiBold"; 12049 font-size: 1.125rem; 12050 padding-left: 33px; 12051 padding-right: 33px; 12052 text-align: center; 12053 text-decoration: none; 12054 cursor: pointer; 12055 transform: scale(1); 12056 transition: transform 0.3s ease-in-out; 12057} 12058.simpleButton[_ngcontent-%COMP%] { 12059 background-color: #242637; 12060 border-radius: 50px; 12061 height: 45px; 12062 border: 1px solid #f5f5f5; 12063 color: #babcc1; 12064 font-family: "GilroyMedium"; 12065 padding-left: 33px; 12066 font-size: 1rem; 12067 padding-right: 33px; 12068 text-align: center; 12069 text-decoration: none; 12070 cursor: pointer; 12071} 12072.disableButton[_ngcontent-%COMP%] { 12073 background-color: #242637; 12074 border-radius: 50px; 12075 height: 45px; 12076 border: 1px solid #1e1e2c; 12077 color: #1e1e2c; 12078 font-family: "GilroyMedium"; 12079 font-size: 1.125rem; 12080 padding-left: 33px; 12081 padding-right: 33px; 12082 text-align: center; 12083 text-decoration: none; 12084 cursor: pointer; 12085} 12086.disableButton.new[_ngcontent-%COMP%] { 12087 width: 160px; 12088 height: 44px; 12089 padding: 8px 16px; 12090 font-size: 1rem; 12091 border: none; 12092 font-family: "GilroyBold"; 12093 border-radius: 10px; 12094 pointer-events: none !important; 12095} 12096.disabledButton[_ngcontent-%COMP%] { 12097 background-color: #242637; 12098 border-radius: 50px; 12099 height: 45px; 12100 border: 2px solid #1e1e2c; 12101 color: #1e1e2c; 12102 font-family: "GilroySemiBold"; 12103 font-size: 1.125rem; 12104 text-decoration: none; 12105} 12106.save-draft[_ngcontent-%COMP%] { 12107 color: #c2c7f2; 12108 background: #232638; 12109 border: 1px solid #232638; 12110 height: 40px; 12111 text-align: center; 12112 outline: none; 12113 border-radius: 50px; 12114 font-size: 0.875rem; 12115 font-family: "GilroySemiBold"; 12116 padding: 12px 0px; 12117 cursor: pointer; 12118 display: flex; 12119 align-items: center !important; 12120 justify-content: center !important; 12121 -webkit-align-items: center; 12122 -webkit-justify-content: center; 12123 position: relative; 12124} 12125.save-draft.draft-progress[_ngcontent-%COMP%] { 12126 position: absolute !important; 12127 height: 100% !important; 12128 top: 0; 12129 left: 0; 12130 background-color: #c2c7f2 !important; 12131 color: #232638 !important; 12132 transition: width 0.3s; 12133 border-radius: 10px; 12134 border: none !important; 12135} 12136.glowButton[_ngcontent-%COMP%] { 12137 background-color: #1e1e2c; 12138 border: 1px solid #6fffed; 12139 color: #6fffed; 12140 height: 40px; 12141 text-align: center; 12142 outline: none; 12143 border-radius: 50px; 12144 font-size: 0.875rem; 12145 font-family: "GilroySemiBold"; 12146 padding: 12px 0px; 12147 cursor: pointer; 12148 display: flex; 12149 align-items: center !important; 12150 justify-content: center !important; 12151 -webkit-align-items: center; 12152 -webkit-justify-content: center; 12153 position: relative; 12154} 12155.glowButton.button_progress[_ngcontent-%COMP%] { 12156 position: absolute !important; 12157 height: 100% !important; 12158 top: 0; 12159 left: 0; 12160 background-color: #6fffed !important; 12161 transition: width 0.3s; 12162 border-radius: 10px; 12163 border: none !important; 12164} 12165.cancelButton[_ngcontent-%COMP%] { 12166 background-color: #232638; 12167 border: none; 12168 color: #fff; 12169 height: 40px; 12170 text-align: center; 12171 outline: none; 12172 border-radius: 10px; 12173 font-size: 1rem; 12174 font-family: "GilroySemiBold"; 12175 padding: 12px 0px; 12176 cursor: pointer; 12177 display: flex; 12178 align-items: center !important; 12179 justify-content: center !important; 12180 -webkit-align-items: center; 12181 -webkit-justify-content: center; 12182 position: relative; 12183} 12184.cancelButton.button_progress[_ngcontent-%COMP%] { 12185 position: absolute !important; 12186 height: 100% !important; 12187 top: 0; 12188 left: 0; 12189 background-color: #6fffed !important; 12190 transition: width 0.3s; 12191 border-radius: 10px; 12192 border: none !important; 12193} 12194.Input-Field[_ngcontent-%COMP%] { 12195 margin: 11px 0px; 12196 padding: 11px 0px 13px 18px; 12197 font-family: "GilroyMedium"; 12198 border-radius: 50px; 12199 width: 272px; 12200 height: 40px; 12201 color: #f5f5f5; 12202 font-size: 1rem; 12203 line-height: 1.14; 12204 background-color: #242637; 12205 border: 1px solid #f5f5f5; 12206} 12207.Input-Field[_ngcontent-%COMP%]:focus, .Text-Field[_ngcontent-%COMP%]:focus { 12208 border: 1px solid #6fffed; 12209 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 12210} 12211.Text-Field[_ngcontent-%COMP%] { 12212 padding: 11px 0px 13px 18px; 12213 color: #f5f5f5; 12214 font-size: 1rem; 12215 line-height: 1.14; 12216 font-family: "GilroyMedium"; 12217 border-radius: 15px; 12218 background-color: #242637; 12219 border: 1px solid #f5f5f5; 12220 height: 118px; 12221 min-height: 118px; 12222} 12223input[_ngcontent-%COMP%]:focus { 12224 border: none; 12225 outline: none; 12226} 12227*[_ngcontent-%COMP%]:focus { 12228 outline: none !important; 12229} 12230.custom-Label[_ngcontent-%COMP%] { 12231 font-family: "GilroyMedium"; 12232 font-size: 0.875rem; 12233 color: #babcc1; 12234} 12235.checkBoxEnable[_ngcontent-%COMP%] { 12236 border: 2px solid #6fffed; 12237 border-radius: 4px; 12238 width: 31px; 12239 height: 38px; 12240 outline: none !important; 12241 background-color: rgba(111, 255, 237, 0.1); 12242} 12243.checkBoxDisabled[_ngcontent-%COMP%] { 12244 border: solid 2px #676d9e; 12245 border-radius: 4px; 12246 width: 31px; 12247 height: 38px; 12248 outline: none !important; 12249} 12250.checkbox-custom[_ngcontent-%COMP%] { 12251 -webkit-appearance: none; 12252 -moz-appearance: none !important; 12253 appearance: none; 12254 cursor: pointer !important; 12255 width: 31px; 12256 height: 38px; 12257 margin-left: 0px; 12258 padding: 0px; 12259 outline: none !important; 12260} 12261.tbl-line[_ngcontent-%COMP%] { 12262 border-bottom: 3px solid #383759; 12263 width: 100%; 12264} 12265.checkbox-custom[_ngcontent-%COMP%]:checked { 12266 content: ""; 12267 width: 18px; 12268 height: 10px; 12269 background: rgba(0, 0, 0, 0); 12270 border: 2px solid #6fffed; 12271 -webkit-transform: rotate(-45deg); 12272 -moz-transform: rotate(-45deg); 12273 -o-transform: rotate(-45deg); 12274 -ms-transform: rotate(-45deg); 12275 transform: rotate(-45deg); 12276 margin-left: 5px; 12277 margin-bottom: -1px; 12278 outline: none !important; 12279 box-shadow: none !important; 12280 border-top: none !important;
12281 border-right: none !important; 12282 -webkit-appearance: none !important; 12283 -moz-appearance: none !important; 12284 appearance: none !important; 12285} 12286.textLit[_ngcontent-%COMP%] { 12287 width: 25px; 12288 height: 19px; 12289 margin-top: 8px; 12290 margin-left: 12px; 12291 font-family: "GilroySemiBold"; 12292 font-size: 1rem; 12293 line-height: 1.19; 12294 color: #6fffed; 12295} 12296.textNotLit[_ngcontent-%COMP%] { 12297 width: 25px; 12298 height: 19px; 12299 margin-top: 8px; 12300 margin-left: 12px; 12301 font-family: "GilroySemiBold"; 12302 font-size: 1rem; 12303 line-height: 1.19; 12304 color: #676d9e; 12305} 12306[_ngcontent-%COMP%]::placeholder { 12307 color: rgba(255, 255, 255, 0.2); 12308 font-size: 0.875rem; 12309 font-family: "GilroyMedium"; 12310} 12311.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label[_ngcontent-%COMP%] { 12312 text-align: left; 12313 margin-top: 29px; 12314} 12315.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label-qm[_ngcontent-%COMP%] { 12316 text-align: left; 12317 margin-top: 20px; 12318} 12319.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 12320 width: 578px; 12321 border: solid 1px #f5f5f5; 12322} 12323.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Small-Input-Field[_ngcontent-%COMP%] { 12324 width: 114px; 12325 height: 40px; 12326} 12327.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 12328 width: 578px; 12329 margin-top: 11px; 12330 margin-bottom: 11px; 12331} 12332.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 12333 display: flex; 12334 flex-direction: row; 12335 justify-content: space-between; 12336 width: 578px; 12337} 12338.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 12339 width: 272px !important; 12340} 12341.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus { 12342 border: none; 12343 outline: none; 12344} 12345.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:-webkit-autofill { 12346 -webkit-box-shadow: 0 0 0 30px #242637 inset !important; 12347 box-shadow: 0 0 0 30px #242637 inset !important; 12348} 12349.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%]:focus, .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%]:focus { 12350 border: 1px solid #6fffed; 12351} 12352.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .checkbox-custom[_ngcontent-%COMP%]:checked { 12353 content: ""; 12354 width: 18px; 12355 height: 10px; 12356 background: rgba(0, 0, 0, 0); 12357 border: 2px solid #6fffed; 12358 border-top: none !important; 12359 border-right: none !important; 12360 -webkit-transform: rotate(-45deg); 12361 -moz-transform: rotate(-45deg); 12362 -o-transform: rotate(-45deg); 12363 -ms-transform: rotate(-45deg); 12364 transform: rotate(-45deg); 12365 margin-left: 5px; 12366 margin-bottom: -3px; 12367 outline: none !important; 12368 box-shadow: none !important; 12369 -webkit-appearance: none !important; 12370 -moz-appearance: none !important; 12371 appearance: none !important; 12372} 12373.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .danger[_ngcontent-%COMP%] { 12374 font-size: 0.875rem; 12375 color: #ff4d4d; 12376 font-family: "GilroyRegular"; 12377} 12378.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .label-danger[_ngcontent-%COMP%] { 12379 color: #ff4d4d !important; 12380} 12381input[_ngcontent-%COMP%]:-webkit-autofill:focus, input[_ngcontent-%COMP%]:-webkit-autofill:active { 12382 -webkit-box-shadow: 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 12383 box-shadow: 0 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 12384 border-color: #6fffed !important; 12385 border: 1px solid #6fffed !important; 12386} 12387input[_ngcontent-%COMP%]:-webkit-autofill { 12388 box-shadow: 0 0 0 30px #242637 inset !important; 12389} 12390input[_ngcontent-%COMP%]:-webkit-autofill { 12391 -webkit-text-fill-color: #fff !important; 12392 caret-color: #2f3450 !important; 12393} 12394input[type=range][_ngcontent-%COMP%]:focus { 12395 border: none !important; 12396 box-shadow: none !important; 12397} 12398.danger[_ngcontent-%COMP%] { 12399 font-size: 0.875rem; 12400 color: #ff4d4d; 12401 font-family: "GilroyRegular"; 12402} 12403.label-danger[_ngcontent-%COMP%] { 12404 color: #ff4d4d !important; 12405} 12406.is-invalid[_ngcontent-%COMP%] { 12407 border: 1px solid #ff4d4d !important; 12408 border-color: #ff4d4d !important; 12409} 12410input[type=number].ng-touched.ng-invalid[_ngcontent-%COMP%], input[type=text].ng-touched.ng-invalid[_ngcontent-%COMP%] { 12411 border: 1px solid #ff4d4d !important; 12412 border-color: #ff4d4d !important; 12413} 12414textarea.ng-touched.ng-invalid[_ngcontent-%COMP%] { 12415 border: 1px solid #ff4d4d !important; 12416 border-color: #ff4d4d !important; 12417} 12418.blur[_ngcontent-%COMP%] { 12419 -webkit-filter: blur(8px); 12420 -moz-filter: blur(8px); 12421 -o-filter: blur(8px); 12422 -ms-filter: blur(8px); 12423 filter: blur(8px); 12424} 12425.notBlur[_ngcontent-%COMP%] { 12426 -webkit-filter: blur(0px); 12427 -moz-filter: blur(0px); 12428 -o-filter: blur(0px); 12429 -ms-filter: blur(0px); 12430 filter: blur(0px); 12431} 12432.stickyElement[_ngcontent-%COMP%] { 12433 position: -webkit-sticky; 12434 position: sticky; 12435 top: 0; 12436 z-index: 999; 12437} 12438.event-status[_ngcontent-%COMP%] { 12439 font-family: "GilroyBold"; 12440 padding: 0 15px 17px 0; 12441 border-bottom-right-radius: 10px !important; 12442 border-top-left-radius: 5px; 12443 line-height: normal; 12444 letter-spacing: normal; 12445 text-align: left; 12446 display: flex; 12447 flex-direction: column; 12448 justify-content: center; 12449 font-size: 0.875rem; 12450 line-height: 1.21; 12451 color: #f5f5f5; 12452 text-transform: uppercase; 12453} 12454.event-status.unpublished[_ngcontent-%COMP%] { 12455 padding: 0px 16px; 12456 -webkit-backdrop-filter: blur(50px); 12457 backdrop-filter: blur(50px); 12458 background-color: rgba(30, 30, 44, 0.65); 12459 width: 122px; 12460 height: 44px; 12461 color: #f5f5f5; 12462} 12463.event-status.tickets_gone[_ngcontent-%COMP%] { 12464 padding: 0px 16px; 12465 -webkit-backdrop-filter: blur(50px); 12466 backdrop-filter: blur(50px); 12467 background-color: rgba(29, 204, 184, 0.65); 12468 width: 145px; 12469 height: 44px; 12470} 12471.event-status.event_over[_ngcontent-%COMP%] { 12472 padding: 0px 16px; 12473 -webkit-backdrop-filter: blur(50px); 12474 backdrop-filter: blur(50px); 12475 background-color: rgba(255, 77, 77, 0.65); 12476 width: 120px; 12477 height: 44px; 12478} 12479.event-status.going_free_or_free_ticket_event[_ngcontent-%COMP%] { 12480 width: 150px; 12481 height: 44px; 12482 padding: 0px 16px; 12483 -webkit-backdrop-filter: blur(50px); 12484 backdrop-filter: blur(50px); 12485 background-color: rgba(94, 92, 222, 0.65); 12486} 12487.event-status.going_pay_at_door_event[_ngcontent-%COMP%] { 12488 width: 150px; 12489 height: 44px; 12490 padding: 0px 16px; 12491 -webkit-backdrop-filter: blur(50px); 12492 backdrop-filter: blur(50px); 12493 background-color: rgba(255, 147, 0, 0.65); 12494} 12495.event-status.ticket_sold_event[_ngcontent-%COMP%], .event-status.active[_ngcontent-%COMP%] { 12496 width: 122px; 12497 max-width: 252px; 12498 height: 44px; 12499 padding: 0px 16px; 12500 -webkit-backdrop-filter: blur(50px); 12501 backdrop-filter: blur(50px); 12502 background-color: rgba(29, 204, 184, 0.65); 12503} 12504.event-status.ticket_sold_event[_ngcontent-%COMP%] { 12505 width: 154px; 12506 max-width: 252px; 12507 height: 44px; 12508 padding: 0px 16px; 12509 -webkit-backdrop-filter: blur(50px); 12510 backdrop-filter: blur(50px); 12511 background-color: rgba(29, 204, 184, 0.65); 12512} 12513.event-status.eventCancelled[_ngcontent-%COMP%], .event-status.cancelled[_ngcontent-%COMP%] { 12514 padding: 0px 16px; 12515 color: #ff4d4d; 12516 width: 154px; 12517 height: 44px; 12518 -webkit-backdrop-filter: blur(50px); 12519 backdrop-filter: blur(50px); 12520 background-color: rgba(30, 30, 44, 0.65); 12521} 12522.event-status.ended[_ngcontent-%COMP%], .event-status.drawover[_ngcontent-%COMP%] { 12523 width: 112px; 12524 height: 44px; 12525 padding: 0px 15px; 12526 -webkit-backdrop-filter: blur(50px); 12527 backdrop-filter: blur(50px); 12528 background-color: rgba(255, 77, 77, 0.65); 12529} 12530.event-status.allused[_ngcontent-%COMP%] { 12531 width: 106px; 12532 height: 44px; 12533 padding: 0px 16px; 12534 -webkit-backdrop-filter: blur(50px); 12535 backdrop-filter: blur(50px); 12536 background-color: rgba(255, 147, 0, 0.3); 12537} 12538.event-details[_ngcontent-%COMP%] { 12539 width: 225px; 12540 margin: auto; 12541 position: absolute; 12542 text-align: center; 12543 z-index: 999; 12544 font-style: normal; 12545 line-height: normal; 12546 letter-spacing: normal; 12547 text-align: left; 12548 margin-left: 11px; 12549 bottom: 0px; 12550} 12551.event-details[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] { 12552 font-family: "GilroySemiBold"; 12553 font-size: 1.25rem; 12554 color: #f5f5f5; 12555 margin: 26px 0px 3px 0px; 12556 width: 224px; 12557 text-transform: capitalize; 12558 overflow: hidden; 12559} 12560.event-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 12561 font-family: "GilroySemiBold"; 12562 font-size: 0.875rem; 12563 float: left; 12564 margin-top: 0px; 12565 color: #babcc1; 12566} 12567.event-details[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 12568 font-size: 1.375rem !important; 12569 margin-top: -3px; 12570 float: right; 12571 color: #fff; 12572 cursor: pointer; 12573} 12574.disableLinks[_ngcontent-%COMP%] { 12575 opacity: 0.3; 12576 pointer-events: none !important; 12577} 12578.hover-Element[_ngcontent-%COMP%] { 12579 transform: scale(1); 12580 transition: transform 0.3s ease-in-out; 12581} 12582.hover-Element[_ngcontent-%COMP%]:hover { 12583 transform: scale(1.1) !important; 12584 transition: transform 0.3s ease-in-out !important; 12585} 12586@media (min-width: 768px) and (max-width: 1024px) { 12587 .vl[_ngcontent-%COMP%] { 12588 height: 32px; 12589 } 12590 .header-text[_ngcontent-%COMP%] { 12591 margin-left: 21px; 12592 } 12593 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 12594 display: none; 12595 } 12596 .wizard-container[_ngcontent-%COMP%] { 12597 width: 768px; 12598 min-width: 768px; 12599 justify-content: none; 12600 } 12601 .Profile-Setup[_ngcontent-%COMP%] { 12602 margin-left: 30px; 12603 } 12604 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 12605 width: 262px; 12606 margin-left: 20px; 12607 } 12608 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 12609 width: 551px; 12610 padding-right: 18px; 12611 } 12612 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 12613 width: 0; 12614 gap: 39px; 12615 } 12616 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 12617 width: 256px !important; 12618 } 12619 .wizard-component-title[_ngcontent-%COMP%] { 12620 text-align: left; 12621 margin-left: 22px; 12622 } 12623 .NextButton[_ngcontent-%COMP%] { 12624 width: 509px; 12625 } 12626 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 12627 display: none; 12628 } 12629 .wizard-container[_ngcontent-%COMP%] { 12630 width: 768px; 12631 min-width: 768px; 12632 justify-content: none; 12633 }
12634 .Pop-Up-Container[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 12635 width: auto; 12636 margin: 0px 30px 0px 45px; 12637 } 12638 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] { 12639 padding: 110px 44px 44px; 12640 width: 610px; 12641 } 12642 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] { 12643 width: auto; 12644 } 12645 .newsfeedContainer[_ngcontent-%COMP%] { 12646 justify-content: center; 12647 overflow: scroll; 12648 height: 629px; 12649 } 12650 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] { 12651 width: 560px; 12652 height: 639px; 12653 } 12654 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .topImage[_ngcontent-%COMP%] { 12655 width: 560px; 12656 height: 424px; 12657 } 12658 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .detail[_ngcontent-%COMP%] { 12659 width: auto; 12660 } 12661 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] { 12662 width: 530px; 12663 } 12664 .newsfeedContainer[_ngcontent-%COMP%]::-webkit-scrollbar {
12665 display: none; 12666 } 12667 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 12668 margin-right: -145px; 12669 } 12670 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 12671 width: 70%; 12672 margin-left: 60px; 12673 } 12674 .ImageEditContainer[_ngcontent-%COMP%] { 12675 margin-right: 51px; 12676 } 12677} 12678.label[_ngcontent-%COMP%] { 12679 color: #fff; 12680 font-size: 0.875rem; 12681 font-family: "GilroySemiBold"; 12682 text-transform: uppercase; 12683 line-height: normal; 12684 letter-spacing: normal; 12685 padding: 0px; 12686 margin: 0px; 12687} 12688.label[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 12689 color: #c2c7f2; 12690} 12691.label[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 12692 color: #ff4d4d; 12693 font-size: 0.375rem; 12694 position: relative; 12695 top: -10px; 12696} 12697.formFields[_ngcontent-%COMP%] { 12698 display: flex; 12699 flex-direction: column; 12700 gap: 10px; 12701} 12702.fields[_ngcontent-%COMP%] { 12703 padding: 14px 16px 14px 16px; 12704 border-radius: 14px; 12705 border: solid 1px #2f3450; 12706 background-color: #1e1e2c; 12707 font-size: 1rem; 12708 font-family: "GilroyBold"; 12709 color: #ffffff; 12710 display: flex; 12711 align-items: center; 12712 justify-content: center; 12713 -webkit-align-items: center; 12714 -webkit-justify-content: center; 12715} 12716.fields.inputField[_ngcontent-%COMP%] { 12717 width: 282px; 12718 height: 44px; 12719} 12720.fields.locationVenueField[_ngcontent-%COMP%] { 12721 width: 685px; 12722 height: 44px; 12723} 12724.fields.smallInputField[_ngcontent-%COMP%] { 12725 width: 129px; 12726} 12727.fields.smallInputVatField[_ngcontent-%COMP%] { 12728 width: 178px; 12729} 12730.fields.textField[_ngcontent-%COMP%] { 12731 height: 91px; 12732} 12733.fields[_ngcontent-%COMP%]:focus { 12734 border: 1px solid #6fffed; 12735 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 12736} 12737.errorMsg[_ngcontent-%COMP%] { 12738 font-style: normal; 12739 line-height: normal; 12740 letter-spacing: normal; 12741 font-family: "GilroyRegular"; 12742 font-size: 0.75rem; 12743 color: #ff4d4d; 12744 margin: 0px; 12745} 12746.errorMsg.positionAboslute[_ngcontent-%COMP%] { 12747 position: absolute; 12748 top: 54px; 12749} 12750.errorMsg[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 12751 color: #ff4d4d !important; 12752 font-size: 0.3125rem !important; 12753 position: relative !important; 12754 top: -6px !important; 12755 right: 0px !important; 12756 padding-right: 2px !important; 12757} 12758.checkboxText[_ngcontent-%COMP%] { 12759 font-size: 0.875rem; 12760 font-style: normal; 12761 line-height: normal; 12762 letter-spacing: normal; 12763 font-family: "GilroyMedium"; 12764 color: #f5f5f5; 12765 margin: 0px; 12766} 12767.creationWizardTitle[_ngcontent-%COMP%] { 12768 font-size: 1.5rem; 12769 font-family: "GilroyBold"; 12770 color: #f5f5f5; 12771 text-transform: capitalize; 12772 line-height: 0.92; 12773 font-style: normal; 12774} 12775@media screen and (max-width: 767px) { 12776 .glowButton[_ngcontent-%COMP%] { 12777 height: 34px !important; 12778 border-radius: 8px !important; 12779 font-size: 0.625rem !important; 12780 } 12781 .navBottomSpace[_ngcontent-%COMP%] { 12782 height: 4.375rem; 12783 } 12784 .label[_ngcontent-%COMP%] { 12785 font-size: 0.75rem !important; 12786 } 12787 .creationWizardTitle[_ngcontent-%COMP%] { 12788 font-size: 1.25rem !important; 12789 } 12790 .disableButton.new[_ngcontent-%COMP%], .litButton.new[_ngcontent-%COMP%] { 12791 width: 90px !important; 12792 height: 34px !important; 12793 padding: 11px 6px; 12794 font-size: 0.625rem; 12795 border: none; 12796 font-family: "GilroyBold"; 12797 border-radius: 8px; 12798 } 12799 .fields[_ngcontent-%COMP%] { 12800 padding: 10px 10px 10px 10px !important; 12801 border-radius: 8px !important; 12802 font-size: 0.75rem; 12803 font-family: "GilroyBold"; 12804 } 12805 [_ngcontent-%COMP%]::placeholder { 12806 font-size: 0.75rem !important; 12807 } 12808} 12809.btnTooltip[_ngcontent-%COMP%] { 12810 background-color: transparent !important; 12811 outline: none !important; 12812 margin: 0px !important; 12813 padding: 0px !important; 12814 border: none !important; 12815} 12816.capitalizeText[_ngcontent-%COMP%] { 12817 text-transform: capitalize; 12818} 12819.lowercaseText[_ngcontent-%COMP%] { 12820 text-transform: lowercase; 12821} 12822.switch[_ngcontent-%COMP%] { 12823 position: relative; 12824 display: inline-block; 12825 width: 44px; 12826 height: 29px; 12827 padding: 2.07px 2.27px 3.11px 2.27px; 12828 margin: 0; 12829} 12830.switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%] { 12831 opacity: 0; 12832 width: 0; 12833 height: 0; 12834} 12835.slider[_ngcontent-%COMP%] { 12836 position: absolute; 12837 cursor: pointer; 12838 top: 0; 12839 left: 0; 12840 right: 0; 12841 bottom: 0; 12842 background-color: rgb(92, 93, 122); 12843 -webkit-transition: 0.4s; 12844 transition: 0.4s; 12845} 12846.slider[_ngcontent-%COMP%]:before { 12847 position: absolute; 12848 content: ""; 12849 width: 22.744px; 12850 height: 23.821px; 12851 background-color: #fff; 12852 border-radius: 50px; 12853 left: 2.77px; 12854 right: 2.77px; 12855 bottom: 2.07px; 12856 top: 2.07px; 12857 -webkit-transition: 0.4s; 12858 transition: 0.4s; 12859} 12860input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%] { 12861 background-color: rgb(10, 132, 255); 12862} 12863input[_ngcontent-%COMP%]:focus + .slider[_ngcontent-%COMP%] { 12864 box-shadow: 0 0 1px #2196F3; 12865} 12866input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]:before { 12867 -webkit-transform: translateX(15px); 12868 -ms-transform: translateX(15px); 12869 transform: translateX(15px); 12870} 12871.slider.round[_ngcontent-%COMP%] { 12872 border-radius: 50px; 12873} 12874.slider.round[_ngcontent-%COMP%]:before { 12875 border-radius: 50px; 12876} 12877@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 12878 .positionAboslute[_ngcontent-%COMP%] { 12879 position: absolute; 12880 } 12881} 12882.superAdminContainer[_ngcontent-%COMP%] { 12883 padding: 24px; 12884 display: flex; 12885 justify-content: flex-start; 12886 align-items: center; 12887 flex-direction: column; 12888 gap: 24px; 12889 width: 100vw; 12890}
12891.superAdminContainer[_ngcontent-%COMP%] .adminDetails[_ngcontent-%COMP%] { 12892 display: flex; 12893 justify-content: center; 12894 align-items: flex-start; 12895 flex-direction: column; 12896 gap: 24px; 12897} 12898.superAdminContainer[_ngcontent-%COMP%] .adminDetails[_ngcontent-%COMP%] .detailMore[_ngcontent-%COMP%] { 12899 display: flex; 12900 justify-content: center; 12901 align-items: flex-start; 12902 flex-direction: row; 12903 gap: 24px; 12904} 12905.superAdminContainer[_ngcontent-%COMP%] .adminDetails[_ngcontent-%COMP%] .adminHeader[_ngcontent-%COMP%] { 12906 display: flex; 12907 justify-content: flex-start; 12908 align-items: center; 12909 flex-direction: row; 12910 gap: 12px; 12911} 12912.superAdminContainer[_ngcontent-%COMP%] .adminDetails[_ngcontent-%COMP%] .adminHeader[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 12913 width: 24px; 12914 height: 22px; 12915 cursor: pointer; 12916} 12917.superAdminContainer[_ngcontent-%COMP%] .adminDetails[_ngcontent-%COMP%] .adminHeader[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] { 12918 padding: 0; 12919 margin: 0; 12920 font-family: "GilroyBold"; 12921 font-size: 1.5rem; 12922 color: #ffffff; 12923 font-style: normal; 12924 line-height: normal; 12925} 12926@media only screen and (min-width: 768px) and (max-width: 1024px) { 12927 .superAdminContainer[_ngcontent-%COMP%] { 12928 padding: 0px; 12929 } 12930 .superAdminContainer[_ngcontent-%COMP%] .adminDetails[_ngcontent-%COMP%] { 12931 width: 768px; 12932 padding: 24px; 12933 } 12934} 12935@media only screen and (min-width: 1366px) and (max-width: 1366px) { 12936 .superAdminContainer[_ngcontent-%COMP%] { 12937 height: 768px; 12938 } 12939}`]})}}return t})();export{We as SuperAdminHomeComponent};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.