1import{D as Un,O as Wn,T as Vn}from"./chunk-7QIAXMCV.js";import{a as Ln,b as Nn}from"./chunk-QHY6INOQ.js";import"./chunk-Y3T5ERNF.js";import"./chunk-WF6VW3TU.js";import{a as W}from"./chunk-WTCRP64V.js";import"./chunk-5LZJCOK2.js";import"./chunk-P6RJSZFQ.js";import"./chunk-5XFMWHP7.js";import"./chunk-EIDGFZ54.js";import{f as dn}from"./chunk-XXDZDMMU.js";import"./chunk-HKD7ZY2X.js";import"./chunk-7MPZM7OG.js";import"./chunk-KMGVA5VU.js";import"./chunk-UXNET2SM.js";import"./chunk-OPZBSAJF.js";import"./chunk-RX73HMP3.js";import"./chunk-JFL4DOZE.js";import"./chunk-MNNJVUR3.js";import"./chunk-6O5QPV6K.js";import"./chunk-FBG3DRCH.js";import"./chunk-4YJSCZHJ.js";import"./chunk-XH5SH5R4.js";import{a as An}from"./chunk-H5ZSDDON.js";import"./chunk-JOOYWUOW.js";import"./chunk-TA3UIPM7.js";import"./chunk-NQR3KPYG.js";import"./chunk-XGUKGCFM.js";import"./chunk-UAERA3OB.js";import"./chunk-LHUAKFJM.js";import"./chunk-FATWDE2I.js";import"./chunk-D3PFBMSJ.js";import"./chunk-RAS4UR3V.js";import"./chunk-QALRHT3Z.js";import"./chunk-EQ2SGFGW.js";import"./chunk-TPNE5BOT.js";import"./chunk-BMJ62IRT.js";import"./chunk-ULM45UC3.js";import"./chunk-4SWZ4OTY.js";import"./chunk-5YP4TYLN.js";import"./chunk-4SN7TRGH.js";import"./chunk-ESS4X7VU.js";import"./chunk-QYLOBOTF.js";import"./chunk-E46M4ZTF.js";import"./chunk-TZQU33R2.js";import"./chunk-FBK62FVD.js";import"./chunk-M3S2ENXO.js";import"./chunk-MYW5TSFL.js";import"./chunk-JN6VC7WZ.js";import"./chunk-WXBUTP4M.js";import"./chunk-2V6NOV55.js";import"./chunk-7JOJN3RM.js";import"./chunk-6ID4F7HT.js";import"./chunk-3ZM65R5R.js";import"./chunk-UWL6IRDS.js";import"./chunk-F3BFGYN6.js";import"./chunk-OXX5OXPS.js";import"./chunk-KVIIJSEX.js";import"./chunk-I45IYOMA.js";import"./chunk-REYQ6RU5.js";import"./chunk-64T6W55Q.js";import"./chunk-BFSAVRSI.js";import"./chunk-ZY2NDFGS.js";import"./chunk-LTFOVVAA.js";import"./chunk-46CI6TOY.js";import"./chunk-NJWZAWJ4.js";import"./chunk-OQU2RH4O.js";import"./chunk-CSLPDERK.js";import"./chunk-EUA4FUEO.js";import"./chunk-MRNBATYH.js";import{g as ln,h as z}from"./chunk-REQ3ZIKO.js";import{a as F}from"./chunk-LLWOZXGS.js";import{a as Rn}from"./chunk-Z67RF3DW.js";import{W as pn,_ as In,ba as Dn,da as cn,ga as jn,ja as En}from"./chunk-OOF7GBBY.js";import{A as an,B as Gn,C as Fn,c as Sn,e as _n,h as nn,i as tn,l as bn,n as en,o as Tn,q as on,r as rn}from"./chunk-ZKXAIFLN.js";import{l as D}from"./chunk-DRDLSANX.js";import{a as h}from"./chunk-BD7FZ46M.js";import"./chunk-NFCVD4UL.js";import{$a as x,Ab as l,Dd as R,Eb as u,Fb as kn,Gc as O,Gd as U,Hc as N,Hd as E,Ia as Q,Ic as G,Jd as Bn,Kc as Cn,Ob as i,Pb as a,Qb as g,Rb as y,Sb as k,Ub as P,Xb as m,Zb as d,ac as C,bc as vn,ea as On,eb as p,ec as fn,fa as wn,fb as s,fc as xn,gc as hn,ja as mn,kc as c,lc as v,mc as S,nc as J,pa as w,pc as zn,qa as yn,ud as K,vd as T,xa as Z,ya as _,yb as M,za as b}from"./chunk-GHDWNG75.js";import{b as X}from"./chunk-WFMAM73Y.js";import{g as un}from"./chunk-GP7VB7TC.js";var I=class{constructor(o){o=o||{},this.id=o.id||0,this.membersCount=o.membersCount||0,this.membershipFee=o.membershipFee||0,this.totalRevenue=o.totalRevenue||0,this.isPaid=o.isPaid||!1,this.isStripeConnected=o.isStripeConnected||!1,this.startDate=o.startDate,this.endDate=o.endDate,this.cardNumber=o.cardNumber||"",this.collegeDisplayName=o.collegeDisplayName||"",this.subName=o.subName||"",this.avatar=o.avatar||"",this.pendingRequests=o.pendingRequests||[]}};var Y=un(In(),1);var B=(()=>{class e{constructor(n,t){this.api=n,this.sharedService=t,this.membershipModel=new I}resetService(){this.membershipModel=new I,this.sharedService.loader(!1)}getMemberShipListing(n){return this.api.getApiCall(D.membership.getMemberShipListing,n)}acceptRejectMembership(n){return this.api.postApiCall(D.membership.acceptRejectMembership,n)}getConnectedStudents(n){return this.api.postApiCall(D.membership.getConnectedStudents,n)}createMembership(n){return this.api.postApiCall(D.membership.createMembership,n)}collegeUserOnBoarding(n){return this.api.postApiCall(D.stripe.collegeUserOnBoarding,n)}collegeReturnUrl(n){return this.api.postApiCall(D.stripe.collegeReturnUrl,n)}static{this.\u0275fac=function(t){return new(t||e)(mn(En),mn(z))}}static{this.\u0275prov=On({token:e,factory:e.\u0275fac,providedIn:"root"})}}return e})();function Jn(e,o){if(e&1&&(y(0),i(1,"form",9)(2,"div",10)(3,"p",3),c(4,"Membership Fee"),a(),g(5,"input",11),a()(),k()),e&2){let n=d();p(),l("formGroup",n.feesForm),p(4),l("readonly",n.disableFeeComponent)}}function Kn(e,o){if(e&1){let n=P();i(0,"div",12)(1,"button",13),m("click",function(){_(n);let r=d();return b(r.Next())}),c(2,"Next"),a()()}if(e&2){let n=d();p(),u(n.checkBtnStatus()?"litButton":"disableButton"),l("disabled",!n.checkBtnStatus())}}var qn=(()=>{class e{constructor(n,t,r,f,$,sn){this.membershipService=n,this.sharedService=t,this._fb=r,this.dialog=f,this.currencyPipe=$,this.router=sn,this.stripe=h.imagesUrl+"college/purplePoweredStripe.svg",this.isPaid=!1,this.disableFeeComponent=!1,this.ButtonClicked=new Q}ngOnChanges(n){this.isPaid=this.membershipService.membershipModel.isPaid,this.isPaid&&(this.feesForm=this.createForm())}ngOnInit(){this.feesForm=this.createForm(),this.isPaid=this.membershipService.membershipModel.isPaid}createForm(){return this._fb.group({isPaid:new bn(this.membershipService.membershipModel.isPaid,[]),membershipFee:new bn(this.membershipService.membershipModel.membershipFee,[])})}bitchange(){this.isPaid=!this.isPaid,this.feesForm.controls.isPaid.setValue(this.isPaid)}checkBtnStatus(){let n=this.feesForm.controls.membershipFee.value;if(this.isPaid){if(this.isPaid&&n&&n>0)return!0}else return!0;return!1}Next(){if(this.disableFeeComponent)return;let n=this.feesForm.getRawValue();this.membershipService.membershipModel.isPaid=this.isPaid,this.isPaid===!0?this.membershipService.membershipModel.membershipFee=n.membershipFee:this.membershipService.membershipModel.membershipFee=null;let t="Please confirm that your membership is free. This cannot be undone for this membership period.",r="Yes Its Free",f="Cancel";this.isPaid&&(t="Please confirm your membership fee. This cannot be undone for this membership period.",r="Membership Fee Is "+this.currencyPipe.transform(this.membershipService.membershipModel.membershipFee,"EUR","symbol","1.2-2"),f="Back"),this.dialog.open(W,{data:{imageUrl:h.imagesUrl+"PopUpImages/delete-news-feed.svg",message:t,yesText:r,noText:f},disableClose:!1}).afterClosed().subscribe(sn=>{sn===!0&&(this.membershipService.membershipModel.isPaid?this.ButtonClicked.emit
1("Stripe"):this.ButtonClicked.emit("Membership Card")),this.dialog.closeAll()})}static{this.\u0275fac=function(t){return new(t||e)(s(B),s(z),s(an),s(pn),s(E),s(cn))}}static{this.\u0275cmp=w({type:e,selectors:[["app-membership-fees"]],inputs:{disableFeeComponent:"disableFeeComponent"},outputs:{ButtonClicked:"ButtonClicked"},features:[Z],decls:19,vars:13,consts:[[1,"dFlexRow"],[1,"heading"],[1,"stripe",3,"src"],[1,"text"],[1,"checkbox-section"],["type","checkbox",1,"checkbox-custom",3,"change","checked","disabled"],[1,"custom-Label"],[4,"ngIf"],["class","NextButton",4,"ngIf"],[3,"formGroup"],[1,"feeBox"],["formControlName","membershipFee","type","number","placeholder","\u20AC9999.99",1,"Input-Field",3,"readonly"],[1,"NextButton"],[3,"click","disabled"]],template:function(t,r){t&1&&(i(0,"div",0)(1,"h2",1),c(2,"Membership Fees"),a(),g(3,"img",2),a(),i(4,"p",3),c(5,"Do you want to collect membership fees?"),a(),i(6,"div",4)(7,"div",0)(8,"div")(9,"input",5),m("change",function(){return r.bitchange()}),a()(),i(10,"label",6),c(11,"Yes"),a()(),i(12,"div",0)(13,"div")(14,"input",5),m("change",function(){return r.bitchange()}),a()(),i(15,"label",6),c(16,"Free Membership"),a()()(),M(17,Jn,6,2,"ng-container",7)(18,Kn,3,4,"div",8)),t&2&&(p(3),C("src",r.stripe,x),p(5),u(r.isPaid===!0?"checkBoxEnable":"checkBoxDisabled"),p(),l("checked",r.isPaid)("disabled",r.disableFeeComponent),p(4),u(r.isPaid!==!0?"checkBoxEnable":"checkBoxDisabled"),p(),l("checked",!r.isPaid)("disabled",r.disableFeeComponent),p(3),l("ngIf",r.isPaid),p(),l("ngIf",!r.disableFeeComponent))},dependencies:[T,en,Sn,Tn,nn,tn,on,rn],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.dFlexRow[_ngcontent-%COMP%] { 1926 gap: 21.8px; 1927 margin-top: 48.8px; 1928} 1929.dFlexRow[_ngcontent-%COMP%] .heading[_ngcontent-%COMP%] { 1930 font-size: 1.75rem; 1931 font-style: normal; 1932 line-height: normal; 1933 letter-spacing: normal; 1934 text-align: left; 1935 font-family: "GilroySemiBold"; 1936 color: #f5f5f5; 1937 margin: 0px; 1938} 1939.dFlexRow[_ngcontent-%COMP%] img[_ngcontent-%COMP%] .stripe[_ngcontent-%COMP%] { 1940 width: 108.4px; 1941 height: 24.6px; 1942} 1943.text[_ngcontent-%COMP%] { 1944 font-size: 1.125rem; 1945 font-style: normal; 1946 line-height: 1.39; 1947 letter-spacing: normal; 1948 text-align: left; 1949 font-family: "GilroyMedium"; 1950 color: #f5f5f5; 1951 margin: 10px 0px 54px; 1952} 1953.checkbox-custom[_ngcontent-%COMP%] { 1954 width: 31px; 1955 height: 31px; 1956} 1957.checkBoxDisabled[_ngcontent-%COMP%], .checkBoxEnable[_ngcontent-%COMP%] { 1958 width: 31px; 1959 height: 31px; 1960 border-radius: 5px !important; 1961} 1962.checkBoxDisabled[_ngcontent-%COMP%] { 1963 border: solid 2px #353852; 1964} 1965.custom-Label[_ngcontent-%COMP%] { 1966 font-size: 1rem; 1967 font-family: 600; 1968 font-family: "GilroySemiBold"; 1969 margin-bottom: 0px; 1970} 1971.checkbox-section[_ngcontent-%COMP%] { 1972 display: flex; 1973 gap: 29px; 1974 align-items: center; 1975} 1976.checkbox-section[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] { 1977 gap: 12px; 1978 margin-top: 0px; 1979 align-items: center; 1980} 1981.checkbox-custom[_ngcontent-%COMP%]:checked { 1982 margin-left: 5px; 1983 margin-bottom: 2px; 1984} 1985.feeBox[_ngcontent-%COMP%] { 1986 margin-top: 35px; 1987} 1988.feeBox[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 1989 font-size: 0.875rem; 1990 font-family: "GilroyMedium"; 1991 font-style: normal; 1992 line-height: normal; 1993 letter-spacing: normal; 1994 text-align: left; 1995 color: #babcc1; 1996 margin: 0px; 1997} 1998.feeBox[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 1999 width: 90px; 2000 height: 40px; 2001 text-align: center; 2002 padding-left: 0px; 2003} 2004.NextButton[_ngcontent-%COMP%] { 2005 position: fixed; 2006 bottom: 10px; 2007}`]})}}return e})();var Yn=(()=>{class e{constructor(n){this.membershipService=n,this.qr=h.imagesUrl+"college/collegeQR.png",this.orgonizeO=h.imagesUrl+"college/cardOrgonize.png",this.firstPart="",this.secondPart="",this.thirdPart="",this.fourthPart=""}ngOnInit(){this.splitCardNumber()}splitCardNumber(){this.membershipService.membershipModel.cardNumber&&this.membershipService.membershipModel.cardNumber.length===16&&(this.firstPart=this.membershipService.membershipModel.cardNumber.substring(0,4),this.secondPart=this.membershipService.membershipModel.cardNumber.substring(4,8),this.thirdPart=this.membershipService.membershipModel.cardNumber.substring(8,12),this.fourthPart=this.membershipService.membershipModel.cardNumber.substring(12,16))}static{this.\u0275fac=function(t){return new(t||e)(s(B))}}static{this.\u0275cmp=w({type:e,selectors:[["app-membership-card"]],decls:38,vars:21,consts:[[1,"cardHolder"],["alt","card",1,"cardMembership",3,"src"],[1,"topBar"],[1,"collegeName"],[1,"cardText"],[1,"dFlexColumn"],[1,"icon",3,"src"],[1,"text"],[1,"middleBar"],[1,"cardNumber"],[1,"dFlexRow"],[1,"title"],[1,"date"],[1,"bottomBar"],["alt","QR",1,"qr",3,"src"],[1,"info"],[1,"studentName"],[1,"courseTitle"],["alt","orgonize membership",1,"orgonizeO",3,"src"]],template:function(t,r){t&1&&(i(0,"div",0),g(1,"img",1),O(2,"imgURL"),i(3,"div",2)(4,"div")(5,"h2",3),c(6),a(),i(7,"p",4),c(8,"Student Membership Card"),a()(),i(9,"div",5),g(10,"img",6),O(11,"imgURL"),i(12,"p",7),c(13,"Memberships"),a()()(),i(14,"div",8)(15,"p",9),c(16),a(),i(17,"div",10)(18,"div",5)(19,"p",11),c(20,"Valid from"),a(),i(21,"p",12),c(22),O(23,"date"),a()(),i(24,"div",5)(25,"p",11),c(26,"Expires end"),a(),i(27,"p",12),c(28),O(29,"date"),a()()()(),i(30,"div",13),g(31,"img",14),i(32,"div",15)(33,"p",16),c(34,"Student Name"),a(),i(35,"p",17),c(36,"Student Course Title"),a()(),g(37,"img",18),a()()),t&2&&(p(),l("src",N(2,11,"college/membershipCard.png"),x),p(5),v(r.membershipService.membershipModel.collegeDisplayName),p(4),l("src",N(11,13,"college/membershipCardIcon.png"),x),p(6),zn("",r.firstPart," ",r.secondPart," ",r.thirdPart," ",r.fourthPart,""),p(6),S(" ",G(23,15,r.membershipService.membershipModel.startDate,"MM/yy")," "),p(6),S(" ",G(29,18,r.membershipService.membershipModel.endDate,"MM/yy")," "),p(3),C("src",r.qr,x),p(6),C("src",r.orgonizeO,x))},dependencies:[R,Rn],styles:[` 2008 2009.sidebar-navigation-layout-event[_ngcontent-%COMP%] { 2010 background-color: #232638; 2011 width: 100%; 2012 min-height: 100vh; 2013 max-height: 100%; 2014 max-width: 265px; 2015 padding: 24px 10px 20px 10px; 2016 z-index: 1; 2017 position: sticky; 2018 top: 0 !important; 2019} 2020.row-three-column-layout[_ngcontent-%COMP%] { 2021 display: flex; 2022 flex-direction: row; 2023} 2024.row-three-column-layout[_ngcontent-%COMP%] .columns[_ngcontent-%COMP%] { 2025 width: 33.33%; 2026 padding-left: 0px !important; 2027 margin-right: 91.9px !important; 2028} 2029.flex-container[_ngcontent-%COMP%] { 2030 display: flex; 2031 flex-direction: row; 2032 width: 100vw; 2033 height: 100vh !important; 2034 overflow: hidden !important; 2035} 2036.columns[_ngcontent-%COMP%]:nth-of-type(1) { 2037 width: 22%; 2038 max-width: 14.37rem; 2039 z-index: 1; 2040} 2041.columns[_ngcontent-%COMP%]:nth-of-type(2) { 2042 width: 100%; 2043 background: #0B0D1D; 2044} 2045.data-top-box[_ngcontent-%COMP%] { 2046 margin-top: 27.5px; 2047 width: 100%; 2048 height: 205px; 2049 padding: 15px 15px 15px 15px; 2050 border-radius: 10px; 2051 background-image: 2052 linear-gradient( 2053 to bottom, 2054 #282c40, 2055 #232333); 2056 display: flex; 2057 flex-direction: row; 2058} 2059.data-top-box[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] { 2060 font-family: "GilroySemiBold"; 2061 font-size: 1.125rem; 2062 text-align: left; 2063 font-style: normal; 2064 line-height: 0.72; 2065 letter-spacing: normal; 2066 color: #f5f5f5; 2067 margin-top: 5.5px; 2068} 2069.data-top-box[_ngcontent-%COMP%] .cola[_ngcontent-%COMP%] { 2070 width: 50%; 2071} 2072.attendee-boxes[_ngcontent-%COMP%] { 2073 display: flex; 2074 flex-direction: row; 2075 justify-content: space-between; 2076 width: 95%; 2077} 2078.attendee-desc[_ngcontent-%COMP%] { 2079 margin-left: 5.8px; 2080 margin-right: 5.8px; 2081} 2082.attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 2083 font-family: "GilroySemiBold"; 2084 font-size: 0.875rem; 2085 font-style: normal; 2086 line-height: 0.93; 2087 letter-spacing: normal; 2088 text-transform: uppercase; 2089 margin-bottom: 0px; 2090} 2091.attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 2092 font-family: "GilroySemiBold"; 2093 font-size: 1.625rem; 2094 text-align: left; 2095 font-style: normal; 2096 line-height: 0.5; 2097 letter-spacing: normal; 2098 color: #f5f5f5; 2099 margin-top: 10px; 2100 margin-left: 2px; 2101} 2102.attendee-details[_ngcontent-%COMP%] { 2103 margin-top: 21.5px; 2104 display: flex; 2105 flex-direction: row; 2106 justify-content: space-evenly; 2107} 2108.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 2109 width: 45px; 2110 height: 45px; 2111 transform: scale(1) !important; 2112 transition: transform 0.3s ease-in-out !important; 2113} 2114.attendee-details[_ngcontent-%COMP%] .going[_ngcontent-%COMP%] { 2115 color: #6fffed; 2116} 2117.attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 2118 color: #b260ea; 2119 width: 127px; 2120} 2121.attendee-details[_ngcontent-%COMP%] .vip_passes[_ngcontent-%COMP%] { 2122 color: #ff9300; 2123 width: 72px; 2124} 2125.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%]:hover { 2126 transform: scale(1.1) !important; 2127 transition: transform 0.3s ease-in-out !important; 2128} 2129@media (min-width: 375) and (max-width: 425px) { 2130 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 2131 display: none; 2132 } 2133} 2134@media (min-width: 768px) and (max-width: 1365px) { 2135 .attendee-boxes[_ngcontent-%COMP%] { 2136 display: flex; 2137 flex-direction: row; 2138 justify-content: space-around; 2139 margin-right: 5px; 2140 } 2141 .attendee-desc[_ngcontent-%COMP%] { 2142 margin-left: 3.8px; 2143 margin-right: 3.8px; 2144 } 2145 .attendee-details[_ngcontent-%COMP%] { 2146 margin-top: 21.5px; 2147 display: flex; 2148 flex-direction: row; 2149 justify-content: space-evenly; 2150 } 2151 .attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 2152 width: 35px; 2153 height: 35px; 2154 } 2155 .attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 2156 font-size: 0.75rem; 2157 } 2158 .attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 2159 font-size: 1.25rem; 2160 } 2161 .attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 2162 width: 110px; 2163 } 2164 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 2165 display: none; 2166 } 2167 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 2168 width: 100vw; 2169 } 2170 .ComponentsWrapper[_ngcontent-%COMP%] { 2171 width: 100% !important; 2172 } 2173} 2174@media screen and (min-width: 1025px) and (max-width: 1365px) { 2175 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 2176 display: none; 2177 } 2178} 2179@media (min-width: 900px) and (width: 1900px) { 2180 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 2181 width: 15%; 2182 } 2183 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 2184 width: 85%; 2185 } 2186} 2187.wizard-container[_ngcontent-%COMP%] { 2188 display: flex; 2189 flex-direction: row; 2190 width: 1440px; 2191 min-width: 1440px; 2192 justify-content: center; 2193 margin: auto; 2194} 2195.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 2196 width: 100%; 2197 display: flex; 2198 flex-direction: row; 2199} 2200.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 2201 display: flex; 2202 flex-direction: column; 2203 width: 75%; 2204} 2205.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container.fullWidth[_ngcontent-%COMP%] { 2206 width: 100% !important; 2207} 2208.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 2209 width: 42%; 2210 color: #fff; 2211 margin-right: 35px !important; 2212 margin-top: 36px; 2213} 2214.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 2215 width: 365px; 2216 height: 733px; 2217 margin-top: 20px; 2218 margin-right: 35px; 2219 position: -webkit-sticky; 2220 position: sticky; 2221 top: 155px; 2222} 2223.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 2224 width: 42%; 2225 color: #fff; 2226 margin-right: 35px !important; 2227 margin-top: 36px; 2228 z-index: -1; 2229} 2230.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 2231 position: relative; 2232 width: 365px; 2233 height: 733px; 2234 margin-top: 20px; 2235 margin-right: 35px; 2236} 2237.wizard-footer[_ngcontent-%COMP%] { 2238 width: 687px; 2239 height: 65px; 2240 position: absolute; 2241 bottom: 0%; 2242 padding: 0px 95px; 2243 display: flex; 2244 justify-content: flex-end; 2245 align-items: center; 2246} 2247@media only screen and (max-height: 900px) { 2248 .mobile-container[_ngcontent-%COMP%] { 2249 margin-top: 0px !important; 2250 } 2251} 2252.NextButton[_ngcontent-%COMP%] { 2253 margin-top: 40px; 2254 display: flex; 2255 justify-content: flex-end; 2256 width: 588px; 2257 height: 65px; 2258} 2259.CenterAlign[_ngcontent-%COMP%] { 2260 display: flex; 2261 align-items: center; 2262 flex-direction: column; 2263 justify-content: center; 2264} 2265.ComponentsWrapper[_ngcontent-%COMP%] { 2266 width: 1115px; 2267} 2268.minusSign[_ngcontent-%COMP%] { 2269 margin-right: 11.5px; 2270 width: 10px; 2271 height: 21px; 2272 cursor: pointer; 2273 transition: all 0.2s ease-in-out; 2274} 2275.plusSign[_ngcontent-%COMP%] { 2276 margin-left: 11.5px; 2277 width: 10px; 2278 height: 21px; 2279 cursor: pointer; 2280 transition: all 0
2280.2s ease-in-out; 2281} 2282.minusSign[_ngcontent-%COMP%]:hover, .plusSign[_ngcontent-%COMP%]:hover { 2283 transform: scale(1.2); 2284} 2285.app-scrollbar[_ngcontent-%COMP%] { 2286 position: relative; 2287 top: 0px; 2288 right: 0px; 2289 padding: 0px; 2290 z-index: 0; 2291} 2292.leftArrow-Container[_ngcontent-%COMP%] { 2293 width: 50px; 2294 height: 154px; 2295 background-image: 2296 linear-gradient( 2297 to right, 2298 #1e1e2c, 2299 rgba(30, 30, 44, 0.5)); 2300 display: flex; 2301 align-items: center; 2302 position: absolute; 2303 justify-content: center; 2304 z-index: 4; 2305 left: 210px; 2306} 2307.leftArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 2308 color: #f5f5f5; 2309 font-size: 1.75rem; 2310 cursor: pointer; 2311 transition: 0.2s ease-in-out; 2312} 2313.rightArrow-Container[_ngcontent-%COMP%] { 2314 width: 50px; 2315 height: 154px; 2316 background-image: 2317 linear-gradient( 2318 to right, 2319 #1e1e2c, 2320 rgba(30, 30, 44, 0.5)); 2321 display: flex; 2322 align-items: center; 2323 position: absolute; 2324 justify-content: center; 2325 z-index: 4; 2326 right: -24px; 2327} 2328.rightArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 2329 color: #f5f5f5; 2330 font-size: 1.75rem; 2331 cursor: pointer; 2332} 2333.leftArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%], .rightArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%] { 2334 transform: scale(1.4); 2335 transition: 0.2s ease-in-out; 2336} 2337.top-nav[_ngcontent-%COMP%] { 2338 top: -23px; 2339 z-index: 1; 2340 position: relative; 2341 display: flex; 2342 flex-direction: row; 2343 gap: 15px; 2344} 2345.top-nav.Opacity[_ngcontent-%COMP%] { 2346 opacity: 0.3; 2347 transition: 0.1s ease-in; 2348 z-index: 0; 2349} 2350.top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 2351 margin: 20px 0px 0px 0px; 2352 padding: 11px 20px 11px; 2353 border-radius: 25px; 2354 height: 42px; 2355 width: auto !important; 2356 background-color: rgba(111, 255, 237, 0.1); 2357 transition: background-color 0.3s ease-in-out; 2358 transform: scale(1); 2359 transition: transform 0.3s ease-in-out; 2360 color: #6fffed; 2361 font-family: "GilroyMedium"; 2362 font-size: 1rem; 2363 font-style: normal; 2364 line-height: normal; 2365 letter-spacing: normal; 2366 cursor: pointer; 2367 border: none; 2368 outline: none; 2369 z-index: 0; 2370} 2371.top-nav[_ngcontent-%COMP%] button.active[_ngcontent-%COMP%] { 2372 color: #313245; 2373 background-color: #6fffed; 2374 transition: background-color 0.3s ease-in-out; 2375} 2376.Pop-Up-Container-Body[_ngcontent-%COMP%] { 2377 width: 100%; 2378 height: 100vh; 2379 display: flex; 2380 align-items: center; 2381 justify-content: center; 2382 position: fixed; 2383 top: 1.5%; 2384} 2385.scroller[_ngcontent-%COMP%] { 2386 top: 0; 2387 width: 204px; 2388 transition: 0.2s ease-in-out; 2389 position: relative; 2390 margin-right: 15px; 2391 font-style: normal; 2392 z-index: 0; 2393} 2394.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] { 2395 width: 204px; 2396 height: 154px; 2397 background-color: #242637; 2398 border-radius: 5px; 2399 cursor: pointer; 2400 display: flex; 2401 flex-direction: column; 2402 justify-content: center; 2403 align-items: center; 2404 vertical-align: middle; 2405} 2406.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-icon[_ngcontent-%COMP%] { 2407 width: 26.9px; 2408 height: 26.9px; 2409} 2410.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-title[_ngcontent-%COMP%] { 2411 font-family: "GilroyMedium"; 2412 font-size: 1rem; 2413 line-height: 1.23; 2414 letter-spacing: normal; 2415 margin: 16.1px 0 0; 2416 text-align: center; 2417 color: #6fffed; 2418 width: 112px; 2419 height: 45px; 2420} 2421.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] { 2422 display: inline-block; 2423 width: 252px; 2424 height: 154px; 2425 padding: 0 15px 17px 0; 2426 border-radius: 5px !important; 2427 cursor: pointer; 2428 position: relative; 2429 top: 0px; 2430 z-index: -1; 2431} 2432.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 2433 width: 252px; 2434 height: 154px; 2435 border-radius: 5px; 2436 position: absolute; 2437 object-fit: cover; 2438 object-position: center; 2439} 2440.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] { 2441 width: 252px; 2442 height: 568px; 2443 background-image: 2444 linear-gradient( 2445 to bottom, 2446 #242637, 2447 #1e1e2c); 2448 position: absolute; 2449 top: 97%; 2450 z-index: 0; 2451 bottom: 140px; 2452 display: none; 2453 transition: 0.2s ease-in-out; 2454 padding: 20px 17.7px 20px 17.7px; 2455} 2456.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] .event-menu-container[_ngcontent-%COMP%] { 2457 display: flex; 2458 flex-direction: column; 2459 justify-content: center; 2460 text-align: center; 2461} 2462.Inline-Container[_ngcontent-%COMP%]::-webkit-scrollbar {
2463 display: none !important; 2464} 2465.Inline-Container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] { 2466 display: flex; 2467 flex-direction: row; 2468 padding-inline-start: 0px; 2469 list-style-type: none; 2470 transition: transform 0.5s ease; 2471} 2472.Inline-Container[_ngcontent-%COMP%] { 2473 cursor: grab; 2474} 2475.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover { 2476 top: -65px !important; 2477 z-index: 2; 2478 transition: 0.2s ease-in-out; 2479} 2480.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover .event-menu-wrapper[_ngcontent-%COMP%] { 2481 display: block !important; 2482} 2483.control-item[_ngcontent-%COMP%] { 2484 display: flex; 2485 flex-direction: column; 2486 justify-content: center; 2487 align-items: center; 2488 width: 58px; 2489 cursor: pointer; 2490} 2491.control-item[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 2492 width: 40px !important; 2493 height: 40px !important; 2494 position: relative !important; 2495 object-fit: contain; 2496 transition: all 0.2s ease-in-out; 2497} 2498.control-item[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 2499 font-family: "GilroyLight"; 2500 font-size: 0.875rem; 2501 font-style: normal; 2502 line-height: normal; 2503 letter-spacing: normal; 2504 text-align: center; 2505 color: #c2c7f2; 2506 white-space: normal; 2507 margin-top: 12px; 2508} 2509.InputFieldArrow[_ngcontent-%COMP%] { 2510 position: relative; 2511 width: 272px !important; 2512} 2513.InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 2514 position: absolute; 2515 color: #babcc1; 2516 font-size: 1.5rem; 2517 top: 20px; 2518 right: 16px; 2519 z-index: 1; 2520 cursor: pointer; 2521} 2522@media (min-width: 768px) and (max-width: 1024px) { 2523 .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 2524 display: none; 2525 } 2526 .InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 2527 position: relative; 2528 right: -232px; 2529 top: 46px; 2530 } 2531 .top-nav[_ngcontent-%COMP%] { 2532 top: -23px; 2533 z-index: 1; 2534 position: relative; 2535 display: inline-block; 2536 width: 100%; 2537 white-space: nowrap; 2538 overflow: auto; 2539 } 2540 .top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 2541 margin: 20px 20px 0px 0px; 2542 } 2543 .NextButton[_ngcontent-%COMP%] { 2544 width: 514px; 2545 } 2546} 2547.top-nav[_ngcontent-%COMP%]::-webkit-scrollbar {
2548 display: none; 2549} 2550.popUpBox[_ngcontent-%COMP%] { 2551 width: 100%; 2552 height: auto; 2553 background-color: #1e1e2c; 2554 padding: 40px; 2555} 2556.popUpBox[_ngcontent-%COMP%] .topTitleBar[_ngcontent-%COMP%] .creationWizardTitle[_ngcontent-%COMP%] { 2557 line-height: 1.08; 2558} 2559.popUpBox[_ngcontent-%COMP%] .topTitleBar.dFlexRow[_ngcontent-%COMP%] { 2560 justify-content: space-between; 2561} 2562@media screen and (max-width: 767px) { 2563 .popUpBox[_ngcontent-%COMP%] { 2564 padding: 16px !important; 2565 } 2566} 2567@keyframes _ngcontent-%COMP%_expander { 2568 from { 2569 transform: scale(1); 2570 } 2571 50% { 2572 transform: scale(1.1); 2573 } 2574 100% { 2575 transform: scale(1.2); 2576 } 2577} 2578@-webkit-keyframes _ngcontent-%COMP%_slide { 2579 100% { 2580 left: -55px; 2581 } 2582} 2583@keyframes _ngcontent-%COMP%_slide { 2584 100% { 2585 left: -55px; 2586 } 2587} 2588@-webkit-keyframes _ngcontent-%COMP%_slideDrawer { 2589 0% { 2590 left: -245px; 2591 } 2592 100% { 2593 left: 0; 2594 } 2595} 2596@keyframes _ngcontent-%COMP%_slideDrawer { 2597 0% { 2598 left: -245px; 2599 } 2600 100% { 2601 left: 0; 2602 } 2603} 2604@-webkit-keyframes _ngcontent-%COMP%_slideBox { 2605 0% { 2606 left: -600px; 2607 } 2608 100% { 2609 left: 0px; 2610 } 2611} 2612@keyframes _ngcontent-%COMP%_slideBox { 2613 0% { 2614 left: -600px; 2615 } 2616 100% { 2617 left: 0px; 2618 } 2619} 2620.menu-items-grid[_ngcontent-%COMP%] .control-item[_ngcontent-%COMP%]:hover img[_ngcontent-%COMP%] { 2621 transform: scale(1.2); 2622} 2623@keyframes _ngcontent-%COMP%_slideUp { 2624 0% { 2625 transform: translate3d(0, 20px, 0); 2626 opacity: 0; 2627 } 2628 50% { 2629 transform: translate3d(0, 10px, 0); 2630 opacity: 0.5; 2631 } 2632 100% { 2633 transform: translate3d(0, 0px, 0); 2634 opacity: 1; 2635 } 2636} 2637@keyframes _ngcontent-%COMP%_fadein { 2638 from { 2639 opacity: 0; 2640 } 2641 to { 2642 opacity: 1; 2643 } 2644} 2645.gray-BG[_ngcontent-%COMP%] { 2646 background-color: #babcc1 !important; 2647} 2648.midnight-express-BG[_ngcontent-%COMP%] { 2649 background-color: #242637; 2650} 2651.black-russian[_ngcontent-%COMP%] { 2652 background-color: #0b0b1a !important; 2653} 2654.baby-blue-BG[_ngcontent-%COMP%] { 2655 background-color: #6fffed !important; 2656} 2657.slate-blue-BG[_ngcontent-%COMP%] { 2658 background-color: #5e5cde !important; 2659} 2660.dark-orange-BG[_ngcontent-%COMP%] { 2661 background-color: #ff9300 !important; 2662} 2663.dodger-blue[_ngcontent-%COMP%] { 2664 background-color: #0a84ff !important; 2665} 2666.medium-orchid-BG[_ngcontent-%COMP%] { 2667 background-color: #bf5af2 !important; 2668} 2669.rich-lilac-BG[_ngcontent-%COMP%] { 2670 background-color: #b260ea; 2671} 2672.comet-BG[_ngcontent-%COMP%] { 2673 background-color: #5e5f71; 2674} 2675.gamboge-BG[_ngcontent-%COMP%] { 2676 background-color: #e68f09; 2677} 2678.blur[_ngcontent-%COMP%] { 2679 -webkit-filter: blur(8px); 2680 -moz-filter: blur(8px); 2681 -o-filter: blur(8px); 2682 -ms-filter: blur(8px); 2683 filter: blur(8px); 2684} 2685.blue-shade2-border[_ngcontent-%COMP%] { 2686 border: solid 2px #43445e !important; 2687} 2688.baby-blue-border[_ngcontent-%COMP%] { 2689 border: solid 1px #6fffed !important; 2690} 2691.dark-orange-border[_ngcontent-%COMP%] { 2692 border: solid 1px #ff9300 !important; 2693} 2694.medium-orchid-border[_ngcontent-%COMP%] { 2695 border: solid 1px #bf5af2 !important; 2696} 2697.dodger-blue-shade2-border[_ngcontent-%COMP%] { 2698 border: solid 1px #0a84ff !important; 2699} 2700.white-smoke-border[_ngcontent-%COMP%] { 2701 border: solid 1px #f5f5f5 !important; 2702} 2703.red-border[_ngcontent-%COMP%] { 2704 border: solid 1px #ff0100 !important; 2705} 2706.black-russian-border[_ngcontent-%COMP%] { 2707 border: solid 1ps #0b0b1a; 2708} 2709.border-red[_ngcontent-%COMP%] { 2710 border: solid 1px #ff0100 !important; 2711} 2712.border-sunsetOrange[_ngcontent-%COMP%] { 2713 border: 1px solid #ff4d4d !important; 2714} 2715.border-grayLight[_ngcontent-%COMP%] { 2716 border: solid 2px #2F3450 !important; 2717} 2718.blueshadeThreeText[_ngcontent-%COMP%] { 2719 color: #81cffa; 2720} 2721.richlilacText[_ngcontent-%COMP%] { 2722 color: #b260ea !important; 2723} 2724.slateBlueText[_ngcontent-%COMP%] { 2725 color: #5e5cde !important; 2726} 2727.slateText[_ngcontent-%COMP%] { 2728 color: #5c5d7a !important; 2729} 2730.babyBlueText[_ngcontent-%COMP%] { 2731 color: #6fffed !important; 2732} 2733.darkOrangeText[_ngcontent-%COMP%] { 2734 color: #ff9300 !important; 2735} 2736.freshYellowText[_ngcontent-%COMP%] { 2737 color: #ffd60a; 2738} 2739.brightPeachText[_ngcontent-%COMP%] { 2740 color: #f96f6f; 2741} 2742.mediumOrchidText[_ngcontent-%COMP%] { 2743 color: #bf5af2 !important; 2744} 2745.black-russian-Text[_ngcontent-%COMP%] { 2746 color: #0b0b1a !important; 2747} 2748.dodgerBlueShadeText[_ngcontent-%COMP%] { 2749 color: #0a84ff !important; 2750} 2751.orangyRedText[_ngcontent-%COMP%] { 2752 color: #ff453a; 2753} 2754.whiteText[_ngcontent-%COMP%] { 2755 color: #f5f5f5 !important; 2756} 2757.pureWhiteText[_ngcontent-%COMP%] { 2758 color: #fff !important; 2759} 2760.comitText[_ngcontent-%COMP%] { 2761 color: #5e5f71 !important; 2762} 2763.carnationText[_ngcontent-%COMP%] { 2764 color: #ff6f90; 2765} 2766.redText[_ngcontent-%COMP%] { 2767 color: #ff0100 !important; 2768} 2769.LavenderBlueText[_ngcontent-%COMP%] { 2770 color: #c2c7f2 !important; 2771} 2772.orangePeelText[_ngcontent-%COMP%] { 2773 color: #ff9300 !important; 2774} 2775.greenText[_ngcontent-%COMP%] { 2776 color: #32d74b; 2777} 2778.sunsetOrangeText[_ngcontent-%COMP%] { 2779 color: #ff4d4d !important; 2780} 2781.grayText[_ngcontent-%COMP%] { 2782 color: #babcc1; 2783} 2784.lighterPurpleText[_ngcontent-%COMP%] { 2785 color: #bd58f0; 2786} 2787.whiteColorText[_ngcontent-%COMP%] { 2788 color: #ffffff !important; 2789} 2790.mangoManiaText[_ngcontent-%COMP%] { 2791 color: #fec20e !important; 2792} 2793.promotionalTextColor[_ngcontent-%COMP%] { 2794 color: #EA60A2 !important; 2795} 2796.center-text[_ngcontent-%COMP%] { 2797 text-align: center !important; 2798} 2799.leftText[_ngcontent-%COMP%] { 2800 text-align: left !important; 2801} 2802.rightText[_ngcontent-%COMP%] { 2803 text-align: right; 2804} 2805.floatRight[_ngcontent-%COMP%] { 2806 float: right; 2807} 2808.floatLeft[_ngcontent-%COMP%] { 2809 float: left; 2810} 2811.clearfix[_ngcontent-%COMP%] { 2812 clear: both; 2813} 2814.dNone[_ngcontent-%COMP%] { 2815 display: none !important; 2816} 2817.dBlock[_ngcontent-%COMP%] { 2818 display: block !important; 2819} 2820.dInlineBlock[_ngcontent-%COMP%] { 2821 display: inline-block !important; 2822} 2823.dInline[_ngcontent-%COMP%] { 2824 display: inline !important; 2825} 2826.dFlex[_ngcontent-%COMP%] { 2827 display: flex; 2828} 2829.dFlexColumn[_ngcontent-%COMP%] { 2830 display: flex; 2831 flex-direction: column; 2832} 2833.dFlexRow[_ngcontent-%COMP%] { 2834 display: flex; 2835 flex-direction: row; 2836} 2837.dFlex-with-center[_ngcontent-%COMP%] { 2838 display: flex; 2839 align-items: center; 2840} 2841.dFlex-with-col-center[_ngcontent-%COMP%] { 2842 display: flex; 2843 flex-flow: column; 2844 align-items: center; 2845} 2846.clickable[_ngcontent-%COMP%] { 2847 cursor: pointer; 2848} 2849.text-direction-vertical[_ngcontent-%COMP%] { 2850 writing-mode: vertical-rl; 2851 transform: rotate(180deg); 2852} 2853.ellipsis[_ngcontent-%COMP%] { 2854 overflow: hidden; 2855 white-space: nowrap; 2856 text-overflow: ellipsis; 2857} 2858.capital-text[_ngcontent-%COMP%] { 2859 text-transform: uppercase; 2860} 2861.disableDiv[_ngcontent-%COMP%] { 2862 pointer-events: none; 2863} 2864.margin-top-10[_ngcontent-%COMP%] { 2865 margin-top: 10px; 2866} 2867.margin-top-15[_ngcontent-%COMP%] { 2868 margin-top: 15px; 2869} 2870.margin-top-20[_ngcontent-%COMP%] { 2871 margin-top: 20px; 2872} 2873.margin-top-30[_ngcontent-%COMP%] { 2874 margin-top: 30px; 2875} 2876.margin-top-0[_ngcontent-%COMP%] { 2877 margin-top: 0px !important; 2878} 2879.shadow[_ngcontent-%COMP%] { 2880 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 2881 -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 2882 -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 2883} 2884.sahdow-right-bottom-black[_ngcontent-%COMP%] { 2885 box-shadow: 5px 5px 5px black; 2886 -webkit-box-shadow: 5px 5px 5px black; 2887 -moz-box-shadow: 5px 5px 5px black; 2888} 2889.filter-drop-shadow[_ngcontent-%COMP%] { 2890 -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 2891 -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 2892 -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 2893 -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 2894 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 2895} 2896.organgePeelText[_ngcontent-%COMP%] { 2897 color: #ff9300; 2898} 2899.organgePeelText[_ngcontent-%COMP%] { 2900 color: #ff9300; 2901} 2902.sunsetOrangeText[_ngcontent-%COMP%] { 2903 color: #ff4d4d; 2904} 2905ngx-image-cropper[_ngcontent-%COMP%] { 2906 background: #1e1e2c !important; 2907} 2908ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:not(.ngx-ic-canvas) { 2909 background: #1e1e2c !important; 2910 opacity: 0 !important; 2911} 2912ngx-image-cropper[_ngcontent-%COMP%] .ngx-ic-canvas[_ngcontent-%COMP%] { 2913 background: transparent !important; 2914} 2915image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus, ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus { 2916 outline: none !important; 2917} 2918image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%], ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%] { 2919 border: none !important; 2920 box-shadow: none !important; 2921} 2922.ticket-heading[_ngcontent-%COMP%] { 2923 font-family: "STENCILAND"; 2924 font-size: 0.875rem; 2925 font-style: normal; 2926 line-height: 1.21; 2927 text-align: center; 2928 text-transform: uppercase; 2929 margin: 10px 0px 3px 0px; 2930} 2931.ticket-heading.baby-blue[_ngcontent-%COMP%] { 2932 color: #6fffed; 2933 letter-spacing: 0.28px; 2934} 2935.ticket-heading.slate-blue[_ngcontent-%COMP%] { 2936 color: #5e5cde; 2937 letter-spacing: 0.28px; 2938} 2939.ticket-heading.dark-orange[_ngcontent-%COMP%] { 2940 color: #ff9300; 2941 letter-spacing: 0.28px; 2942} 2943.ticket-heading.orange[_ngcontent-%COMP%] { 2944 letter-spacing: 2px; 2945 color: #ff9300; 2946} 2947.ticket-heading[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 2948 font-family: "GilroySemiBold"; 2949 font-size: 1rem; 2950 line-height: 1.06; 2951 letter-spacing: normal; 2952} 2953.navBottomSpace[_ngcontent-%COMP%] { 2954 height: 4.375rem; 2955} 2956.submenuNavSpace[_ngcontent-%COMP%] { 2957 width: 73px; 2958} 2959.secondary-text[_ngcontent-%COMP%] { 2960 color: #babcc1; 2961 font-family: "GilroyMedium"; 2962 font-size: 0.875rem; 2963} 2964.user-profile-subheading[_ngcontent-%COMP%] { 2965 color: #f5f5f5; 2966 font-family: "GilroyMedium"; 2967 font-size: 1.5rem; 2968 font-style: normal; 2969 line-height: normal; 2970 letter-spacing: normal; 2971 text-align: left; 2972} 2973.p-inputtext[_ngcontent-%COMP%]:focus { 2974 border: 1px solid #6fffed !important; 2975 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4) !important; 2976} 2977.wizard-component-title[_ngcontent-%COMP%] { 2978 margin: 50px 0px; 2979 font-family: "GilroyMedium"; 2980 font-size: 1.5rem; 2981 color: #f5f5f5; 2982 font-style: normal; 2983 line-height: 1.17; 2984 letter-spacing: normal; 2985 text-align: left; 2986} 2987.collegeEvent-wizardTiltle[_ngcontent-%COMP%] { 2988 margin: 50px 0px; 2989 font-family: "GilroySemiBold"; 2990 font-size: 1.75rem; 2991 color: #f5f5f5; 2992 font-style: normal; 2993 line-height: 1.17; 2994 letter-spacing: normal; 2995 text-align: left; 2996} 2997.wizard-component-subTitle[_ngcontent-%COMP%] { 2998 margin: 0px 0px 50px; 2999 color: #ff9300; 3000 font-size: 1rem; 3001 font-family: "GilroyMedium"; 3002 line-height: 1.29; 3003 text-align: left; 3004 letter-spacing: normal; 3005 font-style: normal; 3006} 3007.resizeImageText[_ngcontent-%COMP%] { 3008 color: #c2c7f2 !important; 3009 margin-top: 31px; 3010 margin-left: 251px; 3011 display: block; 3012 font-size: 0.875rem; 3013} 3014table[_ngcontent-%COMP%] { 3015 width: 100%; 3016} 3017.GuestTable-Data[_ngcontent-%COMP%] td[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 3018 width: 34px; 3019 height: 34px; 3020 margin: 15px 10.4px 18px 0px; 3021} 3022th[_ngcontent-%COMP%] { 3023 font-family: "GilroyBold"; 3024 font-size: 1rem; 3025 font-style: normal; 3026 line-height: 1.29; 3027 letter-spacing: normal; 3028 color: #f5f5f5; 3029 padding: 23px 0px 24.2px 0px; 3030} 3031td[_ngcontent-%COMP%] { 3032 font-family: "GilroyMedium"; 3033 font-size: 1rem; 3034 font-style: normal; 3035 line-height: 1.29; 3036 letter-spacing: normal; 3037 color: #f5f5f5; 3038} 3039.button[_ngcontent-%COMP%] { 3040 width: 200px; 3041 height: 45px; 3042 margin-top: 45.1px; 3043 border-radius: 10px; 3044 font-family: "GilroyBold"; 3045 border: solid 1px #272b3f; 3046 background-color: #ff9300; 3047 font-size: 1rem; 3048 font-style: normal; 3049 line-height: 1.25; 3050 letter-spacing: normal; 3051 text-align: center; 3052 color: #1e1e2c; 3053 margin-top: 39px; 3054 transform: scale(1); 3055 transition: transform 0.3s ease-in-out; 3056} 3057.btn-primary[_ngcontent-%COMP%] { 3058 color: #fff; 3059 background-color: #1b6ec2; 3060 border-color: #1861ac; 3061} 3062.button-Event[_ngcontent-%COMP%] { 3063 background-color: #1a1b2c; 3064 border-radius: 50px; 3065 height: 45px; 3066 border: 2px solid #6fffed; 3067 color: #6fffed; 3068 font-family: "GilroySemiBold"; 3069 padding-left: 33px; 3070 padding-right: 33px; 3071 font-size: 1.125rem; 3072 text-align: center; 3073 text-decoration: none; 3074 transform: scale(1); 3075 transition: transform 0.3s ease-in; 3076} 3077.button-Event[_ngcontent-%COMP%]:hover {
3078 cursor: pointer; 3079 transform: scale(1.05); 3080 transition: transform 0.3s ease-in; 3081} 3082.loadingOpacity[_ngcontent-%COMP%] { 3083 background: rgba(111, 255, 237, 0.2) !important; 3084 border: none !important; 3085} 3086.Loadingbutton_Text[_ngcontent-%COMP%] { 3087 position: relative !important; 3088 color: #1e1e2c !important; 3089 display: block; 3090} 3091.disablelitButton[_ngcontent-%COMP%] { 3092 background-color: #282c40; 3093 border: 2px solid #282c40; 3094 border-radius: 50px; 3095 height: 45px; 3096 color: #6fffed; 3097 font-family: "GilroySemiBold"; 3098 font-size: 1.125rem; 3099 padding-left: 33px; 3100 padding-right: 33px; 3101 text-align: center; 3102 text-decoration: none; 3103 cursor: pointer; 3104 transform: scale(1); 3105 transition: transform 0.3s ease-in-out; 3106} 3107.simpleButton[_ngcontent-%COMP%] { 3108 background-color: #242637; 3109 border-radius: 50px; 3110 height: 45px; 3111 border: 1px solid #f5f5f5; 3112 color: #babcc1; 3113 font-family: "GilroyMedium"; 3114 padding-left: 33px; 3115 font-size: 1rem; 3116 padding-right: 33px; 3117 text-align: center; 3118 text-decoration: none; 3119 cursor: pointer; 3120} 3121.disableButton[_ngcontent-%COMP%] { 3122 background-color: #242637; 3123 border-radius: 50px; 3124 height: 45px; 3125 border: 1px solid #1e1e2c; 3126 color: #1e1e2c; 3127 font-family: "GilroyMedium"; 3128 font-size: 1.125rem; 3129 padding-left: 33px; 3130 padding-right: 33px; 3131 text-align: center; 3132 text-decoration: none; 3133 cursor: pointer; 3134} 3135.disableButton.new[_ngcontent-%COMP%] { 3136 width: 160px; 3137 height: 44px; 3138 padding: 8px 16px; 3139 font-size: 1rem; 3140 border: none; 3141 font-family: "GilroyBold"; 3142 border-radius: 10px; 3143 pointer-events: none !important; 3144} 3145.disabledButton[_ngcontent-%COMP%] { 3146 background-color: #242637; 3147 border-radius: 50px; 3148 height: 45px; 3149 border: 2px solid #1e1e2c; 3150 color: #1e1e2c; 3151 font-family: "GilroySemiBold"; 3152 font-size: 1.125rem; 3153 text-decoration: none; 3154} 3155.save-draft[_ngcontent-%COMP%] { 3156 color: #c2c7f2; 3157 background: #232638; 3158 border: 1px solid #232638; 3159 height: 40px; 3160 text-align: center; 3161 outline: none; 3162 border-radius: 50px; 3163 font-size: 0.875rem; 3164 font-family: "GilroySemiBold"; 3165 padding: 12px 0px; 3166 cursor: pointer; 3167 display: flex; 3168 align-items: center !important; 3169 justify-content: center !important; 3170 -webkit-align-items: center; 3171 -webkit-justify-content: center; 3172 position: relative; 3173} 3174.save-draft.draft-progress[_ngcontent-%COMP%] { 3175 position: absolute !important; 3176 height: 100% !important; 3177 top: 0; 3178 left: 0; 3179 background-color: #c2c7f2 !important; 3180 color: #232638 !important; 3181 transition: width 0.3s; 3182 border-radius: 10px; 3183 border: none !important; 3184} 3185.glowButton[_ngcontent-%COMP%] { 3186 background-color: #1e1e2c; 3187 border: 1px solid #6fffed; 3188 color: #6fffed; 3189 height: 40px; 3190 text-align: center; 3191 outline: none; 3192 border-radius: 50px; 3193 font-size: 0.875rem; 3194 font-family: "GilroySemiBold"; 3195 padding: 12px 0px; 3196 cursor: pointer; 3197 display: flex; 3198 align-items: center !important; 3199 justify-content: center !important; 3200 -webkit-align-items: center; 3201 -webkit-justify-content: center; 3202 position: relative; 3203} 3204.glowButton.button_progress[_ngcontent-%COMP%] { 3205 position: absolute !important; 3206 height: 100% !important; 3207 top: 0; 3208 left: 0; 3209 background-color: #6fffed !important; 3210 transition: width 0.3s; 3211 border-radius: 10px; 3212 border: none !important; 3213} 3214.cancelButton[_ngcontent-%COMP%] { 3215 background-color: #232638; 3216 border: none; 3217 color: #fff; 3218 height: 40px; 3219 text-align: center; 3220 outline: none; 3221 border-radius: 10px; 3222 font-size: 1rem; 3223 font-family: "GilroySemiBold"; 3224 padding: 12px 0px; 3225 cursor: pointer; 3226 display: flex; 3227 align-items: center !important; 3228 justify-content: center !important; 3229 -webkit-align-items: center; 3230 -webkit-justify-content: center; 3231 position: relative; 3232} 3233.cancelButton.button_progress[_ngcontent-%COMP%] { 3234 position: absolute !important; 3235 height: 100% !important; 3236 top: 0; 3237 left: 0; 3238 background-color: #6fffed !important; 3239 transition: width 0.3s; 3240 border-radius: 10px; 3241 border: none !important; 3242} 3243.Input-Field[_ngcontent-%COMP%] { 3244 margin: 11px 0px; 3245 padding: 11px 0px 13px 18px; 3246 font-family: "GilroyMedium"; 3247 border-radius: 50px; 3248 width: 272px; 3249 height: 40px; 3250 color: #f5f5f5; 3251 font-size: 1rem; 3252 line-height: 1.14; 3253 background-color: #242637; 3254 border: 1px solid #f5f5f5; 3255} 3256.Input-Field[_ngcontent-%COMP%]:focus, .Text-Field[_ngcontent-%COMP%]:focus { 3257 border: 1px solid #6fffed; 3258 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 3259} 3260.Text-Field[_ngcontent-%COMP%] { 3261 padding: 11px 0px 13px 18px; 3262 color: #f5f5f5; 3263 font-size: 1rem; 3264 line-height: 1.14; 3265 font-family: "GilroyMedium"; 3266 border-radius: 15px; 3267 background-color: #242637; 3268 border: 1px solid #f5f5f5; 3269 height: 118px; 3270 min-height: 118px; 3271} 3272input[_ngcontent-%COMP%]:focus { 3273 border: none; 3274 outline: none; 3275} 3276*[_ngcontent-%COMP%]:focus { 3277 outline: none !important; 3278} 3279.custom-Label[_ngcontent-%COMP%] { 3280 font-family: "GilroyMedium"; 3281 font-size: 0.875rem; 3282 color: #babcc1; 3283} 3284.checkBoxEnable[_ngcontent-%COMP%] { 3285 border: 2px solid #6fffed; 3286 border-radius: 4px; 3287 width: 31px; 3288 height: 38px; 3289 outline: none !important; 3290 background-color: rgba(111, 255, 237, 0.1); 3291} 3292.checkBoxDisabled[_ngcontent-%COMP%] { 3293 border: solid 2px #676d9e; 3294 border-radius: 4px; 3295 width: 31px; 3296 height: 38px; 3297 outline: none !important; 3298} 3299.checkbox-custom[_ngcontent-%COMP%] { 3300 -webkit-appearance: none; 3301 -moz-appearance: none !important; 3302 appearance: none; 3303 cursor: pointer !important; 3304 width: 31px; 3305 height: 38px; 3306 margin-left: 0px; 3307 padding: 0px; 3308 outline: none !important; 3309} 3310.tbl-line[_ngcontent-%COMP%] { 3311 border-bottom: 3px solid #383759; 3312 width: 100%; 3313} 3314.checkbox-custom[_ngcontent-%COMP%]:checked { 3315 content: ""; 3316 width: 18px; 3317 height: 10px; 3318 background: rgba(0, 0, 0, 0); 3319 border: 2px solid #6fffed; 3320 -webkit-transform: rotate(-45deg); 3321 -moz-transform: rotate(-45deg); 3322 -o-transform: rotate(-45deg); 3323 -ms-transform: rotate(-45deg); 3324 transform: rotate(-45deg); 3325 margin-left: 5px; 3326 margin-bottom: -1px; 3327 outline: none !important; 3328 box-shadow: none !important; 3329 border-top: none !important;
3330 border-right: none !important; 3331 -webkit-appearance: none !important; 3332 -moz-appearance: none !important; 3333 appearance: none !important; 3334} 3335.textLit[_ngcontent-%COMP%] { 3336 width: 25px; 3337 height: 19px; 3338 margin-top: 8px; 3339 margin-left: 12px; 3340 font-family: "GilroySemiBold"; 3341 font-size: 1rem; 3342 line-height: 1.19; 3343 color: #6fffed; 3344} 3345.textNotLit[_ngcontent-%COMP%] { 3346 width: 25px; 3347 height: 19px; 3348 margin-top: 8px; 3349 margin-left: 12px; 3350 font-family: "GilroySemiBold"; 3351 font-size: 1rem; 3352 line-height: 1.19; 3353 color: #676d9e; 3354} 3355[_ngcontent-%COMP%]::placeholder { 3356 color: rgba(255, 255, 255, 0.2); 3357 font-size: 0.875rem; 3358 font-family: "GilroyMedium"; 3359} 3360.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label[_ngcontent-%COMP%] { 3361 text-align: left; 3362 margin-top: 29px; 3363} 3364.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label-qm[_ngcontent-%COMP%] { 3365 text-align: left; 3366 margin-top: 20px; 3367} 3368.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 3369 width: 578px; 3370 border: solid 1px #f5f5f5; 3371} 3372.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Small-Input-Field[_ngcontent-%COMP%] { 3373 width: 114px; 3374 height: 40px; 3375} 3376.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 3377 width: 578px; 3378 margin-top: 11px; 3379 margin-bottom: 11px; 3380} 3381.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 3382 display: flex; 3383 flex-direction: row; 3384 justify-content: space-between; 3385 width: 578px; 3386} 3387.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 3388 width: 272px !important; 3389} 3390.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus { 3391 border: none; 3392 outline: none; 3393} 3394.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:-webkit-autofill { 3395 -webkit-box-shadow: 0 0 0 30px #242637 inset !important; 3396 box-shadow: 0 0 0 30px #242637 inset !important; 3397} 3398.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%]:focus, .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%]:focus { 3399 border: 1px solid #6fffed; 3400} 3401.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .checkbox-custom[_ngcontent-%COMP%]:checked { 3402 content: ""; 3403 width: 18px; 3404 height: 10px; 3405 background: rgba(0, 0, 0, 0); 3406 border: 2px solid #6fffed; 3407 border-top: none !important; 3408 border-right: none !important; 3409 -webkit-transform: rotate(-45deg); 3410 -moz-transform: rotate(-45deg); 3411 -o-transform: rotate(-45deg); 3412 -ms-transform: rotate(-45deg); 3413 transform: rotate(-45deg); 3414 margin-left: 5px; 3415 margin-bottom: -3px; 3416 outline: none !important; 3417 box-shadow: none !important; 3418 -webkit-appearance: none !important; 3419 -moz-appearance: none !important; 3420 appearance: none !important; 3421} 3422.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .danger[_ngcontent-%COMP%] { 3423 font-size: 0.875rem; 3424 color: #ff4d4d; 3425 font-family: "GilroyRegular"; 3426} 3427.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .label-danger[_ngcontent-%COMP%] { 3428 color: #ff4d4d !important; 3429} 3430input[_ngcontent-%COMP%]:-webkit-autofill:focus, input[_ngcontent-%COMP%]:-webkit-autofill:active { 3431 -webkit-box-shadow: 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 3432 box-shadow: 0 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 3433 border-color: #6fffed !important; 3434 border: 1px solid #6fffed !important; 3435} 3436input[_ngcontent-%COMP%]:-webkit-autofill { 3437 box-shadow: 0 0 0 30px #242637 inset !important; 3438} 3439input[_ngcontent-%COMP%]:-webkit-autofill { 3440 -webkit-text-fill-color: #fff !important; 3441 caret-color: #2f3450 !important; 3442} 3443input[type=range][_ngcontent-%COMP%]:focus { 3444 border: none !important; 3445 box-shadow: none !important; 3446} 3447.danger[_ngcontent-%COMP%] { 3448 font-size: 0.875rem; 3449 color: #ff4d4d; 3450 font-family: "GilroyRegular"; 3451} 3452.label-danger[_ngcontent-%COMP%] { 3453 color: #ff4d4d !important; 3454} 3455.is-invalid[_ngcontent-%COMP%] { 3456 border: 1px solid #ff4d4d !important; 3457 border-color: #ff4d4d !important; 3458} 3459input[type=number].ng-touched.ng-invalid[_ngcontent-%COMP%], input[type=text].ng-touched.ng-invalid[_ngcontent-%COMP%] { 3460 border: 1px solid #ff4d4d !important; 3461 border-color: #ff4d4d !important; 3462} 3463textarea.ng-touched.ng-invalid[_ngcontent-%COMP%] { 3464 border: 1px solid #ff4d4d !important; 3465 border-color: #ff4d4d !important; 3466} 3467.blur[_ngcontent-%COMP%] { 3468 -webkit-filter: blur(8px); 3469 -moz-filter: blur(8px); 3470 -o-filter: blur(8px); 3471 -ms-filter: blur(8px); 3472 filter: blur(8px); 3473} 3474.notBlur[_ngcontent-%COMP%] { 3475 -webkit-filter: blur(0px); 3476 -moz-filter: blur(0px); 3477 -o-filter: blur(0px); 3478 -ms-filter: blur(0px); 3479 filter: blur(0px); 3480} 3481.stickyElement[_ngcontent-%COMP%] { 3482 position: -webkit-sticky; 3483 position: sticky; 3484 top: 0; 3485 z-index: 999; 3486} 3487.event-status[_ngcontent-%COMP%] { 3488 font-family: "GilroyBold"; 3489 padding: 0 15px 17px 0; 3490 border-bottom-right-radius: 10px !important; 3491 border-top-left-radius: 5px; 3492 line-height: normal; 3493 letter-spacing: normal; 3494 text-align: left; 3495 display: flex; 3496 flex-direction: column; 3497 justify-content: center; 3498 font-size: 0.875rem; 3499 line-height: 1.21; 3500 color: #f5f5f5; 3501 text-transform: uppercase; 3502} 3503.event-status.unpublished[_ngcontent-%COMP%] { 3504 padding: 0px 16px; 3505 -webkit-backdrop-filter: blur(50px); 3506 backdrop-filter: blur(50px); 3507 background-color: rgba(30, 30, 44, 0.65); 3508 width: 122px; 3509 height: 44px; 3510 color: #f5f5f5; 3511} 3512.event-status.tickets_gone[_ngcontent-%COMP%] { 3513 padding: 0px 16px; 3514 -webkit-backdrop-filter: blur(50px); 3515 backdrop-filter: blur(50px); 3516 background-color: rgba(29, 204, 184, 0.65); 3517 width: 145px; 3518 height: 44px; 3519} 3520.event-status.event_over[_ngcontent-%COMP%] { 3521 padding: 0px 16px; 3522 -webkit-backdrop-filter: blur(50px); 3523 backdrop-filter: blur(50px); 3524 background-color: rgba(255, 77, 77, 0.65); 3525 width: 120px; 3526 height: 44px; 3527} 3528.event-status.going_free_or_free_ticket_event[_ngcontent-%COMP%] { 3529 width: 150px; 3530 height: 44px; 3531 padding: 0px 16px; 3532 -webkit-backdrop-filter: blur(50px); 3533 backdrop-filter: blur(50px); 3534 background-color: rgba(94, 92, 222, 0.65); 3535} 3536.event-status.going_pay_at_door_event[_ngcontent-%COMP%] { 3537 width: 150px; 3538 height: 44px; 3539 padding: 0px 16px; 3540 -webkit-backdrop-filter: blur(50px); 3541 backdrop-filter: blur(50px); 3542 background-color: rgba(255, 147, 0, 0.65); 3543} 3544.event-status.ticket_sold_event[_ngcontent-%COMP%], .event-status.active[_ngcontent-%COMP%] { 3545 width: 122px; 3546 max-width: 252px; 3547 height: 44px; 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} 3553.event-status.ticket_sold_event[_ngcontent-%COMP%] { 3554 width: 154px; 3555 max-width: 252px; 3556 height: 44px; 3557 padding: 0px 16px; 3558 -webkit-backdrop-filter: blur(50px); 3559 backdrop-filter: blur(50px); 3560 background-color: rgba(29, 204, 184, 0.65); 3561} 3562.event-status.eventCancelled[_ngcontent-%COMP%], .event-status.cancelled[_ngcontent-%COMP%] { 3563 padding: 0px 16px; 3564 color: #ff4d4d; 3565 width: 154px; 3566 height: 44px; 3567 -webkit-backdrop-filter: blur(50px); 3568 backdrop-filter: blur(50px); 3569 background-color: rgba(30, 30, 44, 0.65); 3570} 3571.event-status.ended[_ngcontent-%COMP%], .event-status.drawover[_ngcontent-%COMP%] { 3572 width: 112px; 3573 height: 44px; 3574 padding: 0px 15px; 3575 -webkit-backdrop-filter: blur(50px); 3576 backdrop-filter: blur(50px); 3577 background-color: rgba(255, 77, 77, 0.65); 3578} 3579.event-status.allused[_ngcontent-%COMP%] { 3580 width: 106px; 3581 height: 44px; 3582 padding: 0px 16px; 3583 -webkit-backdrop-filter: blur(50px); 3584 backdrop-filter: blur(50px); 3585 background-color: rgba(255, 147, 0, 0.3); 3586} 3587.event-details[_ngcontent-%COMP%] { 3588 width: 225px; 3589 margin: auto; 3590 position: absolute; 3591 text-align: center; 3592 z-index: 999; 3593 font-style: normal; 3594 line-height: normal; 3595 letter-spacing: normal; 3596 text-align: left; 3597 margin-left: 11px; 3598 bottom: 0px; 3599} 3600.event-details[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] { 3601 font-family: "GilroySemiBold"; 3602 font-size: 1.25rem; 3603 color: #f5f5f5; 3604 margin: 26px 0px 3px 0px; 3605 width: 224px; 3606 text-transform: capitalize; 3607 overflow: hidden; 3608} 3609.event-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 3610 font-family: "GilroySemiBold"; 3611 font-size: 0.875rem; 3612 float: left; 3613 margin-top: 0px; 3614 color: #babcc1; 3615} 3616.event-details[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 3617 font-size: 1.375rem !important; 3618 margin-top: -3px; 3619 float: right; 3620 color: #fff; 3621 cursor: pointer; 3622} 3623.disableLinks[_ngcontent-%COMP%] { 3624 opacity: 0.3; 3625 pointer-events: none !important; 3626} 3627.hover-Element[_ngcontent-%COMP%] { 3628 transform: scale(1); 3629 transition: transform 0.3s ease-in-out; 3630} 3631.hover-Element[_ngcontent-%COMP%]:hover { 3632 transform: scale(1.1) !important; 3633 transition: transform 0.3s ease-in-out !important; 3634} 3635@media (min-width: 768px) and (max-width: 1024px) { 3636 .vl[_ngcontent-%COMP%] { 3637 height: 32px; 3638 } 3639 .header-text[_ngcontent-%COMP%] { 3640 margin-left: 21px; 3641 } 3642 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 3643 display: none; 3644 } 3645 .wizard-container[_ngcontent-%COMP%] { 3646 width: 768px; 3647 min-width: 768px; 3648 justify-content: none; 3649 } 3650 .Profile-Setup[_ngcontent-%COMP%] { 3651 margin-left: 30px; 3652 } 3653 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 3654 width: 262px; 3655 margin-left: 20px; 3656 } 3657 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 3658 width: 551px; 3659 padding-right: 18px; 3660 } 3661 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 3662 width: 0; 3663 gap: 39px; 3664 } 3665 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 3666 width: 256px !important; 3667 } 3668 .wizard-component-title[_ngcontent-%COMP%] { 3669 text-align: left; 3670 margin-left: 22px; 3671 } 3672 .NextButton[_ngcontent-%COMP%] { 3673 width: 509px; 3674 } 3675 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 3676 display: none; 3677 } 3678 .wizard-container[_ngcontent-%COMP%] { 3679 width: 768px; 3680 min-width: 768px; 3681 justify-content: none; 3682 }
3683 .Pop-Up-Container[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 3684 width: auto; 3685 margin: 0px 30px 0px 45px; 3686 } 3687 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] { 3688 padding: 110px 44px 44px; 3689 width: 610px; 3690 } 3691 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] { 3692 width: auto; 3693 } 3694 .newsfeedContainer[_ngcontent-%COMP%] { 3695 justify-content: center; 3696 overflow: scroll; 3697 height: 629px; 3698 } 3699 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] { 3700 width: 560px; 3701 height: 639px; 3702 } 3703 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .topImage[_ngcontent-%COMP%] { 3704 width: 560px; 3705 height: 424px; 3706 } 3707 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .detail[_ngcontent-%COMP%] { 3708 width: auto; 3709 } 3710 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] { 3711 width: 530px; 3712 } 3713 .newsfeedContainer[_ngcontent-%COMP%]::-webkit-scrollbar {
3714 display: none; 3715 } 3716 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 3717 margin-right: -145px; 3718 } 3719 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 3720 width: 70%; 3721 margin-left: 60px; 3722 } 3723 .ImageEditContainer[_ngcontent-%COMP%] { 3724 margin-right: 51px; 3725 } 3726} 3727.label[_ngcontent-%COMP%] { 3728 color: #fff; 3729 font-size: 0.875rem; 3730 font-family: "GilroySemiBold"; 3731 text-transform: uppercase; 3732 line-height: normal; 3733 letter-spacing: normal; 3734 padding: 0px; 3735 margin: 0px; 3736} 3737.label[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 3738 color: #c2c7f2; 3739} 3740.label[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 3741 color: #ff4d4d; 3742 font-size: 0.375rem; 3743 position: relative; 3744 top: -10px; 3745} 3746.formFields[_ngcontent-%COMP%] { 3747 display: flex; 3748 flex-direction: column; 3749 gap: 10px; 3750} 3751.fields[_ngcontent-%COMP%] { 3752 padding: 14px 16px 14px 16px; 3753 border-radius: 14px; 3754 border: solid 1px #2f3450; 3755 background-color: #1e1e2c; 3756 font-size: 1rem; 3757 font-family: "GilroyBold"; 3758 color: #ffffff; 3759 display: flex; 3760 align-items: center; 3761 justify-content: center; 3762 -webkit-align-items: center; 3763 -webkit-justify-content: center; 3764} 3765.fields.inputField[_ngcontent-%COMP%] { 3766 width: 282px; 3767 height: 44px; 3768} 3769.fields.locationVenueField[_ngcontent-%COMP%] { 3770 width: 685px; 3771 height: 44px; 3772} 3773.fields.smallInputField[_ngcontent-%COMP%] { 3774 width: 129px; 3775} 3776.fields.smallInputVatField[_ngcontent-%COMP%] { 3777 width: 178px; 3778} 3779.fields.textField[_ngcontent-%COMP%] { 3780 height: 91px; 3781} 3782.fields[_ngcontent-%COMP%]:focus { 3783 border: 1px solid #6fffed; 3784 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 3785} 3786.errorMsg[_ngcontent-%COMP%] { 3787 font-style: normal; 3788 line-height: normal; 3789 letter-spacing: normal; 3790 font-family: "GilroyRegular"; 3791 font-size: 0.75rem; 3792 color: #ff4d4d; 3793 margin: 0px; 3794} 3795.errorMsg.positionAboslute[_ngcontent-%COMP%] { 3796 position: absolute; 3797 top: 54px; 3798} 3799.errorMsg[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 3800 color: #ff4d4d !important; 3801 font-size: 0.3125rem !important; 3802 position: relative !important; 3803 top: -6px !important; 3804 right: 0px !important; 3805 padding-right: 2px !important; 3806} 3807.checkboxText[_ngcontent-%COMP%] { 3808 font-size: 0.875rem; 3809 font-style: normal; 3810 line-height: normal; 3811 letter-spacing: normal; 3812 font-family: "GilroyMedium"; 3813 color: #f5f5f5; 3814 margin: 0px; 3815} 3816.creationWizardTitle[_ngcontent-%COMP%] { 3817 font-size: 1.5rem; 3818 font-family: "GilroyBold"; 3819 color: #f5f5f5; 3820 text-transform: capitalize; 3821 line-height: 0.92; 3822 font-style: normal; 3823} 3824@media screen and (max-width: 767px) { 3825 .glowButton[_ngcontent-%COMP%] { 3826 height: 34px !important; 3827 border-radius: 8px !important; 3828 font-size: 0.625rem !important; 3829 } 3830 .navBottomSpace[_ngcontent-%COMP%] { 3831 height: 4.375rem; 3832 } 3833 .label[_ngcontent-%COMP%] { 3834 font-size: 0.75rem !important; 3835 } 3836 .creationWizardTitle[_ngcontent-%COMP%] { 3837 font-size: 1.25rem !important; 3838 } 3839 .disableButton.new[_ngcontent-%COMP%], .litButton.new[_ngcontent-%COMP%] { 3840 width: 90px !important; 3841 height: 34px !important; 3842 padding: 11px 6px; 3843 font-size: 0.625rem; 3844 border: none; 3845 font-family: "GilroyBold"; 3846 border-radius: 8px; 3847 } 3848 .fields[_ngcontent-%COMP%] { 3849 padding: 10px 10px 10px 10px !important; 3850 border-radius: 8px !important; 3851 font-size: 0.75rem; 3852 font-family: "GilroyBold"; 3853 } 3854 [_ngcontent-%COMP%]::placeholder { 3855 font-size: 0.75rem !important; 3856 } 3857} 3858.btnTooltip[_ngcontent-%COMP%] { 3859 background-color: transparent !important; 3860 outline: none !important; 3861 margin: 0px !important; 3862 padding: 0px !important; 3863 border: none !important; 3864} 3865.capitalizeText[_ngcontent-%COMP%] { 3866 text-transform: capitalize; 3867} 3868.lowercaseText[_ngcontent-%COMP%] { 3869 text-transform: lowercase; 3870} 3871.switch[_ngcontent-%COMP%] { 3872 position: relative; 3873 display: inline-block; 3874 width: 44px; 3875 height: 29px; 3876 padding: 2.07px 2.27px 3.11px 2.27px; 3877 margin: 0; 3878} 3879.switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%] { 3880 opacity: 0; 3881 width: 0; 3882 height: 0; 3883} 3884.slider[_ngcontent-%COMP%] { 3885 position: absolute; 3886 cursor: pointer; 3887 top: 0; 3888 left: 0; 3889 right: 0; 3890 bottom: 0; 3891 background-color: rgb(92, 93, 122); 3892 -webkit-transition: 0.4s; 3893 transition: 0.4s; 3894} 3895.slider[_ngcontent-%COMP%]:before { 3896 position: absolute; 3897 content: ""; 3898 width: 22.744px; 3899 height: 23.821px; 3900 background-color: #fff; 3901 border-radius: 50px; 3902 left: 2.77px; 3903 right: 2.77px; 3904 bottom: 2.07px; 3905 top: 2.07px; 3906 -webkit-transition: 0.4s; 3907 transition: 0.4s; 3908} 3909input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%] { 3910 background-color: rgb(10, 132, 255); 3911} 3912input[_ngcontent-%COMP%]:focus + .slider[_ngcontent-%COMP%] { 3913 box-shadow: 0 0 1px #2196F3; 3914} 3915input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]:before { 3916 -webkit-transform: translateX(15px); 3917 -ms-transform: translateX(15px); 3918 transform: translateX(15px); 3919} 3920.slider.round[_ngcontent-%COMP%] { 3921 border-radius: 50px; 3922} 3923.slider.round[_ngcontent-%COMP%]:before { 3924 border-radius: 50px; 3925} 3926@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 3927 .positionAboslute[_ngcontent-%COMP%] { 3928 position: absolute; 3929 } 3930} 3931.cardHolder[_ngcontent-%COMP%] { 3932 width: 532px; 3933 height: 340px; 3934 position: relative; 3935 margin-top: 49px; 3936} 3937.cardHolder[_ngcontent-%COMP%] .cardMembership[_ngcontent-%COMP%] { 3938 position: relative; 3939}
3940.cardHolder[_ngcontent-%COMP%] .topBar[_ngcontent-%COMP%] { 3941 position: absolute; 3942 top: 56px; 3943 left: 37px; 3944 right: 19px; 3945 display: flex; 3946 flex-direction: row; 3947 align-items: center; 3948 gap: 38px; 3949} 3950.cardHolder[_ngcontent-%COMP%] .topBar[_ngcontent-%COMP%] .collegeName[_ngcontent-%COMP%] { 3951 text-transform: capitalize; 3952 color: #6fffed; 3953 font-family: "GilroySemiBold"; 3954 font-size: 1.875rem; 3955 font-style: normal; 3956 line-height: 0.83; 3957 letter-spacing: normal; 3958 text-align: left; 3959 margin: 0px 0px 7px; 3960} 3961.cardHolder[_ngcontent-%COMP%] .topBar[_ngcontent-%COMP%] .cardText[_ngcontent-%COMP%] { 3962 font-size: 1rem; 3963 font-style: normal; 3964 line-height: 1.19; 3965 width: 406px; 3966 text-transform: capitalize; 3967 overflow: hidden; 3968 word-break: break-word; 3969 white-space: nowrap; 3970 text-overflow: ellipsis; 3971 letter-spacing: normal; 3972 text-align: left; 3973 font-family: "GilroySemiBold"; 3974 color: #f5f5f5; 3975 margin: 0px; 3976} 3977.cardHolder[_ngcontent-%COMP%] .topBar[_ngcontent-%COMP%] .dFlexColumn[_ngcontent-%COMP%] { 3978 gap: 3px; 3979} 3980.cardHolder[_ngcontent-%COMP%] .topBar[_ngcontent-%COMP%] .dFlexColumn[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 3981 width: 39px; 3982 height: 39px; 3983} 3984.cardHolder[_ngcontent-%COMP%] .topBar[_ngcontent-%COMP%] .dFlexColumn[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 3985 font-size: 0.375rem; 3986 font-style: normal; 3987 letter-spacing: normal; 3988 text-align: left; 3989 font-family: "GilroySemiBold"; 3990 margin: 0px; 3991 color: #f5f5f5; 3992} 3993.cardHolder[_ngcontent-%COMP%] .middleBar[_ngcontent-%COMP%] { 3994 display: flex; 3995 flex-direction: column; 3996 gap: 6.5px; 3997 position: absolute; 3998 left: 36px; 3999 bottom: 86px; 4000} 4001.cardHolder[_ngcontent-%COMP%] .middleBar[_ngcontent-%COMP%] .cardNumber[_ngcontent-%COMP%] { 4002 font-family: "Kredit"; 4003 color: #f5f5f5; 4004 font-size: 2.5rem; 4005 font-style: normal; 4006 line-height: 1.03; 4007 letter-spacing: normal; 4008 text-align: left; 4009 margin: 0px; 4010} 4011.cardHolder[_ngcontent-%COMP%] .middleBar[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] { 4012 gap: 21px; 4013 width: 361px; 4014 justify-content: flex-end; 4015} 4016.cardHolder[_ngcontent-%COMP%] .middleBar[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .dFlexColumn[_ngcontent-%COMP%] { 4017 gap: 5px; 4018 align-items: center; 4019} 4020.cardHolder[_ngcontent-%COMP%] .middleBar[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .dFlexColumn[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] { 4021 color: #f5f5f5; 4022 font-size: 0.75rem; 4023 font-family: "GilroyRegular"; 4024 font-style: normal; 4025 color: #f5f5f5; 4026 margin: 0px; 4027} 4028.cardHolder[_ngcontent-%COMP%] .middleBar[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .dFlexColumn[_ngcontent-%COMP%] .date[_ngcontent-%COMP%] { 4029 font-size: 1.25rem; 4030 font-style: normal; 4031 letter-spacing: normal; 4032 font-family: "Kredit"; 4033 color: #f5f5f5; 4034 margin: 0px; 4035} 4036.cardHolder[_ngcontent-%COMP%] .bottomBar[_ngcontent-%COMP%] { 4037 position: absolute; 4038 display: flex; 4039 flex-direction: row; 4040 left: 38px; 4041 bottom: 18px; 4042 align-items: flex-end; 4043 gap: 46.5px; 4044} 4045.cardHolder[_ngcontent-%COMP%] .bottomBar[_ngcontent-%COMP%] .qr[_ngcontent-%COMP%] { 4046 width: 74px; 4047 height: 74px; 4048} 4049.cardHolder[_ngcontent-%COMP%] .bottomBar[_ngcontent-%COMP%] .orgonizeO[_ngcontent-%COMP%] { 4050 width: 98px; 4051 height: 98px; 4052 position: relative; 4053 left: 46px; 4054 top: 10px; 4055} 4056.cardHolder[_ngcontent-%COMP%] .bottomBar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] .studentName[_ngcontent-%COMP%] { 4057 font-size: 1.625rem; 4058 font-style: normal; 4059 line-height: 1.04; 4060 letter-spacing: normal; 4061 text-align: left; 4062 font-family: "GilroySemiBold"; 4063 color: #6fffed; 4064 margin: 0px 0px 2px; 4065 text-transform: capitalize; 4066} 4067.cardHolder[_ngcontent-%COMP%] .bottomBar[_ngcontent-%COMP%] .info[_ngcontent-%COMP%] .courseTitle[_ngcontent-%COMP%] { 4068 color: #f5f5f5; 4069 text-transform: capitalize; 4070 font-size: 0.75rem; 4071 font-style: normal; 4072 letter-spacing: normal; 4073 text-align: left; 4074 font-family: "GilroySemiBold"; 4075 margin: 0px; 4076}`]})}}return e})();function et(e,o){if(e&1){let n=P();i(0,"div")(1,"input",10),m("change",function(){_(n);let r=d().$implicit,f=d();return b(f.addToReject(r))}),a()()}if(e&2){let n=d().$implicit,t=d();u(t.selectCheckbox(n,"Rejected")?"checkBoxEnable":"checkBoxDisabled"),p(),l("checked",t.selectCheckbox(n,"Rejected"))}}function ot(e,o){if(e&1){let n=P();i(0,"img",13),m("click",function(){_(n);let r=d().$implicit,f=d();return b(f.addToReject(r))}),a()}if(e&2){let n=d(2);C("src",n.CancelIcon,x)}}function it(e,o){if(e&1){let n=P();i(0,"tr")(1,"td",8),g(2,"img",9),c(3),a(),i(4,"td"),c(5),O(6,"date"),a(),i(7,"td")(8,"div")(9,"input",10),m("change",function(){let r=_(n).$implicit,f=d();return b(f.addToApprove(r))}),a()()(),i(10,"td"),M(11,et,2,4,"div",11)(12,ot,1,1,"img",12),a()()}if(e&2){let n=o.$implicit,t=d();p(2),C("src",n.userAvatar,x),p(),J(" ",n.firstName,"\xA0",n.lastName," "),p(2),v(G(6,10,n.dateRequested,"MM/dd/yy")),p(3),u(t.selectCheckbox(n,"Accepted")?"checkBoxEnable":"checkBoxDisabled"),p(),l("checked",t.selectCheckbox(n,"Accepted")),p(2),l("ngIf",!t.selectCheckbox(n,"Rejected")),p(),l("ngIf",t.selectCheckbox(n,"Rejected"))}}var Hn=(()=>{class e{constructor(n,t){this.membershipService=n,this.sharedService=t,this.UserIcon=h.imagesUrl+"userIcon.jpg",this.CancelIcon=h.imagesUrl+"VIPImages/cancel-icon2.svg",this.decline=!1,this.filteredPendingRequestsList=[],this.acceptRejectList=[],this.ButtonClicked=new Q}ngOnInit(){}addToApprove(n){this.addToAcceptReject(n,"Accepted")}addToReject(n){this.addToAcceptReject(n,"Rejected")}addToAcceptReject(n,t){let r=this.acceptRejectList.findIndex(f=>f.id===n.id);r!==-1?this.acceptRejectList[r].status===t?this.acceptRejectList.splice(r,1):this.acceptRejectList[r].status=t:this.acceptRejectList.push({id:n.id,status:t})}selectCheckbox(n,t){return this.acceptRejectList.some(r=>r.id===n.id&&r.status===t)}rejectApproveRequests(){this.acceptRejectList.length!==0&&(this.sharedService.loader(!0),this.membershipService.acceptRejectMembership({data:this.acceptRejectList}).subscribe({next:n=>{this.sharedService.loader(!1),this.acceptRejectList=[],this.ButtonClicked.emit
4076("Refresh")},error:()=>{this.sharedService.loader(!1)}}))}static{this.\u0275fac=function(t){return new(t||e)(s(B),s(z))}}static{this.\u0275cmp=w({type:e,selectors:[["app-membership-approval"]],inputs:{filteredPendingRequestsList:"filteredPendingRequestsList",startDate:"startDate",endDate:"endDate"},outputs:{ButtonClicked:"ButtonClicked"},decls:18,vars:5,consts:[[1,"heading"],[1,"nameWidth"],[1,"approvalWidth"],[1,"center-text","approveWidth"],[1,"center-text","declineWidth"],[4,"ngFor","ngForOf"],[1,"NextButton"],[3,"click","disabled"],[1,"text"],[1,"userImg",3,"src"],["type","checkbox",1,"checkbox-custom",3,"change","checked"],[3,"class",4,"ngIf"],["class","cancel-icon",3,"src","click",4,"ngIf"],[1,"cancel-icon",3,"click","src"]],template:function(t,r){t&1&&(i(0,"h2",0),c(1,"Confirm that these users have already paid membership."),a(),i(2,"table")(3,"thead")(4,"tr")(5,"th",1),c(6,"Member Name"),a(),i(7,"th",2),c(8,"Requested Approval"),a(),i(9,"th",3),c(10,"Approve"),a(),i(11,"th",4),c(12,"Decline"),a()()(),i(13,"tbody"),M(14,it,13,13,"tr",5),a()(),i(15,"div",6)(16,"button",7),m("click",function(){return r.rejectApproveRequests()}),c(17,"Approve Selected"),a()()),t&2&&(p(14),l("ngForOf",r.filteredPendingRequestsList),p(2),u(r.acceptRejectList.length!==0?"litButton":"disableButton"),l("disabled",r.acceptRejectList.length===0))},dependencies:[K,T,R],styles:[` 4077 4078.sidebar-navigation-layout-event[_ngcontent-%COMP%] { 4079 background-color: #232638; 4080 width: 100%; 4081 min-height: 100vh; 4082 max-height: 100%; 4083 max-width: 265px; 4084 padding: 24px 10px 20px 10px; 4085 z-index: 1; 4086 position: sticky; 4087 top: 0 !important; 4088} 4089.row-three-column-layout[_ngcontent-%COMP%] { 4090 display: flex; 4091 flex-direction: row; 4092} 4093.row-three-column-layout[_ngcontent-%COMP%] .columns[_ngcontent-%COMP%] { 4094 width: 33.33%; 4095 padding-left: 0px !important; 4096 margin-right: 91.9px !important; 4097} 4098.flex-container[_ngcontent-%COMP%] { 4099 display: flex; 4100 flex-direction: row; 4101 width: 100vw; 4102 height: 100vh !important; 4103 overflow: hidden !important; 4104} 4105.columns[_ngcontent-%COMP%]:nth-of-type(1) { 4106 width: 22%; 4107 max-width: 14.37rem; 4108 z-index: 1; 4109} 4110.columns[_ngcontent-%COMP%]:nth-of-type(2) { 4111 width: 100%; 4112 background: #0B0D1D; 4113} 4114.data-top-box[_ngcontent-%COMP%] { 4115 margin-top: 27.5px; 4116 width: 100%; 4117 height: 205px; 4118 padding: 15px 15px 15px 15px; 4119 border-radius: 10px; 4120 background-image: 4121 linear-gradient( 4122 to bottom, 4123 #282c40, 4124 #232333); 4125 display: flex; 4126 flex-direction: row; 4127} 4128.data-top-box[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] { 4129 font-family: "GilroySemiBold"; 4130 font-size: 1.125rem; 4131 text-align: left; 4132 font-style: normal; 4133 line-height: 0.72; 4134 letter-spacing: normal; 4135 color: #f5f5f5; 4136 margin-top: 5.5px; 4137} 4138.data-top-box[_ngcontent-%COMP%] .cola[_ngcontent-%COMP%] { 4139 width: 50%; 4140} 4141.attendee-boxes[_ngcontent-%COMP%] { 4142 display: flex; 4143 flex-direction: row; 4144 justify-content: space-between; 4145 width: 95%; 4146} 4147.attendee-desc[_ngcontent-%COMP%] { 4148 margin-left: 5.8px; 4149 margin-right: 5.8px; 4150} 4151.attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 4152 font-family: "GilroySemiBold"; 4153 font-size: 0.875rem; 4154 font-style: normal; 4155 line-height: 0.93; 4156 letter-spacing: normal; 4157 text-transform: uppercase; 4158 margin-bottom: 0px; 4159} 4160.attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 4161 font-family: "GilroySemiBold"; 4162 font-size: 1.625rem; 4163 text-align: left; 4164 font-style: normal; 4165 line-height: 0.5; 4166 letter-spacing: normal; 4167 color: #f5f5f5; 4168 margin-top: 10px; 4169 margin-left: 2px; 4170} 4171.attendee-details[_ngcontent-%COMP%] { 4172 margin-top: 21.5px; 4173 display: flex; 4174 flex-direction: row; 4175 justify-content: space-evenly; 4176} 4177.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 4178 width: 45px; 4179 height: 45px; 4180 transform: scale(1) !important; 4181 transition: transform 0.3s ease-in-out !important; 4182} 4183.attendee-details[_ngcontent-%COMP%] .going[_ngcontent-%COMP%] { 4184 color: #6fffed; 4185} 4186.attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 4187 color: #b260ea; 4188 width: 127px; 4189} 4190.attendee-details[_ngcontent-%COMP%] .vip_passes[_ngcontent-%COMP%] { 4191 color: #ff9300; 4192 width: 72px; 4193} 4194.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%]:hover { 4195 transform: scale(1.1) !important; 4196 transition: transform 0.3s ease-in-out !important; 4197} 4198@media (min-width: 375) and (max-width: 425px) { 4199 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 4200 display: none; 4201 } 4202} 4203@media (min-width: 768px) and (max-width: 1365px) { 4204 .attendee-boxes[_ngcontent-%COMP%] { 4205 display: flex; 4206 flex-direction: row; 4207 justify-content: space-around; 4208 margin-right: 5px; 4209 } 4210 .attendee-desc[_ngcontent-%COMP%] { 4211 margin-left: 3.8px; 4212 margin-right: 3.8px; 4213 } 4214 .attendee-details[_ngcontent-%COMP%] { 4215 margin-top: 21.5px; 4216 display: flex; 4217 flex-direction: row; 4218 justify-content: space-evenly; 4219 } 4220 .attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 4221 width: 35px; 4222 height: 35px; 4223 } 4224 .attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 4225 font-size: 0.75rem; 4226 } 4227 .attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 4228 font-size: 1.25rem; 4229 } 4230 .attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 4231 width: 110px; 4232 } 4233 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 4234 display: none; 4235 } 4236 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 4237 width: 100vw; 4238 } 4239 .ComponentsWrapper[_ngcontent-%COMP%] { 4240 width: 100% !important; 4241 } 4242} 4243@media screen and (min-width: 1025px) and (max-width: 1365px) { 4244 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 4245 display: none; 4246 } 4247} 4248@media (min-width: 900px) and (width: 1900px) { 4249 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 4250 width: 15%; 4251 } 4252 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 4253 width: 85%; 4254 } 4255} 4256.wizard-container[_ngcontent-%COMP%] { 4257 display: flex; 4258 flex-direction: row; 4259 width: 1440px; 4260 min-width: 1440px; 4261 justify-content: center; 4262 margin: auto; 4263} 4264.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 4265 width: 100%; 4266 display: flex; 4267 flex-direction: row; 4268} 4269.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 4270 display: flex; 4271 flex-direction: column; 4272 width: 75%; 4273} 4274.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container.fullWidth[_ngcontent-%COMP%] { 4275 width: 100% !important; 4276} 4277.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 4278 width: 42%; 4279 color: #fff; 4280 margin-right: 35px !important; 4281 margin-top: 36px; 4282} 4283.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 4284 width: 365px; 4285 height: 733px; 4286 margin-top: 20px; 4287 margin-right: 35px; 4288 position: -webkit-sticky; 4289 position: sticky; 4290 top: 155px; 4291} 4292.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 4293 width: 42%; 4294 color: #fff; 4295 margin-right: 35px !important; 4296 margin-top: 36px; 4297 z-index: -1; 4298} 4299.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 4300 position: relative; 4301 width: 365px; 4302 height: 733px; 4303 margin-top: 20px; 4304 margin-right: 35px; 4305} 4306.wizard-footer[_ngcontent-%COMP%] { 4307 width: 687px; 4308 height: 65px; 4309 position: absolute; 4310 bottom: 0%; 4311 padding: 0px 95px; 4312 display: flex; 4313 justify-content: flex-end; 4314 align-items: center; 4315} 4316@media only screen and (max-height: 900px) { 4317 .mobile-container[_ngcontent-%COMP%] { 4318 margin-top: 0px !important; 4319 } 4320} 4321.NextButton[_ngcontent-%COMP%] { 4322 margin-top: 40px; 4323 display: flex; 4324 justify-content: flex-end; 4325 width: 588px; 4326 height: 65px; 4327} 4328.CenterAlign[_ngcontent-%COMP%] { 4329 display: flex; 4330 align-items: center; 4331 flex-direction: column; 4332 justify-content: center; 4333} 4334.ComponentsWrapper[_ngcontent-%COMP%] { 4335 width: 1115px; 4336} 4337.minusSign[_ngcontent-%COMP%] { 4338 margin-right: 11.5px; 4339 width: 10px; 4340 height: 21px; 4341 cursor: pointer; 4342 transition: all 0.2s ease-in-out; 4343} 4344.plusSign[_ngcontent-%COMP%] { 4345 margin-left: 11.5px; 4346 width: 10px; 4347 height: 21px; 4348 cursor: pointer; 4349 transition: all 0.2s ease-in-out; 4350} 4351.minusSign[_ngcontent-%COMP%]:hover, .plusSign[_ngcontent-%COMP%]:hover { 4352 transform: scale(1.2); 4353} 4354.app-scrollbar[_ngcontent-%COMP%] { 4355 position: relative; 4356 top: 0px; 4357 right: 0px; 4358 padding: 0px; 4359 z-index: 0; 4360} 4361.leftArrow-Container[_ngcontent-%COMP%] { 4362 width: 50px; 4363 height: 154px; 4364 background-image: 4365 linear-gradient( 4366 to right, 4367 #1e1e2c, 4368 rgba(30, 30, 44, 0.5)); 4369 display: flex; 4370 align-items: center; 4371 position: absolute; 4372 justify-content: center; 4373 z-index: 4; 4374 left: 210px; 4375} 4376.leftArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 4377 color: #f5f5f5; 4378 font-size: 1.75rem; 4379 cursor: pointer; 4380 transition: 0.2s ease-in-out; 4381} 4382.rightArrow-Container[_ngcontent-%COMP%] { 4383 width: 50px; 4384 height: 154px; 4385 background-image: 4386 linear-gradient( 4387 to right, 4388 #1e1e2c, 4389 rgba(30, 30, 44, 0.5)); 4390 display: flex; 4391 align-items: center; 4392 position: absolute; 4393 justify-content: center; 4394 z-index: 4; 4395 right: -24px; 4396} 4397.rightArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 4398 color: #f5f5f5; 4399 font-size: 1.75rem; 4400 cursor: pointer; 4401} 4402.leftArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%], .rightArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%] { 4403 transform: scale(1.4); 4404 transition: 0.2s ease-in-out; 4405} 4406.top-nav[_ngcontent-%COMP%] { 4407 top: -23px; 4408 z-index: 1; 4409 position: relative; 4410 display: flex; 4411 flex-direction: row; 4412 gap: 15px; 4413} 4414.top-nav.Opacity[_ngcontent-%COMP%] { 4415 opacity: 0.3; 4416 transition: 0.1s ease-in;
4417 z-index: 0; 4418} 4419.top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 4420 margin: 20px 0px 0px 0px; 4421 padding: 11px 20px 11px; 4422 border-radius: 25px; 4423 height: 42px; 4424 width: auto !important; 4425 background-color: rgba(111, 255, 237, 0.1); 4426 transition: background-color 0.3s ease-in-out; 4427 transform: scale(1); 4428 transition: transform 0.3s ease-in-out; 4429 color: #6fffed; 4430 font-family: "GilroyMedium"; 4431 font-size: 1rem; 4432 font-style: normal; 4433 line-height: normal; 4434 letter-spacing: normal; 4435 cursor: pointer; 4436 border: none; 4437 outline: none; 4438 z-index: 0; 4439} 4440.top-nav[_ngcontent-%COMP%] button.active[_ngcontent-%COMP%] { 4441 color: #313245; 4442 background-color: #6fffed; 4443 transition: background-color 0.3s ease-in-out; 4444} 4445.Pop-Up-Container-Body[_ngcontent-%COMP%] { 4446 width: 100%; 4447 height: 100vh; 4448 display: flex; 4449 align-items: center; 4450 justify-content: center; 4451 position: fixed; 4452 top: 1.5%; 4453} 4454.scroller[_ngcontent-%COMP%] { 4455 top: 0; 4456 width: 204px; 4457 transition: 0.2s ease-in-out; 4458 position: relative; 4459 margin-right: 15px; 4460 font-style: normal; 4461 z-index: 0; 4462} 4463.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] { 4464 width: 204px; 4465 height: 154px; 4466 background-color: #242637; 4467 border-radius: 5px; 4468 cursor: pointer; 4469 display: flex; 4470 flex-direction: column; 4471 justify-content: center; 4472 align-items: center; 4473 vertical-align: middle; 4474} 4475.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-icon[_ngcontent-%COMP%] { 4476 width: 26.9px; 4477 height: 26.9px; 4478} 4479.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-title[_ngcontent-%COMP%] { 4480 font-family: "GilroyMedium"; 4481 font-size: 1rem; 4482 line-height: 1.23; 4483 letter-spacing: normal; 4484 margin: 16.1px 0 0; 4485 text-align: center; 4486 color: #6fffed; 4487 width: 112px; 4488 height: 45px; 4489} 4490.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] { 4491 display: inline-block; 4492 width: 252px; 4493 height: 154px; 4494 padding: 0 15px 17px 0; 4495 border-radius: 5px !important; 4496 cursor: pointer; 4497 position: relative; 4498 top: 0px; 4499 z-index: -1; 4500} 4501.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 4502 width: 252px; 4503 height: 154px; 4504 border-radius: 5px; 4505 position: absolute; 4506 object-fit: cover; 4507 object-position: center; 4508} 4509.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] { 4510 width: 252px; 4511 height: 568px; 4512 background-image: 4513 linear-gradient( 4514 to bottom, 4515 #242637, 4516 #1e1e2c); 4517 position: absolute; 4518 top: 97%; 4519 z-index: 0; 4520 bottom: 140px; 4521 display: none; 4522 transition: 0.2s ease-in-out; 4523 padding: 20px 17.7px 20px 17.7px; 4524} 4525.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] .event-menu-container[_ngcontent-%COMP%] { 4526 display: flex; 4527 flex-direction: column; 4528 justify-content: center; 4529 text-align: center; 4530} 4531.Inline-Container[_ngcontent-%COMP%]::-webkit-scrollbar {
4532 display: none !important; 4533} 4534.Inline-Container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] { 4535 display: flex; 4536 flex-direction: row; 4537 padding-inline-start: 0px; 4538 list-style-type: none; 4539 transition: transform 0.5s ease; 4540} 4541.Inline-Container[_ngcontent-%COMP%] { 4542 cursor: grab; 4543} 4544.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover { 4545 top: -65px !important; 4546 z-index: 2; 4547 transition: 0.2s ease-in-out; 4548} 4549.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover .event-menu-wrapper[_ngcontent-%COMP%] { 4550 display: block !important; 4551} 4552.control-item[_ngcontent-%COMP%] { 4553 display: flex; 4554 flex-direction: column; 4555 justify-content: center; 4556 align-items: center; 4557 width: 58px; 4558 cursor: pointer; 4559} 4560.control-item[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 4561 width: 40px !important; 4562 height: 40px !important; 4563 position: relative !important; 4564 object-fit: contain; 4565 transition: all 0.2s ease-in-out; 4566} 4567.control-item[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 4568 font-family: "GilroyLight"; 4569 font-size: 0.875rem; 4570 font-style: normal; 4571 line-height: normal; 4572 letter-spacing: normal; 4573 text-align: center; 4574 color: #c2c7f2; 4575 white-space: normal; 4576 margin-top: 12px; 4577} 4578.InputFieldArrow[_ngcontent-%COMP%] { 4579 position: relative; 4580 width: 272px !important; 4581} 4582.InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 4583 position: absolute; 4584 color: #babcc1; 4585 font-size: 1.5rem; 4586 top: 20px; 4587 right: 16px; 4588 z-index: 1; 4589 cursor: pointer; 4590} 4591@media (min-width: 768px) and (max-width: 1024px) { 4592 .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 4593 display: none; 4594 } 4595 .InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 4596 position: relative; 4597 right: -232px; 4598 top: 46px; 4599 } 4600 .top-nav[_ngcontent-%COMP%] { 4601 top: -23px; 4602 z-index: 1; 4603 position: relative; 4604 display: inline-block; 4605 width: 100%; 4606 white-space: nowrap; 4607 overflow: auto; 4608 } 4609 .top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 4610 margin: 20px 20px 0px 0px; 4611 } 4612 .NextButton[_ngcontent-%COMP%] { 4613 width: 514px; 4614 } 4615} 4616.top-nav[_ngcontent-%COMP%]::-webkit-scrollbar {
4617 display: none; 4618} 4619.popUpBox[_ngcontent-%COMP%] { 4620 width: 100%; 4621 height: auto; 4622 background-color: #1e1e2c; 4623 padding: 40px; 4624} 4625.popUpBox[_ngcontent-%COMP%] .topTitleBar[_ngcontent-%COMP%] .creationWizardTitle[_ngcontent-%COMP%] { 4626 line-height: 1.08; 4627} 4628.popUpBox[_ngcontent-%COMP%] .topTitleBar.dFlexRow[_ngcontent-%COMP%] { 4629 justify-content: space-between; 4630} 4631@media screen and (max-width: 767px) { 4632 .popUpBox[_ngcontent-%COMP%] { 4633 padding: 16px !important; 4634 } 4635} 4636@keyframes _ngcontent-%COMP%_expander { 4637 from { 4638 transform: scale(1); 4639 } 4640 50% { 4641 transform: scale(1.1); 4642 } 4643 100% { 4644 transform: scale(1.2); 4645 } 4646} 4647@-webkit-keyframes _ngcontent-%COMP%_slide { 4648 100% { 4649 left: -55px; 4650 } 4651} 4652@keyframes _ngcontent-%COMP%_slide { 4653 100% { 4654 left: -55px; 4655 } 4656} 4657@-webkit-keyframes _ngcontent-%COMP%_slideDrawer { 4658 0% { 4659 left: -245px; 4660 } 4661 100% { 4662 left: 0; 4663 } 4664} 4665@keyframes _ngcontent-%COMP%_slideDrawer { 4666 0% { 4667 left: -245px; 4668 } 4669 100% { 4670 left: 0; 4671 } 4672} 4673@-webkit-keyframes _ngcontent-%COMP%_slideBox { 4674 0% { 4675 left: -600px; 4676 } 4677 100% { 4678 left: 0px; 4679 } 4680} 4681@keyframes _ngcontent-%COMP%_slideBox { 4682 0% { 4683 left: -600px; 4684 } 4685 100% { 4686 left: 0px; 4687 } 4688} 4689.menu-items-grid[_ngcontent-%COMP%] .control-item[_ngcontent-%COMP%]:hover img[_ngcontent-%COMP%] { 4690 transform: scale(1.2); 4691} 4692@keyframes _ngcontent-%COMP%_slideUp { 4693 0% { 4694 transform: translate3d(0, 20px, 0); 4695 opacity: 0; 4696 } 4697 50% { 4698 transform: translate3d(0, 10px, 0); 4699 opacity: 0.5; 4700 } 4701 100% { 4702 transform: translate3d(0, 0px, 0); 4703 opacity: 1; 4704 } 4705} 4706@keyframes _ngcontent-%COMP%_fadein { 4707 from { 4708 opacity: 0; 4709 } 4710 to { 4711 opacity: 1; 4712 } 4713} 4714.gray-BG[_ngcontent-%COMP%] { 4715 background-color: #babcc1 !important; 4716} 4717.midnight-express-BG[_ngcontent-%COMP%] { 4718 background-color: #242637; 4719} 4720.black-russian[_ngcontent-%COMP%] { 4721 background-color: #0b0b1a !important; 4722} 4723.baby-blue-BG[_ngcontent-%COMP%] { 4724 background-color: #6fffed !important; 4725} 4726.slate-blue-BG[_ngcontent-%COMP%] { 4727 background-color: #5e5cde !important; 4728} 4729.dark-orange-BG[_ngcontent-%COMP%] { 4730 background-color: #ff9300 !important; 4731} 4732.dodger-blue[_ngcontent-%COMP%] { 4733 background-color: #0a84ff !important; 4734} 4735.medium-orchid-BG[_ngcontent-%COMP%] { 4736 background-color: #bf5af2 !important; 4737} 4738.rich-lilac-BG[_ngcontent-%COMP%] { 4739 background-color: #b260ea; 4740} 4741.comet-BG[_ngcontent-%COMP%] { 4742 background-color: #5e5f71; 4743} 4744.gamboge-BG[_ngcontent-%COMP%] { 4745 background-color: #e68f09; 4746} 4747.blur[_ngcontent-%COMP%] { 4748 -webkit-filter: blur(8px); 4749 -moz-filter: blur(8px); 4750 -o-filter: blur(8px); 4751 -ms-filter: blur(8px); 4752 filter: blur(8px); 4753} 4754.blue-shade2-border[_ngcontent-%COMP%] { 4755 border: solid 2px #43445e !important; 4756} 4757.baby-blue-border[_ngcontent-%COMP%] { 4758 border: solid 1px #6fffed !important; 4759} 4760.dark-orange-border[_ngcontent-%COMP%] { 4761 border: solid 1px #ff9300 !important; 4762} 4763.medium-orchid-border[_ngcontent-%COMP%] { 4764 border: solid 1px #bf5af2 !important; 4765} 4766.dodger-blue-shade2-border[_ngcontent-%COMP%] { 4767 border: solid 1px #0a84ff !important; 4768} 4769.white-smoke-border[_ngcontent-%COMP%] { 4770 border: solid 1px #f5f5f5 !important; 4771} 4772.red-border[_ngcontent-%COMP%] { 4773 border: solid 1px #ff0100 !important; 4774} 4775.black-russian-border[_ngcontent-%COMP%] { 4776 border: solid 1ps #0b0b1a; 4777} 4778.border-red[_ngcontent-%COMP%] { 4779 border: solid 1px #ff0100 !important; 4780} 4781.border-sunsetOrange[_ngcontent-%COMP%] { 4782 border: 1px solid #ff4d4d !important; 4783} 4784.border-grayLight[_ngcontent-%COMP%] { 4785 border: solid 2px #2F3450 !important; 4786} 4787.blueshadeThreeText[_ngcontent-%COMP%] { 4788 color: #81cffa; 4789} 4790.richlilacText[_ngcontent-%COMP%] { 4791 color: #b260ea !important; 4792} 4793.slateBlueText[_ngcontent-%COMP%] { 4794 color: #5e5cde !important; 4795} 4796.slateText[_ngcontent-%COMP%] { 4797 color: #5c5d7a !important; 4798} 4799.babyBlueText[_ngcontent-%COMP%] { 4800 color: #6fffed !important; 4801} 4802.darkOrangeText[_ngcontent-%COMP%] { 4803 color: #ff9300 !important; 4804} 4805.freshYellowText[_ngcontent-%COMP%] { 4806 color: #ffd60a; 4807} 4808.brightPeachText[_ngcontent-%COMP%] { 4809 color: #f96f6f; 4810} 4811.mediumOrchidText[_ngcontent-%COMP%] { 4812 color: #bf5af2 !important; 4813} 4814.black-russian-Text[_ngcontent-%COMP%] { 4815 color: #0b0b1a !important; 4816} 4817.dodgerBlueShadeText[_ngcontent-%COMP%] { 4818 color: #0a84ff !important; 4819} 4820.orangyRedText[_ngcontent-%COMP%] { 4821 color: #ff453a; 4822} 4823.whiteText[_ngcontent-%COMP%] { 4824 color: #f5f5f5 !important; 4825} 4826.pureWhiteText[_ngcontent-%COMP%] { 4827 color: #fff !important; 4828} 4829.comitText[_ngcontent-%COMP%] { 4830 color: #5e5f71 !important; 4831} 4832.carnationText[_ngcontent-%COMP%] { 4833 color: #ff6f90; 4834} 4835.redText[_ngcontent-%COMP%] { 4836 color: #ff0100 !important; 4837} 4838.LavenderBlueText[_ngcontent-%COMP%] { 4839 color: #c2c7f2 !important; 4840} 4841.orangePeelText[_ngcontent-%COMP%] { 4842 color: #ff9300 !important; 4843} 4844.greenText[_ngcontent-%COMP%] { 4845 color: #32d74b; 4846} 4847.sunsetOrangeText[_ngcontent-%COMP%] { 4848 color: #ff4d4d !important; 4849} 4850.grayText[_ngcontent-%COMP%] { 4851 color: #babcc1; 4852} 4853.lighterPurpleText[_ngcontent-%COMP%] { 4854 color: #bd58f0; 4855} 4856.whiteColorText[_ngcontent-%COMP%] { 4857 color: #ffffff !important; 4858} 4859.mangoManiaText[_ngcontent-%COMP%] { 4860 color: #fec20e !important; 4861} 4862.promotionalTextColor[_ngcontent-%COMP%] { 4863 color: #EA60A2 !important; 4864} 4865.center-text[_ngcontent-%COMP%] { 4866 text-align: center !important; 4867} 4868.leftText[_ngcontent-%COMP%] { 4869 text-align: left !important; 4870} 4871.rightText[_ngcontent-%COMP%] { 4872 text-align: right; 4873} 4874.floatRight[_ngcontent-%COMP%] { 4875 float: right; 4876} 4877.floatLeft[_ngcontent-%COMP%] { 4878 float: left; 4879} 4880.clearfix[_ngcontent-%COMP%] { 4881 clear: both; 4882} 4883.dNone[_ngcontent-%COMP%] { 4884 display: none !important; 4885} 4886.dBlock[_ngcontent-%COMP%] { 4887 display: block !important; 4888} 4889.dInlineBlock[_ngcontent-%COMP%] { 4890 display: inline-block !important; 4891} 4892.dInline[_ngcontent-%COMP%] { 4893 display: inline !important; 4894} 4895.dFlex[_ngcontent-%COMP%] { 4896 display: flex; 4897} 4898.dFlexColumn[_ngcontent-%COMP%] { 4899 display: flex; 4900 flex-direction: column; 4901} 4902.dFlexRow[_ngcontent-%COMP%] { 4903 display: flex; 4904 flex-direction: row; 4905} 4906.dFlex-with-center[_ngcontent-%COMP%] { 4907 display: flex; 4908 align-items: center; 4909} 4910.dFlex-with-col-center[_ngcontent-%COMP%] { 4911 display: flex; 4912 flex-flow: column; 4913 align-items: center; 4914} 4915.clickable[_ngcontent-%COMP%] { 4916 cursor: pointer; 4917} 4918.text-direction-vertical[_ngcontent-%COMP%] { 4919 writing-mode: vertical-rl; 4920 transform: rotate(180deg); 4921} 4922.ellipsis[_ngcontent-%COMP%] { 4923 overflow: hidden; 4924 white-space: nowrap; 4925 text-overflow: ellipsis; 4926} 4927.capital-text[_ngcontent-%COMP%] { 4928 text-transform: uppercase; 4929} 4930.disableDiv[_ngcontent-%COMP%] { 4931 pointer-events: none; 4932} 4933.margin-top-10[_ngcontent-%COMP%] { 4934 margin-top: 10px; 4935} 4936.margin-top-15[_ngcontent-%COMP%] { 4937 margin-top: 15px; 4938} 4939.margin-top-20[_ngcontent-%COMP%] { 4940 margin-top: 20px; 4941} 4942.margin-top-30[_ngcontent-%COMP%] { 4943 margin-top: 30px; 4944} 4945.margin-top-0[_ngcontent-%COMP%] { 4946 margin-top: 0px !important; 4947} 4948.shadow[_ngcontent-%COMP%] { 4949 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 4950 -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 4951 -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 4952} 4953.sahdow-right-bottom-black[_ngcontent-%COMP%] { 4954 box-shadow: 5px 5px 5px black; 4955 -webkit-box-shadow: 5px 5px 5px black; 4956 -moz-box-shadow: 5px 5px 5px black; 4957} 4958.filter-drop-shadow[_ngcontent-%COMP%] { 4959 -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 4960 -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 4961 -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 4962 -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 4963 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 4964} 4965.organgePeelText[_ngcontent-%COMP%] { 4966 color: #ff9300; 4967} 4968.organgePeelText[_ngcontent-%COMP%] { 4969 color: #ff9300; 4970} 4971.sunsetOrangeText[_ngcontent-%COMP%] { 4972 color: #ff4d4d; 4973} 4974ngx-image-cropper[_ngcontent-%COMP%] { 4975 background: #1e1e2c !important; 4976} 4977ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:not(.ngx-ic-canvas) { 4978 background: #1e1e2c !important; 4979 opacity: 0 !important; 4980} 4981ngx-image-cropper[_ngcontent-%COMP%] .ngx-ic-canvas[_ngcontent-%COMP%] { 4982 background: transparent !important; 4983} 4984image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus, ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus { 4985 outline: none !important; 4986} 4987image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%], ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%] { 4988 border: none !important; 4989 box-shadow: none !important; 4990} 4991.ticket-heading[_ngcontent-%COMP%] { 4992 font-family: "STENCILAND"; 4993 font-size: 0.875rem; 4994 font-style: normal; 4995 line-height: 1.21; 4996 text-align: center; 4997 text-transform: uppercase; 4998 margin: 10px 0px 3px 0px; 4999} 5000.ticket-heading.baby-blue[_ngcontent-%COMP%] { 5001 color: #6fffed; 5002 letter-spacing: 0.28px; 5003} 5004.ticket-heading.slate-blue[_ngcontent-%COMP%] { 5005 color: #5e5cde; 5006 letter-spacing: 0.28px; 5007} 5008.ticket-heading.dark-orange[_ngcontent-%COMP%] { 5009 color: #ff9300; 5010 letter-spacing: 0.28px; 5011} 5012.ticket-heading.orange[_ngcontent-%COMP%] { 5013 letter-spacing: 2px; 5014 color: #ff9300; 5015} 5016.ticket-heading[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 5017 font-family: "GilroySemiBold"; 5018 font-size: 1rem; 5019 line-height: 1.06; 5020 letter-spacing: normal; 5021} 5022.navBottomSpace[_ngcontent-%COMP%] { 5023 height: 4.375rem; 5024} 5025.submenuNavSpace[_ngcontent-%COMP%] { 5026 width: 73px; 5027} 5028.secondary-text[_ngcontent-%COMP%] { 5029 color: #babcc1; 5030 font-family: "GilroyMedium"; 5031 font-size: 0.875rem; 5032} 5033.user-profile-subheading[_ngcontent-%COMP%] { 5034 color: #f5f5f5; 5035 font-family: "GilroyMedium"; 5036 font-size: 1.5rem; 5037 font-style: normal; 5038 line-height: normal; 5039 letter-spacing: normal; 5040 text-align: left; 5041} 5042.p-inputtext[_ngcontent-%COMP%]:focus { 5043 border: 1px solid #6fffed !important; 5044 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4) !important; 5045} 5046.wizard-component-title[_ngcontent-%COMP%] { 5047 margin: 50px 0px; 5048 font-family: "GilroyMedium"; 5049 font-size: 1.5rem; 5050 color: #f5f5f5; 5051 font-style: normal; 5052 line-height: 1.17; 5053 letter-spacing: normal; 5054 text-align: left; 5055} 5056.collegeEvent-wizardTiltle[_ngcontent-%COMP%] { 5057 margin: 50px 0px; 5058 font-family: "GilroySemiBold"; 5059 font-size: 1.75rem; 5060 color: #f5f5f5; 5061 font-style: normal; 5062 line-height: 1.17; 5063 letter-spacing: normal; 5064 text-align: left; 5065} 5066.wizard-component-subTitle[_ngcontent-%COMP%] { 5067 margin: 0px 0px 50px; 5068 color: #ff9300; 5069 font-size: 1rem; 5070 font-family: "GilroyMedium"; 5071 line-height: 1.29; 5072 text-align: left; 5073 letter-spacing: normal; 5074 font-style: normal; 5075} 5076.resizeImageText[_ngcontent-%COMP%] { 5077 color: #c2c7f2 !important; 5078 margin-top: 31px; 5079 margin-left: 251px; 5080 display: block; 5081 font-size: 0.875rem; 5082} 5083table[_ngcontent-%COMP%] { 5084 width: 100%; 5085} 5086.GuestTable-Data[_ngcontent-%COMP%] td[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 5087 width: 34px; 5088 height: 34px; 5089 margin: 15px 10.4px 18px 0px; 5090} 5091th[_ngcontent-%COMP%] { 5092 font-family: "GilroyBold"; 5093 font-size: 1rem; 5094 font-style: normal; 5095 line-height: 1.29; 5096 letter-spacing: normal; 5097 color: #f5f5f5; 5098 padding: 23px 0px 24.2px 0px; 5099} 5100td[_ngcontent-%COMP%] { 5101 font-family: "GilroyMedium"; 5102 font-size: 1rem; 5103 font-style: normal; 5104 line-height: 1.29; 5105 letter-spacing: normal; 5106 color: #f5f5f5; 5107} 5108.button[_ngcontent-%COMP%] { 5109 width: 200px; 5110 height: 45px; 5111 margin-top: 45.1px; 5112 border-radius: 10px; 5113 font-family: "GilroyBold"; 5114 border: solid 1px #272b3f; 5115 background-color: #ff9300; 5116 font-size: 1rem; 5117 font-style: normal; 5118 line-height: 1.25; 5119 letter-spacing: normal; 5120 text-align: center; 5121 color: #1e1e2c; 5122 margin-top: 39px; 5123 transform: scale(1); 5124 transition: transform 0.3s ease-in-out; 5125} 5126.btn-primary[_ngcontent-%COMP%] { 5127 color: #fff; 5128 background-color: #1b6ec2; 5129 border-color: #1861ac; 5130} 5131.button-Event[_ngcontent-%COMP%] { 5132 background-color: #1a1b2c; 5133 border-radius: 50px; 5134 height: 45px; 5135 border: 2px solid #6fffed; 5136 color: #6fffed; 5137 font-family: "GilroySemiBold"; 5138 padding-left: 33px; 5139 padding-right: 33px; 5140 font-size: 1.125rem; 5141 text-align: center; 5142 text-decoration: none; 5143 transform: scale(1); 5144 transition: transform 0.3s ease-in; 5145} 5146.button-Event[_ngcontent-%COMP%]:hover {
5147 cursor: pointer; 5148 transform: scale(1.05); 5149 transition: transform 0.3s ease-in; 5150} 5151.loadingOpacity[_ngcontent-%COMP%] { 5152 background: rgba(111, 255, 237, 0.2) !important; 5153 border: none !important; 5154} 5155.Loadingbutton_Text[_ngcontent-%COMP%] { 5156 position: relative !important; 5157 color: #1e1e2c !important; 5158 display: block; 5159} 5160.disablelitButton[_ngcontent-%COMP%] { 5161 background-color: #282c40; 5162 border: 2px solid #282c40; 5163 border-radius: 50px; 5164 height: 45px; 5165 color: #6fffed; 5166 font-family: "GilroySemiBold"; 5167 font-size: 1.125rem; 5168 padding-left: 33px; 5169 padding-right: 33px; 5170 text-align: center; 5171 text-decoration: none; 5172 cursor: pointer; 5173 transform: scale(1); 5174 transition: transform 0.3s ease-in-out; 5175} 5176.simpleButton[_ngcontent-%COMP%] { 5177 background-color: #242637; 5178 border-radius: 50px; 5179 height: 45px; 5180 border: 1px solid #f5f5f5; 5181 color: #babcc1; 5182 font-family: "GilroyMedium"; 5183 padding-left: 33px; 5184 font-size: 1rem; 5185 padding-right: 33px; 5186 text-align: center; 5187 text-decoration: none; 5188 cursor: pointer; 5189} 5190.disableButton[_ngcontent-%COMP%] { 5191 background-color: #242637; 5192 border-radius: 50px; 5193 height: 45px; 5194 border: 1px solid #1e1e2c; 5195 color: #1e1e2c; 5196 font-family: "GilroyMedium"; 5197 font-size: 1.125rem; 5198 padding-left: 33px; 5199 padding-right: 33px; 5200 text-align: center; 5201 text-decoration: none; 5202 cursor: pointer; 5203} 5204.disableButton.new[_ngcontent-%COMP%] { 5205 width: 160px; 5206 height: 44px; 5207 padding: 8px 16px; 5208 font-size: 1rem; 5209 border: none; 5210 font-family: "GilroyBold"; 5211 border-radius: 10px; 5212 pointer-events: none !important; 5213} 5214.disabledButton[_ngcontent-%COMP%] { 5215 background-color: #242637; 5216 border-radius: 50px; 5217 height: 45px; 5218 border: 2px solid #1e1e2c; 5219 color: #1e1e2c; 5220 font-family: "GilroySemiBold"; 5221 font-size: 1.125rem; 5222 text-decoration: none; 5223} 5224.save-draft[_ngcontent-%COMP%] { 5225 color: #c2c7f2; 5226 background: #232638; 5227 border: 1px solid #232638; 5228 height: 40px; 5229 text-align: center; 5230 outline: none; 5231 border-radius: 50px; 5232 font-size: 0.875rem; 5233 font-family: "GilroySemiBold"; 5234 padding: 12px 0px; 5235 cursor: pointer; 5236 display: flex; 5237 align-items: center !important; 5238 justify-content: center !important; 5239 -webkit-align-items: center; 5240 -webkit-justify-content: center; 5241 position: relative; 5242} 5243.save-draft.draft-progress[_ngcontent-%COMP%] { 5244 position: absolute !important; 5245 height: 100% !important; 5246 top: 0; 5247 left: 0; 5248 background-color: #c2c7f2 !important; 5249 color: #232638 !important; 5250 transition: width 0.3s; 5251 border-radius: 10px; 5252 border: none !important; 5253} 5254.glowButton[_ngcontent-%COMP%] { 5255 background-color: #1e1e2c; 5256 border: 1px solid #6fffed; 5257 color: #6fffed; 5258 height: 40px; 5259 text-align: center; 5260 outline: none; 5261 border-radius: 50px; 5262 font-size: 0.875rem; 5263 font-family: "GilroySemiBold"; 5264 padding: 12px 0px; 5265 cursor: pointer; 5266 display: flex; 5267 align-items: center !important; 5268 justify-content: center !important; 5269 -webkit-align-items: center; 5270 -webkit-justify-content: center; 5271 position: relative; 5272} 5273.glowButton.button_progress[_ngcontent-%COMP%] { 5274 position: absolute !important; 5275 height: 100% !important; 5276 top: 0; 5277 left: 0; 5278 background-color: #6fffed !important; 5279 transition: width 0.3s; 5280 border-radius: 10px; 5281 border: none !important; 5282} 5283.cancelButton[_ngcontent-%COMP%] { 5284 background-color: #232638; 5285 border: none; 5286 color: #fff; 5287 height: 40px; 5288 text-align: center; 5289 outline: none; 5290 border-radius: 10px; 5291 font-size: 1rem; 5292 font-family: "GilroySemiBold"; 5293 padding: 12px 0px; 5294 cursor: pointer; 5295 display: flex; 5296 align-items: center !important; 5297 justify-content: center !important; 5298 -webkit-align-items: center; 5299 -webkit-justify-content: center; 5300 position: relative; 5301} 5302.cancelButton.button_progress[_ngcontent-%COMP%] { 5303 position: absolute !important; 5304 height: 100% !important; 5305 top: 0; 5306 left: 0; 5307 background-color: #6fffed !important; 5308 transition: width 0.3s; 5309 border-radius: 10px; 5310 border: none !important; 5311} 5312.Input-Field[_ngcontent-%COMP%] { 5313 margin: 11px 0px; 5314 padding: 11px 0px 13px 18px; 5315 font-family: "GilroyMedium"; 5316 border-radius: 50px; 5317 width: 272px; 5318 height: 40px; 5319 color: #f5f5f5; 5320 font-size: 1rem; 5321 line-height: 1.14; 5322 background-color: #242637; 5323 border: 1px solid #f5f5f5; 5324} 5325.Input-Field[_ngcontent-%COMP%]:focus, .Text-Field[_ngcontent-%COMP%]:focus { 5326 border: 1px solid #6fffed; 5327 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 5328} 5329.Text-Field[_ngcontent-%COMP%] { 5330 padding: 11px 0px 13px 18px; 5331 color: #f5f5f5; 5332 font-size: 1rem; 5333 line-height: 1.14; 5334 font-family: "GilroyMedium"; 5335 border-radius: 15px; 5336 background-color: #242637; 5337 border: 1px solid #f5f5f5; 5338 height: 118px; 5339 min-height: 118px; 5340} 5341input[_ngcontent-%COMP%]:focus { 5342 border: none; 5343 outline: none; 5344} 5345*[_ngcontent-%COMP%]:focus { 5346 outline: none !important; 5347} 5348.custom-Label[_ngcontent-%COMP%] { 5349 font-family: "GilroyMedium"; 5350 font-size: 0.875rem; 5351 color: #babcc1; 5352} 5353.checkBoxEnable[_ngcontent-%COMP%] { 5354 border: 2px solid #6fffed; 5355 border-radius: 4px; 5356 width: 31px; 5357 height: 38px; 5358 outline: none !important; 5359 background-color: rgba(111, 255, 237, 0.1); 5360} 5361.checkBoxDisabled[_ngcontent-%COMP%] { 5362 border: solid 2px #676d9e; 5363 border-radius: 4px; 5364 width: 31px; 5365 height: 38px; 5366 outline: none !important; 5367} 5368.checkbox-custom[_ngcontent-%COMP%] { 5369 -webkit-appearance: none; 5370 -moz-appearance: none !important; 5371 appearance: none; 5372 cursor: pointer !important; 5373 width: 31px; 5374 height: 38px; 5375 margin-left: 0px; 5376 padding: 0px; 5377 outline: none !important; 5378} 5379.tbl-line[_ngcontent-%COMP%] { 5380 border-bottom: 3px solid #383759; 5381 width: 100%; 5382} 5383.checkbox-custom[_ngcontent-%COMP%]:checked { 5384 content: ""; 5385 width: 18px; 5386 height: 10px; 5387 background: rgba(0, 0, 0, 0); 5388 border: 2px solid #6fffed; 5389 -webkit-transform: rotate(-45deg); 5390 -moz-transform: rotate(-45deg); 5391 -o-transform: rotate(-45deg); 5392 -ms-transform: rotate(-45deg); 5393 transform: rotate(-45deg); 5394 margin-left: 5px; 5395 margin-bottom: -1px; 5396 outline: none !important; 5397 box-shadow: none !important; 5398 border-top: none !important;
5399 border-right: none !important; 5400 -webkit-appearance: none !important; 5401 -moz-appearance: none !important; 5402 appearance: none !important; 5403} 5404.textLit[_ngcontent-%COMP%] { 5405 width: 25px; 5406 height: 19px; 5407 margin-top: 8px; 5408 margin-left: 12px; 5409 font-family: "GilroySemiBold"; 5410 font-size: 1rem; 5411 line-height: 1.19; 5412 color: #6fffed; 5413} 5414.textNotLit[_ngcontent-%COMP%] { 5415 width: 25px; 5416 height: 19px; 5417 margin-top: 8px; 5418 margin-left: 12px; 5419 font-family: "GilroySemiBold"; 5420 font-size: 1rem; 5421 line-height: 1.19; 5422 color: #676d9e; 5423} 5424[_ngcontent-%COMP%]::placeholder { 5425 color: rgba(255, 255, 255, 0.2); 5426 font-size: 0.875rem; 5427 font-family: "GilroyMedium"; 5428} 5429.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label[_ngcontent-%COMP%] { 5430 text-align: left; 5431 margin-top: 29px; 5432} 5433.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label-qm[_ngcontent-%COMP%] { 5434 text-align: left; 5435 margin-top: 20px; 5436} 5437.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 5438 width: 578px; 5439 border: solid 1px #f5f5f5; 5440} 5441.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Small-Input-Field[_ngcontent-%COMP%] { 5442 width: 114px; 5443 height: 40px; 5444} 5445.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 5446 width: 578px; 5447 margin-top: 11px; 5448 margin-bottom: 11px; 5449} 5450.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 5451 display: flex; 5452 flex-direction: row; 5453 justify-content: space-between; 5454 width: 578px; 5455} 5456.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 5457 width: 272px !important; 5458} 5459.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus { 5460 border: none; 5461 outline: none; 5462} 5463.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:-webkit-autofill { 5464 -webkit-box-shadow: 0 0 0 30px #242637 inset !important; 5465 box-shadow: 0 0 0 30px #242637 inset !important; 5466} 5467.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%]:focus, .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%]:focus { 5468 border: 1px solid #6fffed; 5469} 5470.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .checkbox-custom[_ngcontent-%COMP%]:checked { 5471 content: ""; 5472 width: 18px; 5473 height: 10px; 5474 background: rgba(0, 0, 0, 0); 5475 border: 2px solid #6fffed; 5476 border-top: none !important; 5477 border-right: none !important; 5478 -webkit-transform: rotate(-45deg); 5479 -moz-transform: rotate(-45deg); 5480 -o-transform: rotate(-45deg); 5481 -ms-transform: rotate(-45deg); 5482 transform: rotate(-45deg); 5483 margin-left: 5px; 5484 margin-bottom: -3px; 5485 outline: none !important; 5486 box-shadow: none !important; 5487 -webkit-appearance: none !important; 5488 -moz-appearance: none !important; 5489 appearance: none !important; 5490} 5491.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .danger[_ngcontent-%COMP%] { 5492 font-size: 0.875rem; 5493 color: #ff4d4d; 5494 font-family: "GilroyRegular"; 5495} 5496.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .label-danger[_ngcontent-%COMP%] { 5497 color: #ff4d4d !important; 5498} 5499input[_ngcontent-%COMP%]:-webkit-autofill:focus, input[_ngcontent-%COMP%]:-webkit-autofill:active { 5500 -webkit-box-shadow: 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 5501 box-shadow: 0 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 5502 border-color: #6fffed !important; 5503 border: 1px solid #6fffed !important; 5504} 5505input[_ngcontent-%COMP%]:-webkit-autofill { 5506 box-shadow: 0 0 0 30px #242637 inset !important; 5507} 5508input[_ngcontent-%COMP%]:-webkit-autofill { 5509 -webkit-text-fill-color: #fff !important; 5510 caret-color: #2f3450 !important; 5511} 5512input[type=range][_ngcontent-%COMP%]:focus { 5513 border: none !important; 5514 box-shadow: none !important; 5515} 5516.danger[_ngcontent-%COMP%] { 5517 font-size: 0.875rem; 5518 color: #ff4d4d; 5519 font-family: "GilroyRegular"; 5520} 5521.label-danger[_ngcontent-%COMP%] { 5522 color: #ff4d4d !important; 5523} 5524.is-invalid[_ngcontent-%COMP%] { 5525 border: 1px solid #ff4d4d !important; 5526 border-color: #ff4d4d !important; 5527} 5528input[type=number].ng-touched.ng-invalid[_ngcontent-%COMP%], input[type=text].ng-touched.ng-invalid[_ngcontent-%COMP%] { 5529 border: 1px solid #ff4d4d !important; 5530 border-color: #ff4d4d !important; 5531} 5532textarea.ng-touched.ng-invalid[_ngcontent-%COMP%] { 5533 border: 1px solid #ff4d4d !important; 5534 border-color: #ff4d4d !important; 5535} 5536.blur[_ngcontent-%COMP%] { 5537 -webkit-filter: blur(8px); 5538 -moz-filter: blur(8px); 5539 -o-filter: blur(8px); 5540 -ms-filter: blur(8px); 5541 filter: blur(8px); 5542} 5543.notBlur[_ngcontent-%COMP%] { 5544 -webkit-filter: blur(0px); 5545 -moz-filter: blur(0px); 5546 -o-filter: blur(0px); 5547 -ms-filter: blur(0px); 5548 filter: blur(0px); 5549} 5550.stickyElement[_ngcontent-%COMP%] { 5551 position: -webkit-sticky; 5552 position: sticky; 5553 top: 0; 5554 z-index: 999; 5555} 5556.event-status[_ngcontent-%COMP%] { 5557 font-family: "GilroyBold"; 5558 padding: 0 15px 17px 0; 5559 border-bottom-right-radius: 10px !important; 5560 border-top-left-radius: 5px; 5561 line-height: normal; 5562 letter-spacing: normal; 5563 text-align: left; 5564 display: flex; 5565 flex-direction: column; 5566 justify-content: center; 5567 font-size: 0.875rem; 5568 line-height: 1.21; 5569 color: #f5f5f5; 5570 text-transform: uppercase; 5571} 5572.event-status.unpublished[_ngcontent-%COMP%] { 5573 padding: 0px 16px; 5574 -webkit-backdrop-filter: blur(50px); 5575 backdrop-filter: blur(50px); 5576 background-color: rgba(30, 30, 44, 0.65); 5577 width: 122px; 5578 height: 44px; 5579 color: #f5f5f5; 5580} 5581.event-status.tickets_gone[_ngcontent-%COMP%] { 5582 padding: 0px 16px; 5583 -webkit-backdrop-filter: blur(50px); 5584 backdrop-filter: blur(50px); 5585 background-color: rgba(29, 204, 184, 0.65); 5586 width: 145px; 5587 height: 44px; 5588} 5589.event-status.event_over[_ngcontent-%COMP%] { 5590 padding: 0px 16px; 5591 -webkit-backdrop-filter: blur(50px); 5592 backdrop-filter: blur(50px); 5593 background-color: rgba(255, 77, 77, 0.65); 5594 width: 120px; 5595 height: 44px; 5596} 5597.event-status.going_free_or_free_ticket_event[_ngcontent-%COMP%] { 5598 width: 150px; 5599 height: 44px; 5600 padding: 0px 16px; 5601 -webkit-backdrop-filter: blur(50px); 5602 backdrop-filter: blur(50px); 5603 background-color: rgba(94, 92, 222, 0.65); 5604} 5605.event-status.going_pay_at_door_event[_ngcontent-%COMP%] { 5606 width: 150px; 5607 height: 44px; 5608 padding: 0px 16px; 5609 -webkit-backdrop-filter: blur(50px); 5610 backdrop-filter: blur(50px); 5611 background-color: rgba(255, 147, 0, 0.65); 5612} 5613.event-status.ticket_sold_event[_ngcontent-%COMP%], .event-status.active[_ngcontent-%COMP%] { 5614 width: 122px; 5615 max-width: 252px; 5616 height: 44px; 5617 padding: 0px 16px; 5618 -webkit-backdrop-filter: blur(50px); 5619 backdrop-filter: blur(50px); 5620 background-color: rgba(29, 204, 184, 0.65); 5621} 5622.event-status.ticket_sold_event[_ngcontent-%COMP%] { 5623 width: 154px; 5624 max-width: 252px; 5625 height: 44px; 5626 padding: 0px 16px; 5627 -webkit-backdrop-filter: blur(50px); 5628 backdrop-filter: blur(50px); 5629 background-color: rgba(29, 204, 184, 0.65); 5630} 5631.event-status.eventCancelled[_ngcontent-%COMP%], .event-status.cancelled[_ngcontent-%COMP%] { 5632 padding: 0px 16px; 5633 color: #ff4d4d; 5634 width: 154px; 5635 height: 44px; 5636 -webkit-backdrop-filter: blur(50px); 5637 backdrop-filter: blur(50px); 5638 background-color: rgba(30, 30, 44, 0.65); 5639} 5640.event-status.ended[_ngcontent-%COMP%], .event-status.drawover[_ngcontent-%COMP%] { 5641 width: 112px; 5642 height: 44px; 5643 padding: 0px 15px; 5644 -webkit-backdrop-filter: blur(50px); 5645 backdrop-filter: blur(50px); 5646 background-color: rgba(255, 77, 77, 0.65); 5647} 5648.event-status.allused[_ngcontent-%COMP%] { 5649 width: 106px; 5650 height: 44px; 5651 padding: 0px 16px; 5652 -webkit-backdrop-filter: blur(50px); 5653 backdrop-filter: blur(50px); 5654 background-color: rgba(255, 147, 0, 0.3); 5655} 5656.event-details[_ngcontent-%COMP%] { 5657 width: 225px; 5658 margin: auto; 5659 position: absolute; 5660 text-align: center; 5661 z-index: 999; 5662 font-style: normal; 5663 line-height: normal; 5664 letter-spacing: normal; 5665 text-align: left; 5666 margin-left: 11px; 5667 bottom: 0px; 5668} 5669.event-details[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] { 5670 font-family: "GilroySemiBold"; 5671 font-size: 1.25rem; 5672 color: #f5f5f5; 5673 margin: 26px 0px 3px 0px; 5674 width: 224px; 5675 text-transform: capitalize; 5676 overflow: hidden; 5677} 5678.event-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 5679 font-family: "GilroySemiBold"; 5680 font-size: 0.875rem; 5681 float: left; 5682 margin-top: 0px; 5683 color: #babcc1; 5684} 5685.event-details[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 5686 font-size: 1.375rem !important; 5687 margin-top: -3px; 5688 float: right; 5689 color: #fff; 5690 cursor: pointer; 5691} 5692.disableLinks[_ngcontent-%COMP%] { 5693 opacity: 0.3; 5694 pointer-events: none !important; 5695} 5696.hover-Element[_ngcontent-%COMP%] { 5697 transform: scale(1); 5698 transition: transform 0.3s ease-in-out; 5699} 5700.hover-Element[_ngcontent-%COMP%]:hover { 5701 transform: scale(1.1) !important; 5702 transition: transform 0.3s ease-in-out !important; 5703} 5704@media (min-width: 768px) and (max-width: 1024px) { 5705 .vl[_ngcontent-%COMP%] { 5706 height: 32px; 5707 } 5708 .header-text[_ngcontent-%COMP%] { 5709 margin-left: 21px; 5710 } 5711 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 5712 display: none; 5713 } 5714 .wizard-container[_ngcontent-%COMP%] { 5715 width: 768px; 5716 min-width: 768px; 5717 justify-content: none; 5718 } 5719 .Profile-Setup[_ngcontent-%COMP%] { 5720 margin-left: 30px; 5721 } 5722 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 5723 width: 262px; 5724 margin-left: 20px; 5725 } 5726 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 5727 width: 551px; 5728 padding-right: 18px; 5729 } 5730 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 5731 width: 0; 5732 gap: 39px; 5733 } 5734 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 5735 width: 256px !important; 5736 } 5737 .wizard-component-title[_ngcontent-%COMP%] { 5738 text-align: left; 5739 margin-left: 22px; 5740 } 5741 .NextButton[_ngcontent-%COMP%] { 5742 width: 509px; 5743 } 5744 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 5745 display: none; 5746 } 5747 .wizard-container[_ngcontent-%COMP%] { 5748 width: 768px; 5749 min-width: 768px; 5750 justify-content: none; 5751 }
5752 .Pop-Up-Container[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 5753 width: auto; 5754 margin: 0px 30px 0px 45px; 5755 } 5756 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] { 5757 padding: 110px 44px 44px; 5758 width: 610px; 5759 } 5760 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] { 5761 width: auto; 5762 } 5763 .newsfeedContainer[_ngcontent-%COMP%] { 5764 justify-content: center; 5765 overflow: scroll; 5766 height: 629px; 5767 } 5768 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] { 5769 width: 560px; 5770 height: 639px; 5771 } 5772 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .topImage[_ngcontent-%COMP%] { 5773 width: 560px; 5774 height: 424px; 5775 } 5776 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .detail[_ngcontent-%COMP%] { 5777 width: auto; 5778 } 5779 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] { 5780 width: 530px; 5781 } 5782 .newsfeedContainer[_ngcontent-%COMP%]::-webkit-scrollbar {
5783 display: none; 5784 } 5785 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 5786 margin-right: -145px; 5787 } 5788 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 5789 width: 70%; 5790 margin-left: 60px; 5791 } 5792 .ImageEditContainer[_ngcontent-%COMP%] { 5793 margin-right: 51px; 5794 } 5795} 5796.label[_ngcontent-%COMP%] { 5797 color: #fff; 5798 font-size: 0.875rem; 5799 font-family: "GilroySemiBold"; 5800 text-transform: uppercase; 5801 line-height: normal; 5802 letter-spacing: normal; 5803 padding: 0px; 5804 margin: 0px; 5805} 5806.label[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 5807 color: #c2c7f2; 5808} 5809.label[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 5810 color: #ff4d4d; 5811 font-size: 0.375rem; 5812 position: relative; 5813 top: -10px; 5814} 5815.formFields[_ngcontent-%COMP%] { 5816 display: flex; 5817 flex-direction: column; 5818 gap: 10px; 5819} 5820.fields[_ngcontent-%COMP%] { 5821 padding: 14px 16px 14px 16px; 5822 border-radius: 14px; 5823 border: solid 1px #2f3450; 5824 background-color: #1e1e2c; 5825 font-size: 1rem; 5826 font-family: "GilroyBold"; 5827 color: #ffffff; 5828 display: flex; 5829 align-items: center; 5830 justify-content: center; 5831 -webkit-align-items: center; 5832 -webkit-justify-content: center; 5833} 5834.fields.inputField[_ngcontent-%COMP%] { 5835 width: 282px; 5836 height: 44px; 5837} 5838.fields.locationVenueField[_ngcontent-%COMP%] { 5839 width: 685px; 5840 height: 44px; 5841} 5842.fields.smallInputField[_ngcontent-%COMP%] { 5843 width: 129px; 5844} 5845.fields.smallInputVatField[_ngcontent-%COMP%] { 5846 width: 178px; 5847} 5848.fields.textField[_ngcontent-%COMP%] { 5849 height: 91px; 5850} 5851.fields[_ngcontent-%COMP%]:focus { 5852 border: 1px solid #6fffed; 5853 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 5854} 5855.errorMsg[_ngcontent-%COMP%] { 5856 font-style: normal; 5857 line-height: normal; 5858 letter-spacing: normal; 5859 font-family: "GilroyRegular"; 5860 font-size: 0.75rem; 5861 color: #ff4d4d; 5862 margin: 0px; 5863} 5864.errorMsg.positionAboslute[_ngcontent-%COMP%] { 5865 position: absolute; 5866 top: 54px; 5867} 5868.errorMsg[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 5869 color: #ff4d4d !important; 5870 font-size: 0.3125rem !important; 5871 position: relative !important; 5872 top: -6px !important; 5873 right: 0px !important; 5874 padding-right: 2px !important; 5875} 5876.checkboxText[_ngcontent-%COMP%] { 5877 font-size: 0.875rem; 5878 font-style: normal; 5879 line-height: normal; 5880 letter-spacing: normal; 5881 font-family: "GilroyMedium"; 5882 color: #f5f5f5; 5883 margin: 0px; 5884} 5885.creationWizardTitle[_ngcontent-%COMP%] { 5886 font-size: 1.5rem; 5887 font-family: "GilroyBold"; 5888 color: #f5f5f5; 5889 text-transform: capitalize; 5890 line-height: 0.92; 5891 font-style: normal; 5892} 5893@media screen and (max-width: 767px) { 5894 .glowButton[_ngcontent-%COMP%] { 5895 height: 34px !important; 5896 border-radius: 8px !important; 5897 font-size: 0.625rem !important; 5898 } 5899 .navBottomSpace[_ngcontent-%COMP%] { 5900 height: 4.375rem; 5901 } 5902 .label[_ngcontent-%COMP%] { 5903 font-size: 0.75rem !important; 5904 } 5905 .creationWizardTitle[_ngcontent-%COMP%] { 5906 font-size: 1.25rem !important; 5907 } 5908 .disableButton.new[_ngcontent-%COMP%], .litButton.new[_ngcontent-%COMP%] { 5909 width: 90px !important; 5910 height: 34px !important; 5911 padding: 11px 6px; 5912 font-size: 0.625rem; 5913 border: none; 5914 font-family: "GilroyBold"; 5915 border-radius: 8px; 5916 } 5917 .fields[_ngcontent-%COMP%] { 5918 padding: 10px 10px 10px 10px !important; 5919 border-radius: 8px !important; 5920 font-size: 0.75rem; 5921 font-family: "GilroyBold"; 5922 } 5923 [_ngcontent-%COMP%]::placeholder { 5924 font-size: 0.75rem !important; 5925 } 5926} 5927.btnTooltip[_ngcontent-%COMP%] { 5928 background-color: transparent !important; 5929 outline: none !important; 5930 margin: 0px !important; 5931 padding: 0px !important; 5932 border: none !important; 5933} 5934.capitalizeText[_ngcontent-%COMP%] { 5935 text-transform: capitalize; 5936} 5937.lowercaseText[_ngcontent-%COMP%] { 5938 text-transform: lowercase; 5939} 5940.switch[_ngcontent-%COMP%] { 5941 position: relative; 5942 display: inline-block; 5943 width: 44px; 5944 height: 29px; 5945 padding: 2.07px 2.27px 3.11px 2.27px; 5946 margin: 0; 5947} 5948.switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%] { 5949 opacity: 0; 5950 width: 0; 5951 height: 0; 5952} 5953.slider[_ngcontent-%COMP%] { 5954 position: absolute; 5955 cursor: pointer; 5956 top: 0; 5957 left: 0; 5958 right: 0; 5959 bottom: 0; 5960 background-color: rgb(92, 93, 122); 5961 -webkit-transition: 0.4s; 5962 transition: 0.4s; 5963} 5964.slider[_ngcontent-%COMP%]:before { 5965 position: absolute; 5966 content: ""; 5967 width: 22.744px; 5968 height: 23.821px; 5969 background-color: #fff; 5970 border-radius: 50px; 5971 left: 2.77px; 5972 right: 2.77px; 5973 bottom: 2.07px; 5974 top: 2.07px; 5975 -webkit-transition: 0.4s; 5976 transition: 0.4s; 5977} 5978input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%] { 5979 background-color: rgb(10, 132, 255); 5980} 5981input[_ngcontent-%COMP%]:focus + .slider[_ngcontent-%COMP%] { 5982 box-shadow: 0 0 1px #2196F3; 5983} 5984input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]:before { 5985 -webkit-transform: translateX(15px); 5986 -ms-transform: translateX(15px); 5987 transform: translateX(15px); 5988} 5989.slider.round[_ngcontent-%COMP%] { 5990 border-radius: 50px; 5991} 5992.slider.round[_ngcontent-%COMP%]:before { 5993 border-radius: 50px; 5994} 5995@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 5996 .positionAboslute[_ngcontent-%COMP%] { 5997 position: absolute; 5998 } 5999} 6000.heading[_ngcontent-%COMP%] { 6001 font-size: 1.75rem; 6002 font-style: normal; 6003 line-height: normal; 6004 letter-spacing: normal; 6005 text-align: left; 6006 font-family: "GilroySemiBold"; 6007 color: #f5f5f5; 6008 margin: 48px 0px 45.8px; 6009} 6010table[_ngcontent-%COMP%] { 6011 width: 60%; 6012} 6013table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] { 6014 border-bottom: solid 1px #43445e !important; 6015} 6016table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] th[_ngcontent-%COMP%] { 6017 font-size: 1rem; 6018 font-family: "GilroyBold"; 6019 font-style: normal; 6020 line-height: 0.81; 6021 letter-spacing: normal; 6022 text-align: left; 6023 padding-top: 0px; 6024 padding-bottom: 15px; 6025} 6026table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] td[_ngcontent-%COMP%] { 6027 font-family: "GilroyMedium"; 6028 font-size: 1rem; 6029 line-height: 0.81; 6030 padding: 15px 10px 22px 0px; 6031} 6032table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] td[_ngcontent-%COMP%] .userImg[_ngcontent-%COMP%] { 6033 object-fit: cover; 6034 width: 34px !important; 6035 height: 34px !important; 6036 margin-right: 10.4px !important; 6037 border-radius: 50px !important; 6038} 6039table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] td.location[_ngcontent-%COMP%] { 6040 width: 200px !important; 6041 overflow: hidden; 6042 text-overflow: ellipsis; 6043 white-space: nowrap; 6044} 6045table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] td.text[_ngcontent-%COMP%] { 6046 width: 100px !important; 6047 overflow: hidden; 6048 text-overflow: ellipsis; 6049 white-space: nowrap; 6050} 6051.checkBoxDisabled[_ngcontent-%COMP%], .checkBoxEnable[_ngcontent-%COMP%] { 6052 margin: 0 auto; 6053 border-radius: 8px; 6054} 6055.checkbox-custom[_ngcontent-%COMP%]:checked { 6056 margin-bottom: -7px; 6057 margin-left: 4px; 6058} 6059.cancel-icon[_ngcontent-%COMP%] { 6060 width: 31px; 6061 height: 38px; 6062 display: block; 6063 margin: 0 auto !important; 6064} 6065.nameWidth[_ngcontent-%COMP%] { 6066 width: 265px; 6067} 6068.approvalWidth[_ngcontent-%COMP%] { 6069 width: 200px; 6070} 6071.approveWidth[_ngcontent-%COMP%] { 6072 width: 100px; 6073} 6074.declineWidth[_ngcontent-%COMP%] { 6075 width: 100px; 6076} 6077.disableButton[_ngcontent-%COMP%], .litButton[_ngcontent-%COMP%] { 6078 width: 220px; 6079 height: 45px; 6080} 6081.NextButton[_ngcontent-%COMP%] { 6082 position: fixed; 6083 bottom: 10px; 6084 width: 680px; 6085}`]})}}return e})();
6085var L=un(In(),1);function pt(e,o){e&1&&(i(0,"p",23),c(1,"FREE"),a())}function ct(e,o){if(e&1&&(i(0,"p",23),c(1),O(2,"currency"),a()),e&2){let n=d();p(),S(" ",Cn(2,1,n.membershipService.membershipModel.membershipFee,"EUR","symbol","1.2-2")," ")}}function lt(e,o){if(e&1&&(i(0,"tr")(1,"td"),c(2),a(),i(3,"td"),c(4),a(),i(5,"td"),c(6),a(),i(7,"td"),c(8),O(9,"date"),a(),i(10,"td"),c(11),a(),i(12,"td",38),c(13),a()()),e&2){let n=o.$implicit;p(2),v(n.name),p(2),v(n.collegeEmail),p(2),v(n.phone),p(2),v(G(9,6,n.joinedDate,"dd/MM/yy")),p(3),S("Year ",n.studentYear,""),p(2),v(n.course)}}function dt(e,o){if(e&1&&(i(0,"div",30),g(1,"div",31),i(2,"table")(3,"thead")(4,"tr")(5,"th",32),c(6,"Name \xA0 "),g(7,"i",33),a(),i(8,"th",34),c(9,"College Email"),a(),i(10,"th",35),c(11,"Phone"),a(),i(12,"th",36),c(13,"Joined Date \xA0 "),g(14,"i",33),a(),i(15,"th",32),c(16,"Student Year \xA0 "),g(17,"i",33),a(),i(18,"th"),c(19,"Course"),a()()(),i(20,"tbody"),M(21,lt,14,9,"tr",37),a()()()),e&2){let n=d();p(21),l("ngForOf",n.filteredConnectedStudentsList)}}var gn=class Mn{constructor(o,n,t,r,f){this.membershipService=o,this.sharedService=n,this.dialog=t,this.numberPipe=r,this.pubnubService=f,this.reportImg=h.imagesUrl+"college/memberBox.png",this.print=h.imagesUrl+"PrintQR/PrintIcon.svg",this.email=h.imagesUrl+"PrintQR/EmailIcon.svg",this.download=h.imagesUrl+"Icons/DownloadFile.svg",this.detailShow=!1,this.connectedStudentsList=[],this.filteredConnectedStudentsList=[]}ngOnDestroy(){}ngOnInit(){this.getConnectedStudents()}ngOnChanges(o){o.startDate.currentValue!==null&&o.startDate.currentValue!==void 0&&o.endDate.currentValue!==null&&o.endDate.currentValue!==void 0&&this.filterList(),this.unsubscribePubnub$=this.pubnubService.liveUpdates.subscribe(n=>{this.implementLiveAnalytics(n)})}implementLiveAnalytics(o){o.userMetadata.Type==="StudentMembershipCollegeUpdate"&&(this.membershipService.membershipModel.totalRevenue=this.membershipService.membershipModel.totalRevenue+o.message.Fee,this.membershipService.membershipModel.membersCount=this.membershipService.membershipModel.membersCount+1,this.getConnectedStudents())}filterList(){this.startDate&&this.endDate&&(this.filteredConnectedStudentsList=this.connectedStudentsList.filter(o=>o.joinedDate>=this.startDate&&o.joinedDate<=this.endDate))}toggle(){this.detailShow=!this.detailShow}getConnectedStudents(){let o=(0,L.default)(this.startDate).format("YYYY-MM-DD"),n=(0,L.default)(this.endDate).format("YYYY-MM-DD");this.membershipService.getConnectedStudents({pageNumber:1,pageSize:50,startDate:o,endDate:n,getAll:!0}).subscribe({next:t=>{t&&t&&t.length!==0&&(t.forEach(r=>{r.joinedDate=this.sharedService.utcToLocalDate(r.joinedDate).toDate()}),this.connectedStudentsList=t,this.filteredConnectedStudentsList=t,this.filterList())}})}emailReport(){this.dialog.open(W,{data:{imageUrl:this.email,message:"Are you sure you want to email?",yesText:"Yes",noText:"Cancel"}}).afterClosed().subscribe(n=>{})}downloadFile(){this.dialog.open(W,{data:{imageUrl:this.download,message:"Are you sure you want to download?",yesText:"Yes",noText:"Cancel"}}).afterClosed().subscribe(n=>{})}printGuests(){let o="";this.filteredConnectedStudentsList.forEach(t=>{let r=` 6086 <tr> 6087 <td class="userName"> 6088 <span>${t.name}</span> 6089 </td> 6090 <td>${t.collegeEmail}</td> 6091 <td>${t.phone}</td> 6092 <td>${(0,L.default)(t.joinedDate).format("DD/MM/YY")}</td> 6093 6094 <td>${t.studentYear}</td> 6095 <td class="course">${t.course}</td> 6096 6097 </tr>`;o+=r});let n;n=window.open("","_blank","top=0,left=0,height=100%,width=auto"),n.document.write(` 6098 <html> 6099 <head> 6100 <title>Membership Details</title> 6101 <style> 6102 @font-face { 6103 font-family: "STENCILAND"; 6104 src: url(../../../../assets/fonts/Stenciland.otf); 6105 } 6106 6107 @font-face { 6108 font-family: "GilroyMedium"; 6109 src: url(../../../../assets/fonts/RadomirTinkovGilroyMedium.otf); 6110 } 6111 6112 @font-face { 6113 font-family: "GilroySemiBold";
6114 src: url(../../../../assets/fonts/RadomirTinkovGilroySemiBold.otf); 6115 } 6116 6117 @font-face { 6118 font-family: "GilroyBold"; 6119 src: url(../../../../assets/fonts/RadomirTinkovGilroyBold.otf); 6120 } 6121 6122 @font-face { 6123 font-family: "GilroyLight"; 6124 src: url(../../../../assets/fonts/GilroyLight.otf); 6125 } 6126 6127 @font-face { 6128 font-family: "GilroyRegular"; 6129 src: url(../../../../assets/fonts/RadomirTinkovGilroyRegular.otf); 6130 } 6131 6132 @font-face { 6133 font-family: "GilroyHeavy"; 6134 src: url(../../../../assets/fonts/RadomirTinkovGilroyHeavy.otf); 6135 } 6136 title { 6137 display: none !important; 6138 } 6139 .dFlexRow { 6140 display: flex; 6141 flex-direction: row; 6142 } 6143 .ReportContainer { 6144 padding: 33px 0px; 6145 background-color: #f5f5f5; 6146 width: 100%; 6147 height: 100%; 6148 } 6149 6150 .ReportTop { 6151 position: relative; 6152 display: flex; 6153 flex-direction: row; 6154 gap: 200px; 6155 } 6156 .col { 6157 padding: 0px 6158 } 6159 .centerTitle { 6160 margin: 0 auto 3px !important; 6161 color: #242637; 6162 font-family: "GilroyBold"; 6163 text-transform: capitalize; 6164 font-size: 30px; 6165 font-weight: bold; 6166 font-stretch: normal; 6167 font-style: normal; 6168 letter-spacing: normal; 6169 text-align: center; 6170 } 6171 .unionName { 6172 font-size: 20px; 6173 font-weight: 500; 6174 font-stretch: normal; 6175 font-style: normal; 6176 line-height: normal; 6177 letter-spacing: normal; 6178 text-align: center; 6179 color: #282c40; 6180 text-transform: uppercase; 6181 font-family: "GilroyMedium"; 6182 margin: 0 auto 3px; 6183 } 6184 .report { 6185 font-size: 16px; 6186 font-weight: 500; 6187 color: #242637; 6188 font-family: "GilroyMedium"; 6189 margin: 0 auto; 6190 text-align: center; 6191 } 6192 .leftHeading { 6193 margin: 11px 0px 9px 0; 6194 object-fit: contain; 6195 font-family: Gilroy; 6196 font-size: 30px; 6197 font-weight: 600; 6198 font-stretch: normal; 6199 font-style: normal; 6200 letter-spacing: normal; 6201 text-align: left; 6202 color: #242637; 6203 } 6204 .timePeriod { 6205 font-size: 20px; 6206 font-weight: 600; 6207 font-stretch: normal; 6208 font-style: normal;line-height: 0.65; 6209 letter-spacing: normal; 6210 text-align: left; 6211 color: #242637; 6212 font-family: "GilroySemiBold"; 6213 margin: 0px 0px 9px 0px; 6214 } 6215 .totalMembers{ 6216 font-size: 20px; 6217 font-weight: 600; 6218 font-stretch: normal; 6219 font-style: normal; 6220 line-height: 0.65; 6221 letter-spacing: normal; 6222 text-align: left; 6223 color: #676d9e; 6224 font-family: "GilroySemiBold"; 6225 } 6226 table { 6227 width: 100%; 6228 border-spacing: 22px; 6229 margin-top: 59.7px; 6230 border-collapse: collapse; 6231 } 6232 6233 thead { 6234 padding-top: 0px !important; 6235 padding-bottom: 27.5px; 6236 background-color: #f5f5f5 !important; 6237 border-bottom: none !important; 6238 } 6239 6240 thead th { 6241 font-size: 12px; 6242 font-weight: bold; 6243 line-height: 1.08; 6244 color: #313245; 6245 font-family: "GilroyBold"; 6246 } 6247 6248 6249 td { 6250 line-break: strict; 6251 word-break: break-word; 6252 font-size: 12px; 6253 font-family: "GilroyMedium"; 6254 font-stretch: normal; 6255 font-style: normal; 6256 line-height: 1.08; 6257 letter-spacing: normal; 6258 font-weight: 500; 6259 color: #313245; 6260 padding-top: 16px; 6261 } 6262 .course { 6263 text-transform: capitalize; 6264 } 6265 @media print { 6266 @page { 6267 size: A4 landscape !important; 6268 orientation: landscape !important; 6269 } 6270 } 6271 @page { 6272 size: A4 landscape !important; 6273 orientation: landscape !important; 6274 } 6275 .leftText { 6276 text-align: left !important; 6277 } 6278 .center { 6279 position: absolute; 6280 left: 45%; 6281 } 6282 6283 6284 </style> 6285 </head> 6286 <body onload="window.print();window.close();"> 6287 <div class="ReportContainer"> 6288 <div class="reportTop"> 6289 <div class="col"> 6290 <h2 class="leftHeading">Membership Details</h2> 6291 <p class="timePeriod">Period ${(0,L.default)(this.membershipService.membershipModel.startDate).format("MMMM YYYY")} 6292 - 6293 ${(0,L.default)(this.membershipService.membershipModel.endDate).format("MMMM YYYY")}</p> 6294 <p class="totalMembers">Total Members ${this.numberPipe.transform(this.membershipService.membershipModel.membersCount,"1.0-0")}</p> 6295 </div> 6296 <div class="col center"> 6297 <h1 class="centerTitle">Trinity College</h1> 6298 <p class="unionName">${this.membershipService.membershipModel.subName}</p> 6299 <p class="report">REPORT</p> 6300 </div> 6301 <div class="col"></div> 6302 </div> 6303 <table> 6304 <thead> 6305 <tr> 6306 <th class="leftText">
6306Name</th> 6307 <th class="leftText">College Email</th> 6308 <th class="leftText">Phone</th> 6309 <th class="leftText">Joined Date</th> 6310 <th class="leftText">Student Year</th> 6311 <th class="leftText">Course</th> 6312 </tr> 6313 </thead> 6314 <tbody> 6315 ${o} 6316 </tbody> 6317 </table> 6318</div> 6319</body> 6320</html> 6321 `),n.document.close()}static{this.\u0275fac=function(n){return new(n||Mn)(s(B),s(z),s(pn),s(U),s(ln))}}static{this.\u0275cmp=w({type:Mn,selectors:[["app-membership-members"]],inputs:{startDate:"startDate",endDate:"endDate"},features:[Z],decls:58,vars:27,consts:[[1,"dFlexColumn","margin"],[1,"reportContainer"],[1,"rowFlex"],[1,"imageHolder"],[3,"src"],[1,"dFlexRow"],[1,"leftBox"],[1,"title"],[1,"name"],[1,"report"],[1,"rightBox","dFlexColumn"],[1,"top"],[1,"reportAddons",3,"click"],[1,"print",3,"src"],[1,"smallText"],[1,"email",3,"src"],[1,"download",3,"src"],[1,"largeText"],[1,"detailText",3,"click"],[1,"fa","fa-angle-down"],[1,"line"],[1,"bottom"],[1,"reportTitle"],[1,"reportTotal"],[1,"leftMargin"],["class","reportTotal",4,"ngIf"],[1,"dateBox"],[1,"reportTitle","babyBlueText"],[1,"reportTotal","babyBlueText"],["class","detailSection",4,"ngIf"],[1,"detailSection"],[1,"large"],[1,"tenWidth"],[1,"sortingIcon","fas","fa-caret-down"],[1,"emailWidth"],[1,"phoneWidth"],[1,"dateWidth"],[4,"ngFor","ngForOf"],[1,"course"]],template:function(n,t){n&1&&(i(0,"div",0)(1,"div",1)(2,"div",2)(3,"div",3),g(4,"img",4),a(),i(5,"div",5)(6,"div",6)(7,"h2",7),c(8),a(),i(9,"p",8),c(10),a(),i(11,"p",9),c(12,"Membership Report"),a()(),i(13,"div",10)(14,"div",11)(15,"div",12),m("click",function(){return t.printGuests()}),g(16,"img",13),i(17,"span",14),c(18,"Print Report"),a()(),i(19,"div",12),m("click",function(){return t.emailReport()}),g(20,"img",15),i(21,"span",14),c(22,"Email Report"),a()(),i(23,"div",12),m("click",function(){return t.downloadFile()}),g(24,"img",16),i(25,"span",17),c(26,"Download CSV"),a()(),i(27,"p",18),m("click",function(){return t.toggle()}),c(28,"Details "),g(29,"i",19),a()(),g(30,"div",20),i(31,"div",21)(32,"div",9)(33,"div")(34,"h2",22),c(35,"membership period"),a(),i(36,"p",23),c(37),O(38,"date"),O(39,"date"),a()(),i(40,"div",24)(41,"h2",22),c(42,"MEMBERSHIP FEE"),a(),M(43,pt,2,0,"p",25)(44,ct,3,6,"p",25),a(),i(45,"div")(46,"h2",22),c(47," Members "),a(),i(48,"p",23),c(49),O(50,"number"),a()(),i(51,"div",26)(52,"h2",27),c(53,"Total revenue"),a(),i(54,"p",28),c(55),O(56,"currency"),a()()()()()()(),M(57,dt,22,1,"div",29),a()()),n&2&&(p(4),C("src",t.membershipService.membershipModel.avatar,x),p(4),v(t.membershipService.membershipModel.collegeDisplayName),p(2),v(t.membershipService.membershipModel.subName),p(6),C("src",t.print,x),p(4),vn("src"," ",t.email,"",x),p(4),C("src",t.download,x),p(13),J(" ",G(38,14,t.membershipService.membershipModel.startDate,"MMMM yy")," - ",G(39,17,t.membershipService.membershipModel.endDate,"MMMM yy"),""),p(6),l("ngIf",!t.membershipService.membershipModel.isPaid),p(),l("ngIf",t.membershipService.membershipModel.isPaid),p(5),S("",N(50,20,t.membershipService.membershipModel.membersCount)," "),p(6),S(" ",Cn(56,22,t.membershipService.membershipModel.totalRevenue,"EUR","symbol","1.2-2")," "),p(2),l("ngIf",t.detailShow))},dependencies:[K,T,U,E,R],styles:[` 6322 6323.sidebar-navigation-layout-event[_ngcontent-%COMP%] { 6324 background-color: #232638; 6325 width: 100%; 6326 min-height: 100vh; 6327 max-height: 100%; 6328 max-width: 265px; 6329 padding: 24px 10px 20px 10px; 6330 z-index: 1; 6331 position: sticky; 6332 top: 0 !important; 6333} 6334.row-three-column-layout[_ngcontent-%COMP%] { 6335 display: flex; 6336 flex-direction: row; 6337} 6338.row-three-column-layout[_ngcontent-%COMP%] .columns[_ngcontent-%COMP%] { 6339 width: 33.33%; 6340 padding-left: 0px !important; 6341 margin-right: 91.9px !important; 6342} 6343.flex-container[_ngcontent-%COMP%] { 6344 display: flex; 6345 flex-direction: row; 6346 width: 100vw; 6347 height: 100vh !important; 6348 overflow: hidden !important; 6349} 6350.columns[_ngcontent-%COMP%]:nth-of-type(1) { 6351 width: 22%; 6352 max-width: 14.37rem; 6353 z-index: 1; 6354} 6355.columns[_ngcontent-%COMP%]:nth-of-type(2) { 6356 width: 100%; 6357 background: #0B0D1D; 6358} 6359.data-top-box[_ngcontent-%COMP%] { 6360 margin-top: 27.5px; 6361 width: 100%; 6362 height: 205px; 6363 padding: 15px 15px 15px 15px; 6364 border-radius: 10px; 6365 background-image: 6366 linear-gradient( 6367 to bottom, 6368 #282c40, 6369 #232333); 6370 display: flex; 6371 flex-direction: row; 6372} 6373.data-top-box[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] { 6374 font-family: "GilroySemiBold"; 6375 font-size: 1.125rem; 6376 text-align: left; 6377 font-style: normal; 6378 line-height: 0.72; 6379 letter-spacing: normal; 6380 color: #f5f5f5; 6381 margin-top: 5.5px; 6382} 6383.data-top-box[_ngcontent-%COMP%] .cola[_ngcontent-%COMP%] { 6384 width: 50%; 6385} 6386.attendee-boxes[_ngcontent-%COMP%] { 6387 display: flex; 6388 flex-direction: row; 6389 justify-content: space-between; 6390 width: 95%; 6391} 6392.attendee-desc[_ngcontent-%COMP%] { 6393 margin-left: 5.8px; 6394 margin-right: 5.8px; 6395} 6396.attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 6397 font-family: "GilroySemiBold"; 6398 font-size: 0.875rem; 6399 font-style: normal; 6400 line-height: 0.93; 6401 letter-spacing: normal; 6402 text-transform: uppercase; 6403 margin-bottom: 0px; 6404} 6405.attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 6406 font-family: "GilroySemiBold"; 6407 font-size: 1.625rem; 6408 text-align: left; 6409 font-style: normal; 6410 line-height: 0.5; 6411 letter-spacing: normal; 6412 color: #f5f5f5; 6413 margin-top: 10px; 6414 margin-left: 2px; 6415} 6416.attendee-details[_ngcontent-%COMP%] { 6417 margin-top: 21.5px; 6418 display: flex; 6419 flex-direction: row; 6420 justify-content: space-evenly; 6421} 6422.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 6423 width: 45px; 6424 height: 45px; 6425 transform: scale(1) !important; 6426 transition: transform 0.3s ease-in-out !important; 6427} 6428.attendee-details[_ngcontent-%COMP%] .going[_ngcontent-%COMP%] { 6429 color: #6fffed; 6430} 6431.attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 6432 color: #b260ea; 6433 width: 127px; 6434} 6435.attendee-details[_ngcontent-%COMP%] .vip_passes[_ngcontent-%COMP%] { 6436 color: #ff9300; 6437 width: 72px; 6438} 6439.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%]:hover { 6440 transform: scale(1.1) !important; 6441 transition: transform 0.3s ease-in-out !important; 6442} 6443@media (min-width: 375) and (max-width: 425px) { 6444 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 6445 display: none; 6446 } 6447} 6448@media (min-width: 768px) and (max-width: 1365px) { 6449 .attendee-boxes[_ngcontent-%COMP%] { 6450 display: flex; 6451 flex-direction: row; 6452 justify-content: space-around; 6453 margin-right: 5px; 6454 } 6455 .attendee-desc[_ngcontent-%COMP%] { 6456 margin-left: 3.8px; 6457 margin-right: 3.8px; 6458 } 6459 .attendee-details[_ngcontent-%COMP%] { 6460 margin-top: 21.5px; 6461 display: flex; 6462 flex-direction: row; 6463 justify-content: space-evenly; 6464 } 6465 .attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 6466 width: 35px; 6467 height: 35px; 6468 } 6469 .attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 6470 font-size: 0.75rem; 6471 } 6472 .attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 6473 font-size: 1.25rem; 6474 } 6475 .attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 6476 width: 110px; 6477 } 6478 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 6479 display: none; 6480 } 6481 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 6482 width: 100vw; 6483 } 6484 .ComponentsWrapper[_ngcontent-%COMP%] { 6485 width: 100% !important; 6486 } 6487} 6488@media screen and (min-width: 1025px) and (max-width: 1365px) { 6489 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 6490 display: none; 6491 } 6492} 6493@media (min-width: 900px) and (width: 1900px) { 6494 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 6495 width: 15%; 6496 } 6497 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 6498 width: 85%; 6499 } 6500} 6501.wizard-container[_ngcontent-%COMP%] { 6502 display: flex; 6503 flex-direction: row; 6504 width: 1440px; 6505 min-width: 1440px; 6506 justify-content: center; 6507 margin: auto; 6508} 6509.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 6510 width: 100%; 6511 display: flex; 6512 flex-direction: row; 6513} 6514.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 6515 display: flex; 6516 flex-direction: column; 6517 width: 75%; 6518} 6519.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container.fullWidth[_ngcontent-%COMP%] { 6520 width: 100% !important; 6521} 6522.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 6523 width: 42%; 6524 color: #fff; 6525 margin-right: 35px !important; 6526 margin-top: 36px; 6527} 6528.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 6529 width: 365px; 6530 height: 733px; 6531 margin-top: 20px; 6532 margin-right: 35px; 6533 position: -webkit-sticky; 6534 position: sticky; 6535 top: 155px; 6536} 6537.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 6538 width: 42%; 6539 color: #fff; 6540 margin-right: 35px !important; 6541 margin-top: 36px; 6542 z-index: -1; 6543} 6544.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 6545 position: relative; 6546 width: 365px; 6547 height: 733px; 6548 margin-top: 20px; 6549 margin-right: 35px; 6550} 6551.wizard-footer[_ngcontent-%COMP%] { 6552 width: 687px; 6553 height: 65px; 6554 position: absolute; 6555 bottom: 0%; 6556 padding: 0px 95px; 6557 display: flex; 6558 justify-content: flex-end; 6559 align-items: center; 6560} 6561@media only screen and (max-height: 900px) { 6562 .mobile-container[_ngcontent-%COMP%] { 6563 margin-top: 0px !important; 6564 } 6565} 6566.NextButton[_ngcontent-%COMP%] { 6567 margin-top: 40px; 6568 display: flex; 6569 justify-content: flex-end; 6570 width: 588px; 6571 height: 65px; 6572} 6573.CenterAlign[_ngcontent-%COMP%] { 6574 display: flex; 6575 align-items: center; 6576 flex-direction: column; 6577 justify-content: center; 6578} 6579.ComponentsWrapper[_ngcontent-%COMP%] { 6580 width: 1115px; 6581} 6582.minusSign[_ngcontent-%COMP%] { 6583 margin-right: 11.5px; 6584 width: 10px; 6585 height: 21px; 6586 cursor: pointer; 6587 transition: all 0.2s ease-in-out; 6588} 6589.plusSign[_ngcontent-%COMP%] { 6590 margin-left: 11.5px; 6591 width: 10px; 6592 height: 21px; 6593 cursor: pointer; 6594 transition: all 0.2s ease-in-out; 6595} 6596.minusSign[_ngcontent-%COMP%]:hover, .plusSign[_ngcontent-%COMP%]:hover { 6597 transform: scale(1.2); 6598} 6599.app-scrollbar[_ngcontent-%COMP%] { 6600 position: relative; 6601 top: 0px; 6602 right: 0px; 6603 padding: 0px; 6604 z-index: 0; 6605} 6606.leftArrow-Container[_ngcontent-%COMP%] { 6607 width: 50px; 6608 height: 154px; 6609 background-image: 6610 linear-gradient( 6611 to right, 6612 #1e1e2c, 6613 rgba(30, 30, 44, 0.5)); 6614 display: flex; 6615 align-items: center; 6616 position: absolute; 6617 justify-content: center; 6618 z-index: 4; 6619 left: 210px; 6620} 6621.leftArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 6622 color: #f5f5f5; 6623 font-size: 1.75rem; 6624 cursor: pointer; 6625 transition: 0.2s ease-in-out; 6626} 6627.rightArrow-Container[_ngcontent-%COMP%] { 6628 width: 50px; 6629 height: 154px; 6630 background-image: 6631 linear-gradient( 6632 to right, 6633 #1e1e2c, 6634 rgba(30, 30, 44, 0.5)); 6635 display: flex; 6636 align-items: center; 6637 position: absolute; 6638 justify-content: center; 6639 z-index: 4; 6640 right: -24px; 6641} 6642.rightArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 6643 color: #f5f5f5; 6644 font-size: 1.75rem; 6645 cursor: pointer; 6646} 6647.leftArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%], .rightArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%] { 6648 transform: scale(1.4); 6649 transition: 0.2s ease-in-out; 6650} 6651.top-nav[_ngcontent-%COMP%] { 6652 top: -23px; 6653 z-index: 1; 6654 position: relative; 6655 display: flex; 6656 flex-direction: row; 6657 gap: 15px; 6658} 6659.top-nav.Opacity[_ngcontent-%COMP%] { 6660 opacity: 0.3; 6661 transition: 0.1s ease-in;
6662 z-index: 0; 6663} 6664.top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 6665 margin: 20px 0px 0px 0px; 6666 padding: 11px 20px 11px; 6667 border-radius: 25px; 6668 height: 42px; 6669 width: auto !important; 6670 background-color: rgba(111, 255, 237, 0.1); 6671 transition: background-color 0.3s ease-in-out; 6672 transform: scale(1); 6673 transition: transform 0.3s ease-in-out; 6674 color: #6fffed; 6675 font-family: "GilroyMedium"; 6676 font-size: 1rem; 6677 font-style: normal; 6678 line-height: normal; 6679 letter-spacing: normal; 6680 cursor: pointer; 6681 border: none; 6682 outline: none; 6683 z-index: 0; 6684} 6685.top-nav[_ngcontent-%COMP%] button.active[_ngcontent-%COMP%] { 6686 color: #313245; 6687 background-color: #6fffed; 6688 transition: background-color 0.3s ease-in-out; 6689} 6690.Pop-Up-Container-Body[_ngcontent-%COMP%] { 6691 width: 100%; 6692 height: 100vh; 6693 display: flex; 6694 align-items: center; 6695 justify-content: center; 6696 position: fixed; 6697 top: 1.5%; 6698} 6699.scroller[_ngcontent-%COMP%] { 6700 top: 0; 6701 width: 204px; 6702 transition: 0.2s ease-in-out; 6703 position: relative; 6704 margin-right: 15px; 6705 font-style: normal; 6706 z-index: 0; 6707} 6708.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] { 6709 width: 204px; 6710 height: 154px; 6711 background-color: #242637; 6712 border-radius: 5px; 6713 cursor: pointer; 6714 display: flex; 6715 flex-direction: column; 6716 justify-content: center; 6717 align-items: center; 6718 vertical-align: middle; 6719} 6720.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-icon[_ngcontent-%COMP%] { 6721 width: 26.9px; 6722 height: 26.9px; 6723} 6724.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-title[_ngcontent-%COMP%] { 6725 font-family: "GilroyMedium"; 6726 font-size: 1rem; 6727 line-height: 1.23; 6728 letter-spacing: normal; 6729 margin: 16.1px 0 0; 6730 text-align: center; 6731 color: #6fffed; 6732 width: 112px; 6733 height: 45px; 6734} 6735.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] { 6736 display: inline-block; 6737 width: 252px; 6738 height: 154px; 6739 padding: 0 15px 17px 0; 6740 border-radius: 5px !important; 6741 cursor: pointer; 6742 position: relative; 6743 top: 0px; 6744 z-index: -1; 6745} 6746.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 6747 width: 252px; 6748 height: 154px; 6749 border-radius: 5px; 6750 position: absolute; 6751 object-fit: cover; 6752 object-position: center; 6753} 6754.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] { 6755 width: 252px; 6756 height: 568px; 6757 background-image: 6758 linear-gradient( 6759 to bottom, 6760 #242637, 6761 #1e1e2c); 6762 position: absolute; 6763 top: 97%; 6764 z-index: 0; 6765 bottom: 140px; 6766 display: none; 6767 transition: 0.2s ease-in-out; 6768 padding: 20px 17.7px 20px 17.7px; 6769} 6770.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] .event-menu-container[_ngcontent-%COMP%] { 6771 display: flex; 6772 flex-direction: column; 6773 justify-content: center; 6774 text-align: center; 6775} 6776.Inline-Container[_ngcontent-%COMP%]::-webkit-scrollbar {
6777 display: none !important; 6778} 6779.Inline-Container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] { 6780 display: flex; 6781 flex-direction: row; 6782 padding-inline-start: 0px; 6783 list-style-type: none; 6784 transition: transform 0.5s ease; 6785} 6786.Inline-Container[_ngcontent-%COMP%] { 6787 cursor: grab; 6788} 6789.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover { 6790 top: -65px !important; 6791 z-index: 2; 6792 transition: 0.2s ease-in-out; 6793} 6794.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover .event-menu-wrapper[_ngcontent-%COMP%] { 6795 display: block !important; 6796} 6797.control-item[_ngcontent-%COMP%] { 6798 display: flex; 6799 flex-direction: column; 6800 justify-content: center; 6801 align-items: center; 6802 width: 58px; 6803 cursor: pointer; 6804} 6805.control-item[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 6806 width: 40px !important; 6807 height: 40px !important; 6808 position: relative !important; 6809 object-fit: contain; 6810 transition: all 0.2s ease-in-out; 6811} 6812.control-item[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 6813 font-family: "GilroyLight"; 6814 font-size: 0.875rem; 6815 font-style: normal; 6816 line-height: normal; 6817 letter-spacing: normal; 6818 text-align: center; 6819 color: #c2c7f2; 6820 white-space: normal; 6821 margin-top: 12px; 6822} 6823.InputFieldArrow[_ngcontent-%COMP%] { 6824 position: relative; 6825 width: 272px !important; 6826} 6827.InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 6828 position: absolute; 6829 color: #babcc1; 6830 font-size: 1.5rem; 6831 top: 20px; 6832 right: 16px; 6833 z-index: 1; 6834 cursor: pointer; 6835} 6836@media (min-width: 768px) and (max-width: 1024px) { 6837 .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 6838 display: none; 6839 } 6840 .InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 6841 position: relative; 6842 right: -232px; 6843 top: 46px; 6844 } 6845 .top-nav[_ngcontent-%COMP%] { 6846 top: -23px; 6847 z-index: 1; 6848 position: relative; 6849 display: inline-block; 6850 width: 100%; 6851 white-space: nowrap; 6852 overflow: auto; 6853 } 6854 .top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 6855 margin: 20px 20px 0px 0px; 6856 } 6857 .NextButton[_ngcontent-%COMP%] { 6858 width: 514px; 6859 } 6860} 6861.top-nav[_ngcontent-%COMP%]::-webkit-scrollbar {
6862 display: none; 6863} 6864.popUpBox[_ngcontent-%COMP%] { 6865 width: 100%; 6866 height: auto; 6867 background-color: #1e1e2c; 6868 padding: 40px; 6869} 6870.popUpBox[_ngcontent-%COMP%] .topTitleBar[_ngcontent-%COMP%] .creationWizardTitle[_ngcontent-%COMP%] { 6871 line-height: 1.08; 6872} 6873.popUpBox[_ngcontent-%COMP%] .topTitleBar.dFlexRow[_ngcontent-%COMP%] { 6874 justify-content: space-between; 6875} 6876@media screen and (max-width: 767px) { 6877 .popUpBox[_ngcontent-%COMP%] { 6878 padding: 16px !important; 6879 } 6880} 6881@keyframes _ngcontent-%COMP%_expander { 6882 from { 6883 transform: scale(1); 6884 } 6885 50% { 6886 transform: scale(1.1); 6887 } 6888 100% { 6889 transform: scale(1.2); 6890 } 6891} 6892@-webkit-keyframes _ngcontent-%COMP%_slide { 6893 100% { 6894 left: -55px; 6895 } 6896} 6897@keyframes _ngcontent-%COMP%_slide { 6898 100% { 6899 left: -55px; 6900 } 6901} 6902@-webkit-keyframes _ngcontent-%COMP%_slideDrawer { 6903 0% { 6904 left: -245px; 6905 } 6906 100% { 6907 left: 0; 6908 } 6909} 6910@keyframes _ngcontent-%COMP%_slideDrawer { 6911 0% { 6912 left: -245px; 6913 } 6914 100% { 6915 left: 0; 6916 } 6917} 6918@-webkit-keyframes _ngcontent-%COMP%_slideBox { 6919 0% { 6920 left: -600px; 6921 } 6922 100% { 6923 left: 0px; 6924 } 6925} 6926@keyframes _ngcontent-%COMP%_slideBox { 6927 0% { 6928 left: -600px; 6929 } 6930 100% { 6931 left: 0px; 6932 } 6933} 6934.menu-items-grid[_ngcontent-%COMP%] .control-item[_ngcontent-%COMP%]:hover img[_ngcontent-%COMP%] { 6935 transform: scale(1.2); 6936} 6937@keyframes _ngcontent-%COMP%_slideUp { 6938 0% { 6939 transform: translate3d(0, 20px, 0); 6940 opacity: 0; 6941 } 6942 50% { 6943 transform: translate3d(0, 10px, 0); 6944 opacity: 0.5; 6945 } 6946 100% { 6947 transform: translate3d(0, 0px, 0); 6948 opacity: 1; 6949 } 6950} 6951@keyframes _ngcontent-%COMP%_fadein { 6952 from { 6953 opacity: 0; 6954 } 6955 to { 6956 opacity: 1; 6957 } 6958} 6959.gray-BG[_ngcontent-%COMP%] { 6960 background-color: #babcc1 !important; 6961} 6962.midnight-express-BG[_ngcontent-%COMP%] { 6963 background-color: #242637; 6964} 6965.black-russian[_ngcontent-%COMP%] { 6966 background-color: #0b0b1a !important; 6967} 6968.baby-blue-BG[_ngcontent-%COMP%] { 6969 background-color: #6fffed !important; 6970} 6971.slate-blue-BG[_ngcontent-%COMP%] { 6972 background-color: #5e5cde !important; 6973} 6974.dark-orange-BG[_ngcontent-%COMP%] { 6975 background-color: #ff9300 !important; 6976} 6977.dodger-blue[_ngcontent-%COMP%] { 6978 background-color: #0a84ff !important; 6979} 6980.medium-orchid-BG[_ngcontent-%COMP%] { 6981 background-color: #bf5af2 !important; 6982} 6983.rich-lilac-BG[_ngcontent-%COMP%] { 6984 background-color: #b260ea; 6985} 6986.comet-BG[_ngcontent-%COMP%] { 6987 background-color: #5e5f71; 6988} 6989.gamboge-BG[_ngcontent-%COMP%] { 6990 background-color: #e68f09; 6991} 6992.blur[_ngcontent-%COMP%] { 6993 -webkit-filter: blur(8px); 6994 -moz-filter: blur(8px); 6995 -o-filter: blur(8px); 6996 -ms-filter: blur(8px); 6997 filter: blur(8px); 6998} 6999.blue-shade2-border[_ngcontent-%COMP%] { 7000 border: solid 2px #43445e !important; 7001} 7002.baby-blue-border[_ngcontent-%COMP%] { 7003 border: solid 1px #6fffed !important; 7004} 7005.dark-orange-border[_ngcontent-%COMP%] { 7006 border: solid 1px #ff9300 !important; 7007} 7008.medium-orchid-border[_ngcontent-%COMP%] { 7009 border: solid 1px #bf5af2 !important; 7010} 7011.dodger-blue-shade2-border[_ngcontent-%COMP%] { 7012 border: solid 1px #0a84ff !important; 7013} 7014.white-smoke-border[_ngcontent-%COMP%] { 7015 border: solid 1px #f5f5f5 !important; 7016} 7017.red-border[_ngcontent-%COMP%] { 7018 border: solid 1px #ff0100 !important; 7019} 7020.black-russian-border[_ngcontent-%COMP%] { 7021 border: solid 1ps #0b0b1a; 7022} 7023.border-red[_ngcontent-%COMP%] { 7024 border: solid 1px #ff0100 !important; 7025} 7026.border-sunsetOrange[_ngcontent-%COMP%] { 7027 border: 1px solid #ff4d4d !important; 7028} 7029.border-grayLight[_ngcontent-%COMP%] { 7030 border: solid 2px #2F3450 !important; 7031} 7032.blueshadeThreeText[_ngcontent-%COMP%] { 7033 color: #81cffa; 7034} 7035.richlilacText[_ngcontent-%COMP%] { 7036 color: #b260ea !important; 7037} 7038.slateBlueText[_ngcontent-%COMP%] { 7039 color: #5e5cde !important; 7040} 7041.slateText[_ngcontent-%COMP%] { 7042 color: #5c5d7a !important; 7043} 7044.babyBlueText[_ngcontent-%COMP%] { 7045 color: #6fffed !important; 7046} 7047.darkOrangeText[_ngcontent-%COMP%] { 7048 color: #ff9300 !important; 7049} 7050.freshYellowText[_ngcontent-%COMP%] { 7051 color: #ffd60a; 7052} 7053.brightPeachText[_ngcontent-%COMP%] { 7054 color: #f96f6f; 7055} 7056.mediumOrchidText[_ngcontent-%COMP%] { 7057 color: #bf5af2 !important; 7058} 7059.black-russian-Text[_ngcontent-%COMP%] { 7060 color: #0b0b1a !important; 7061} 7062.dodgerBlueShadeText[_ngcontent-%COMP%] { 7063 color: #0a84ff !important; 7064} 7065.orangyRedText[_ngcontent-%COMP%] { 7066 color: #ff453a; 7067} 7068.whiteText[_ngcontent-%COMP%] { 7069 color: #f5f5f5 !important; 7070} 7071.pureWhiteText[_ngcontent-%COMP%] { 7072 color: #fff !important; 7073} 7074.comitText[_ngcontent-%COMP%] { 7075 color: #5e5f71 !important; 7076} 7077.carnationText[_ngcontent-%COMP%] { 7078 color: #ff6f90; 7079} 7080.redText[_ngcontent-%COMP%] { 7081 color: #ff0100 !important; 7082} 7083.LavenderBlueText[_ngcontent-%COMP%] { 7084 color: #c2c7f2 !important; 7085} 7086.orangePeelText[_ngcontent-%COMP%] { 7087 color: #ff9300 !important; 7088} 7089.greenText[_ngcontent-%COMP%] { 7090 color: #32d74b; 7091} 7092.sunsetOrangeText[_ngcontent-%COMP%] { 7093 color: #ff4d4d !important; 7094} 7095.grayText[_ngcontent-%COMP%] { 7096 color: #babcc1; 7097} 7098.lighterPurpleText[_ngcontent-%COMP%] { 7099 color: #bd58f0; 7100} 7101.whiteColorText[_ngcontent-%COMP%] { 7102 color: #ffffff !important; 7103} 7104.mangoManiaText[_ngcontent-%COMP%] { 7105 color: #fec20e !important; 7106} 7107.promotionalTextColor[_ngcontent-%COMP%] { 7108 color: #EA60A2 !important; 7109} 7110.center-text[_ngcontent-%COMP%] { 7111 text-align: center !important; 7112} 7113.leftText[_ngcontent-%COMP%] { 7114 text-align: left !important; 7115} 7116.rightText[_ngcontent-%COMP%] { 7117 text-align: right; 7118} 7119.floatRight[_ngcontent-%COMP%] { 7120 float: right; 7121} 7122.floatLeft[_ngcontent-%COMP%] { 7123 float: left; 7124} 7125.clearfix[_ngcontent-%COMP%] { 7126 clear: both; 7127} 7128.dNone[_ngcontent-%COMP%] { 7129 display: none !important; 7130} 7131.dBlock[_ngcontent-%COMP%] { 7132 display: block !important; 7133} 7134.dInlineBlock[_ngcontent-%COMP%] { 7135 display: inline-block !important; 7136} 7137.dInline[_ngcontent-%COMP%] { 7138 display: inline !important; 7139} 7140.dFlex[_ngcontent-%COMP%] { 7141 display: flex; 7142} 7143.dFlexColumn[_ngcontent-%COMP%] { 7144 display: flex; 7145 flex-direction: column; 7146} 7147.dFlexRow[_ngcontent-%COMP%] { 7148 display: flex; 7149 flex-direction: row; 7150} 7151.dFlex-with-center[_ngcontent-%COMP%] { 7152 display: flex; 7153 align-items: center; 7154} 7155.dFlex-with-col-center[_ngcontent-%COMP%] { 7156 display: flex; 7157 flex-flow: column; 7158 align-items: center; 7159} 7160.clickable[_ngcontent-%COMP%] { 7161 cursor: pointer; 7162} 7163.text-direction-vertical[_ngcontent-%COMP%] { 7164 writing-mode: vertical-rl; 7165 transform: rotate(180deg); 7166} 7167.ellipsis[_ngcontent-%COMP%] { 7168 overflow: hidden; 7169 white-space: nowrap; 7170 text-overflow: ellipsis; 7171} 7172.capital-text[_ngcontent-%COMP%] { 7173 text-transform: uppercase; 7174} 7175.disableDiv[_ngcontent-%COMP%] { 7176 pointer-events: none; 7177} 7178.margin-top-10[_ngcontent-%COMP%] { 7179 margin-top: 10px; 7180} 7181.margin-top-15[_ngcontent-%COMP%] { 7182 margin-top: 15px; 7183} 7184.margin-top-20[_ngcontent-%COMP%] { 7185 margin-top: 20px; 7186} 7187.margin-top-30[_ngcontent-%COMP%] { 7188 margin-top: 30px; 7189} 7190.margin-top-0[_ngcontent-%COMP%] { 7191 margin-top: 0px !important; 7192} 7193.shadow[_ngcontent-%COMP%] { 7194 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 7195 -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 7196 -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 7197} 7198.sahdow-right-bottom-black[_ngcontent-%COMP%] { 7199 box-shadow: 5px 5px 5px black; 7200 -webkit-box-shadow: 5px 5px 5px black; 7201 -moz-box-shadow: 5px 5px 5px black; 7202} 7203.filter-drop-shadow[_ngcontent-%COMP%] { 7204 -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 7205 -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 7206 -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 7207 -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 7208 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 7209} 7210.organgePeelText[_ngcontent-%COMP%] { 7211 color: #ff9300; 7212} 7213.organgePeelText[_ngcontent-%COMP%] { 7214 color: #ff9300; 7215} 7216.sunsetOrangeText[_ngcontent-%COMP%] { 7217 color: #ff4d4d; 7218} 7219ngx-image-cropper[_ngcontent-%COMP%] { 7220 background: #1e1e2c !important; 7221} 7222ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:not(.ngx-ic-canvas) { 7223 background: #1e1e2c !important; 7224 opacity: 0 !important; 7225} 7226ngx-image-cropper[_ngcontent-%COMP%] .ngx-ic-canvas[_ngcontent-%COMP%] { 7227 background: transparent !important; 7228} 7229image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus, ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus { 7230 outline: none !important; 7231} 7232image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%], ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%] { 7233 border: none !important; 7234 box-shadow: none !important; 7235} 7236.ticket-heading[_ngcontent-%COMP%] { 7237 font-family: "STENCILAND"; 7238 font-size: 0.875rem; 7239 font-style: normal; 7240 line-height: 1.21; 7241 text-align: center; 7242 text-transform: uppercase; 7243 margin: 10px 0px 3px 0px; 7244} 7245.ticket-heading.baby-blue[_ngcontent-%COMP%] { 7246 color: #6fffed; 7247 letter-spacing: 0.28px; 7248} 7249.ticket-heading.slate-blue[_ngcontent-%COMP%] { 7250 color: #5e5cde; 7251 letter-spacing: 0.28px; 7252} 7253.ticket-heading.dark-orange[_ngcontent-%COMP%] { 7254 color: #ff9300; 7255 letter-spacing: 0.28px; 7256} 7257.ticket-heading.orange[_ngcontent-%COMP%] { 7258 letter-spacing: 2px; 7259 color: #ff9300; 7260} 7261.ticket-heading[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 7262 font-family: "GilroySemiBold"; 7263 font-size: 1rem; 7264 line-height: 1.06; 7265 letter-spacing: normal; 7266} 7267.navBottomSpace[_ngcontent-%COMP%] { 7268 height: 4.375rem; 7269} 7270.submenuNavSpace[_ngcontent-%COMP%] { 7271 width: 73px; 7272} 7273.secondary-text[_ngcontent-%COMP%] { 7274 color: #babcc1; 7275 font-family: "GilroyMedium"; 7276 font-size: 0.875rem; 7277} 7278.user-profile-subheading[_ngcontent-%COMP%] { 7279 color: #f5f5f5; 7280 font-family: "GilroyMedium"; 7281 font-size: 1.5rem; 7282 font-style: normal; 7283 line-height: normal; 7284 letter-spacing: normal; 7285 text-align: left; 7286} 7287.p-inputtext[_ngcontent-%COMP%]:focus { 7288 border: 1px solid #6fffed !important; 7289 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4) !important; 7290} 7291.wizard-component-title[_ngcontent-%COMP%] { 7292 margin: 50px 0px; 7293 font-family: "GilroyMedium"; 7294 font-size: 1.5rem; 7295 color: #f5f5f5; 7296 font-style: normal; 7297 line-height: 1.17; 7298 letter-spacing: normal; 7299 text-align: left; 7300} 7301.collegeEvent-wizardTiltle[_ngcontent-%COMP%] { 7302 margin: 50px 0px; 7303 font-family: "GilroySemiBold"; 7304 font-size: 1.75rem; 7305 color: #f5f5f5; 7306 font-style: normal; 7307 line-height: 1.17; 7308 letter-spacing: normal; 7309 text-align: left; 7310} 7311.wizard-component-subTitle[_ngcontent-%COMP%] { 7312 margin: 0px 0px 50px; 7313 color: #ff9300; 7314 font-size: 1rem; 7315 font-family: "GilroyMedium"; 7316 line-height: 1.29; 7317 text-align: left; 7318 letter-spacing: normal; 7319 font-style: normal; 7320} 7321.resizeImageText[_ngcontent-%COMP%] { 7322 color: #c2c7f2 !important; 7323 margin-top: 31px; 7324 margin-left: 251px; 7325 display: block; 7326 font-size: 0.875rem; 7327} 7328table[_ngcontent-%COMP%] { 7329 width: 100%; 7330} 7331.GuestTable-Data[_ngcontent-%COMP%] td[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 7332 width: 34px; 7333 height: 34px; 7334 margin: 15px 10.4px 18px 0px; 7335} 7336th[_ngcontent-%COMP%] { 7337 font-family: "GilroyBold"; 7338 font-size: 1rem; 7339 font-style: normal; 7340 line-height: 1.29; 7341 letter-spacing: normal; 7342 color: #f5f5f5; 7343 padding: 23px 0px 24.2px 0px; 7344} 7345td[_ngcontent-%COMP%] { 7346 font-family: "GilroyMedium"; 7347 font-size: 1rem; 7348 font-style: normal; 7349 line-height: 1.29; 7350 letter-spacing: normal; 7351 color: #f5f5f5; 7352} 7353.button[_ngcontent-%COMP%] { 7354 width: 200px; 7355 height: 45px; 7356 margin-top: 45.1px; 7357 border-radius: 10px; 7358 font-family: "GilroyBold"; 7359 border: solid 1px #272b3f; 7360 background-color: #ff9300; 7361 font-size: 1rem; 7362 font-style: normal; 7363 line-height: 1.25; 7364 letter-spacing: normal; 7365 text-align: center; 7366 color: #1e1e2c; 7367 margin-top: 39px; 7368 transform: scale(1); 7369 transition: transform 0.3s ease-in-out; 7370} 7371.btn-primary[_ngcontent-%COMP%] { 7372 color: #fff; 7373 background-color: #1b6ec2; 7374 border-color: #1861ac; 7375} 7376.button-Event[_ngcontent-%COMP%] { 7377 background-color: #1a1b2c; 7378 border-radius: 50px; 7379 height: 45px; 7380 border: 2px solid #6fffed; 7381 color: #6fffed; 7382 font-family: "GilroySemiBold"; 7383 padding-left: 33px; 7384 padding-right: 33px; 7385 font-size: 1.125rem; 7386 text-align: center; 7387 text-decoration: none; 7388 transform: scale(1); 7389 transition: transform 0.3s ease-in; 7390} 7391.button-Event[_ngcontent-%COMP%]:hover {
7392 cursor: pointer; 7393 transform: scale(1.05); 7394 transition: transform 0.3s ease-in; 7395} 7396.loadingOpacity[_ngcontent-%COMP%] { 7397 background: rgba(111, 255, 237, 0.2) !important; 7398 border: none !important; 7399} 7400.Loadingbutton_Text[_ngcontent-%COMP%] { 7401 position: relative !important; 7402 color: #1e1e2c !important; 7403 display: block; 7404} 7405.disablelitButton[_ngcontent-%COMP%] { 7406 background-color: #282c40; 7407 border: 2px solid #282c40; 7408 border-radius: 50px; 7409 height: 45px; 7410 color: #6fffed; 7411 font-family: "GilroySemiBold"; 7412 font-size: 1.125rem; 7413 padding-left: 33px; 7414 padding-right: 33px; 7415 text-align: center; 7416 text-decoration: none; 7417 cursor: pointer; 7418 transform: scale(1); 7419 transition: transform 0.3s ease-in-out; 7420} 7421.simpleButton[_ngcontent-%COMP%] { 7422 background-color: #242637; 7423 border-radius: 50px; 7424 height: 45px; 7425 border: 1px solid #f5f5f5; 7426 color: #babcc1; 7427 font-family: "GilroyMedium"; 7428 padding-left: 33px; 7429 font-size: 1rem; 7430 padding-right: 33px; 7431 text-align: center; 7432 text-decoration: none; 7433 cursor: pointer; 7434} 7435.disableButton[_ngcontent-%COMP%] { 7436 background-color: #242637; 7437 border-radius: 50px; 7438 height: 45px; 7439 border: 1px solid #1e1e2c; 7440 color: #1e1e2c; 7441 font-family: "GilroyMedium"; 7442 font-size: 1.125rem; 7443 padding-left: 33px; 7444 padding-right: 33px; 7445 text-align: center; 7446 text-decoration: none; 7447 cursor: pointer; 7448} 7449.disableButton.new[_ngcontent-%COMP%] { 7450 width: 160px; 7451 height: 44px; 7452 padding: 8px 16px; 7453 font-size: 1rem; 7454 border: none; 7455 font-family: "GilroyBold"; 7456 border-radius: 10px; 7457 pointer-events: none !important; 7458} 7459.disabledButton[_ngcontent-%COMP%] { 7460 background-color: #242637; 7461 border-radius: 50px; 7462 height: 45px; 7463 border: 2px solid #1e1e2c; 7464 color: #1e1e2c; 7465 font-family: "GilroySemiBold"; 7466 font-size: 1.125rem; 7467 text-decoration: none; 7468} 7469.save-draft[_ngcontent-%COMP%] { 7470 color: #c2c7f2; 7471 background: #232638; 7472 border: 1px solid #232638; 7473 height: 40px; 7474 text-align: center; 7475 outline: none; 7476 border-radius: 50px; 7477 font-size: 0.875rem; 7478 font-family: "GilroySemiBold"; 7479 padding: 12px 0px; 7480 cursor: pointer; 7481 display: flex; 7482 align-items: center !important; 7483 justify-content: center !important; 7484 -webkit-align-items: center; 7485 -webkit-justify-content: center; 7486 position: relative; 7487} 7488.save-draft.draft-progress[_ngcontent-%COMP%] { 7489 position: absolute !important; 7490 height: 100% !important; 7491 top: 0; 7492 left: 0; 7493 background-color: #c2c7f2 !important; 7494 color: #232638 !important; 7495 transition: width 0.3s; 7496 border-radius: 10px; 7497 border: none !important; 7498} 7499.glowButton[_ngcontent-%COMP%] { 7500 background-color: #1e1e2c; 7501 border: 1px solid #6fffed; 7502 color: #6fffed; 7503 height: 40px; 7504 text-align: center; 7505 outline: none; 7506 border-radius: 50px; 7507 font-size: 0.875rem; 7508 font-family: "GilroySemiBold"; 7509 padding: 12px 0px; 7510 cursor: pointer; 7511 display: flex; 7512 align-items: center !important; 7513 justify-content: center !important; 7514 -webkit-align-items: center; 7515 -webkit-justify-content: center; 7516 position: relative; 7517} 7518.glowButton.button_progress[_ngcontent-%COMP%] { 7519 position: absolute !important; 7520 height: 100% !important; 7521 top: 0; 7522 left: 0; 7523 background-color: #6fffed !important; 7524 transition: width 0.3s; 7525 border-radius: 10px; 7526 border: none !important; 7527} 7528.cancelButton[_ngcontent-%COMP%] { 7529 background-color: #232638; 7530 border: none; 7531 color: #fff; 7532 height: 40px; 7533 text-align: center; 7534 outline: none; 7535 border-radius: 10px; 7536 font-size: 1rem; 7537 font-family: "GilroySemiBold"; 7538 padding: 12px 0px; 7539 cursor: pointer; 7540 display: flex; 7541 align-items: center !important; 7542 justify-content: center !important; 7543 -webkit-align-items: center; 7544 -webkit-justify-content: center; 7545 position: relative; 7546} 7547.cancelButton.button_progress[_ngcontent-%COMP%] { 7548 position: absolute !important; 7549 height: 100% !important; 7550 top: 0; 7551 left: 0; 7552 background-color: #6fffed !important; 7553 transition: width 0.3s; 7554 border-radius: 10px; 7555 border: none !important; 7556} 7557.Input-Field[_ngcontent-%COMP%] { 7558 margin: 11px 0px; 7559 padding: 11px 0px 13px 18px; 7560 font-family: "GilroyMedium"; 7561 border-radius: 50px; 7562 width: 272px; 7563 height: 40px; 7564 color: #f5f5f5; 7565 font-size: 1rem; 7566 line-height: 1.14; 7567 background-color: #242637; 7568 border: 1px solid #f5f5f5; 7569} 7570.Input-Field[_ngcontent-%COMP%]:focus, .Text-Field[_ngcontent-%COMP%]:focus { 7571 border: 1px solid #6fffed; 7572 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 7573} 7574.Text-Field[_ngcontent-%COMP%] { 7575 padding: 11px 0px 13px 18px; 7576 color: #f5f5f5; 7577 font-size: 1rem; 7578 line-height: 1.14; 7579 font-family: "GilroyMedium"; 7580 border-radius: 15px; 7581 background-color: #242637; 7582 border: 1px solid #f5f5f5; 7583 height: 118px; 7584 min-height: 118px; 7585} 7586input[_ngcontent-%COMP%]:focus { 7587 border: none; 7588 outline: none; 7589} 7590*[_ngcontent-%COMP%]:focus { 7591 outline: none !important; 7592} 7593.custom-Label[_ngcontent-%COMP%] { 7594 font-family: "GilroyMedium"; 7595 font-size: 0.875rem; 7596 color: #babcc1; 7597} 7598.checkBoxEnable[_ngcontent-%COMP%] { 7599 border: 2px solid #6fffed; 7600 border-radius: 4px; 7601 width: 31px; 7602 height: 38px; 7603 outline: none !important; 7604 background-color: rgba(111, 255, 237, 0.1); 7605} 7606.checkBoxDisabled[_ngcontent-%COMP%] { 7607 border: solid 2px #676d9e; 7608 border-radius: 4px; 7609 width: 31px; 7610 height: 38px; 7611 outline: none !important; 7612} 7613.checkbox-custom[_ngcontent-%COMP%] { 7614 -webkit-appearance: none; 7615 -moz-appearance: none !important; 7616 appearance: none; 7617 cursor: pointer !important; 7618 width: 31px; 7619 height: 38px; 7620 margin-left: 0px; 7621 padding: 0px; 7622 outline: none !important; 7623} 7624.tbl-line[_ngcontent-%COMP%] { 7625 border-bottom: 3px solid #383759; 7626 width: 100%; 7627} 7628.checkbox-custom[_ngcontent-%COMP%]:checked { 7629 content: ""; 7630 width: 18px; 7631 height: 10px; 7632 background: rgba(0, 0, 0, 0); 7633 border: 2px solid #6fffed; 7634 -webkit-transform: rotate(-45deg); 7635 -moz-transform: rotate(-45deg); 7636 -o-transform: rotate(-45deg); 7637 -ms-transform: rotate(-45deg); 7638 transform: rotate(-45deg); 7639 margin-left: 5px; 7640 margin-bottom: -1px; 7641 outline: none !important; 7642 box-shadow: none !important; 7643 border-top: none !important;
7644 border-right: none !important; 7645 -webkit-appearance: none !important; 7646 -moz-appearance: none !important; 7647 appearance: none !important; 7648} 7649.textLit[_ngcontent-%COMP%] { 7650 width: 25px; 7651 height: 19px; 7652 margin-top: 8px; 7653 margin-left: 12px; 7654 font-family: "GilroySemiBold"; 7655 font-size: 1rem; 7656 line-height: 1.19; 7657 color: #6fffed; 7658} 7659.textNotLit[_ngcontent-%COMP%] { 7660 width: 25px; 7661 height: 19px; 7662 margin-top: 8px; 7663 margin-left: 12px; 7664 font-family: "GilroySemiBold"; 7665 font-size: 1rem; 7666 line-height: 1.19; 7667 color: #676d9e; 7668} 7669[_ngcontent-%COMP%]::placeholder { 7670 color: rgba(255, 255, 255, 0.2); 7671 font-size: 0.875rem; 7672 font-family: "GilroyMedium"; 7673} 7674.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label[_ngcontent-%COMP%] { 7675 text-align: left; 7676 margin-top: 29px; 7677} 7678.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label-qm[_ngcontent-%COMP%] { 7679 text-align: left; 7680 margin-top: 20px; 7681} 7682.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 7683 width: 578px; 7684 border: solid 1px #f5f5f5; 7685} 7686.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Small-Input-Field[_ngcontent-%COMP%] { 7687 width: 114px; 7688 height: 40px; 7689} 7690.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 7691 width: 578px; 7692 margin-top: 11px; 7693 margin-bottom: 11px; 7694} 7695.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 7696 display: flex; 7697 flex-direction: row; 7698 justify-content: space-between; 7699 width: 578px; 7700} 7701.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 7702 width: 272px !important; 7703} 7704.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus { 7705 border: none; 7706 outline: none; 7707} 7708.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:-webkit-autofill { 7709 -webkit-box-shadow: 0 0 0 30px #242637 inset !important; 7710 box-shadow: 0 0 0 30px #242637 inset !important; 7711} 7712.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%]:focus, .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%]:focus { 7713 border: 1px solid #6fffed; 7714} 7715.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .checkbox-custom[_ngcontent-%COMP%]:checked { 7716 content: ""; 7717 width: 18px; 7718 height: 10px; 7719 background: rgba(0, 0, 0, 0); 7720 border: 2px solid #6fffed; 7721 border-top: none !important; 7722 border-right: none !important; 7723 -webkit-transform: rotate(-45deg); 7724 -moz-transform: rotate(-45deg); 7725 -o-transform: rotate(-45deg); 7726 -ms-transform: rotate(-45deg); 7727 transform: rotate(-45deg); 7728 margin-left: 5px; 7729 margin-bottom: -3px; 7730 outline: none !important; 7731 box-shadow: none !important; 7732 -webkit-appearance: none !important; 7733 -moz-appearance: none !important; 7734 appearance: none !important; 7735} 7736.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .danger[_ngcontent-%COMP%] { 7737 font-size: 0.875rem; 7738 color: #ff4d4d; 7739 font-family: "GilroyRegular"; 7740} 7741.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .label-danger[_ngcontent-%COMP%] { 7742 color: #ff4d4d !important; 7743} 7744input[_ngcontent-%COMP%]:-webkit-autofill:focus, input[_ngcontent-%COMP%]:-webkit-autofill:active { 7745 -webkit-box-shadow: 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 7746 box-shadow: 0 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 7747 border-color: #6fffed !important; 7748 border: 1px solid #6fffed !important; 7749} 7750input[_ngcontent-%COMP%]:-webkit-autofill { 7751 box-shadow: 0 0 0 30px #242637 inset !important; 7752} 7753input[_ngcontent-%COMP%]:-webkit-autofill { 7754 -webkit-text-fill-color: #fff !important; 7755 caret-color: #2f3450 !important; 7756} 7757input[type=range][_ngcontent-%COMP%]:focus { 7758 border: none !important; 7759 box-shadow: none !important; 7760} 7761.danger[_ngcontent-%COMP%] { 7762 font-size: 0.875rem; 7763 color: #ff4d4d; 7764 font-family: "GilroyRegular"; 7765} 7766.label-danger[_ngcontent-%COMP%] { 7767 color: #ff4d4d !important; 7768} 7769.is-invalid[_ngcontent-%COMP%] { 7770 border: 1px solid #ff4d4d !important; 7771 border-color: #ff4d4d !important; 7772} 7773input[type=number].ng-touched.ng-invalid[_ngcontent-%COMP%], input[type=text].ng-touched.ng-invalid[_ngcontent-%COMP%] { 7774 border: 1px solid #ff4d4d !important; 7775 border-color: #ff4d4d !important; 7776} 7777textarea.ng-touched.ng-invalid[_ngcontent-%COMP%] { 7778 border: 1px solid #ff4d4d !important; 7779 border-color: #ff4d4d !important; 7780} 7781.blur[_ngcontent-%COMP%] { 7782 -webkit-filter: blur(8px); 7783 -moz-filter: blur(8px); 7784 -o-filter: blur(8px); 7785 -ms-filter: blur(8px); 7786 filter: blur(8px); 7787} 7788.notBlur[_ngcontent-%COMP%] { 7789 -webkit-filter: blur(0px); 7790 -moz-filter: blur(0px); 7791 -o-filter: blur(0px); 7792 -ms-filter: blur(0px); 7793 filter: blur(0px); 7794} 7795.stickyElement[_ngcontent-%COMP%] { 7796 position: -webkit-sticky; 7797 position: sticky; 7798 top: 0; 7799 z-index: 999; 7800} 7801.event-status[_ngcontent-%COMP%] { 7802 font-family: "GilroyBold"; 7803 padding: 0 15px 17px 0; 7804 border-bottom-right-radius: 10px !important; 7805 border-top-left-radius: 5px; 7806 line-height: normal; 7807 letter-spacing: normal; 7808 text-align: left; 7809 display: flex; 7810 flex-direction: column; 7811 justify-content: center; 7812 font-size: 0.875rem; 7813 line-height: 1.21; 7814 color: #f5f5f5; 7815 text-transform: uppercase; 7816} 7817.event-status.unpublished[_ngcontent-%COMP%] { 7818 padding: 0px 16px; 7819 -webkit-backdrop-filter: blur(50px); 7820 backdrop-filter: blur(50px); 7821 background-color: rgba(30, 30, 44, 0.65); 7822 width: 122px; 7823 height: 44px; 7824 color: #f5f5f5; 7825} 7826.event-status.tickets_gone[_ngcontent-%COMP%] { 7827 padding: 0px 16px; 7828 -webkit-backdrop-filter: blur(50px); 7829 backdrop-filter: blur(50px); 7830 background-color: rgba(29, 204, 184, 0.65); 7831 width: 145px; 7832 height: 44px; 7833} 7834.event-status.event_over[_ngcontent-%COMP%] { 7835 padding: 0px 16px; 7836 -webkit-backdrop-filter: blur(50px); 7837 backdrop-filter: blur(50px); 7838 background-color: rgba(255, 77, 77, 0.65); 7839 width: 120px; 7840 height: 44px; 7841} 7842.event-status.going_free_or_free_ticket_event[_ngcontent-%COMP%] { 7843 width: 150px; 7844 height: 44px; 7845 padding: 0px 16px; 7846 -webkit-backdrop-filter: blur(50px); 7847 backdrop-filter: blur(50px); 7848 background-color: rgba(94, 92, 222, 0.65); 7849} 7850.event-status.going_pay_at_door_event[_ngcontent-%COMP%] { 7851 width: 150px; 7852 height: 44px; 7853 padding: 0px 16px; 7854 -webkit-backdrop-filter: blur(50px); 7855 backdrop-filter: blur(50px); 7856 background-color: rgba(255, 147, 0, 0.65); 7857} 7858.event-status.ticket_sold_event[_ngcontent-%COMP%], .event-status.active[_ngcontent-%COMP%] { 7859 width: 122px; 7860 max-width: 252px; 7861 height: 44px; 7862 padding: 0px 16px; 7863 -webkit-backdrop-filter: blur(50px); 7864 backdrop-filter: blur(50px); 7865 background-color: rgba(29, 204, 184, 0.65); 7866} 7867.event-status.ticket_sold_event[_ngcontent-%COMP%] { 7868 width: 154px; 7869 max-width: 252px; 7870 height: 44px; 7871 padding: 0px 16px; 7872 -webkit-backdrop-filter: blur(50px); 7873 backdrop-filter: blur(50px); 7874 background-color: rgba(29, 204, 184, 0.65); 7875} 7876.event-status.eventCancelled[_ngcontent-%COMP%], .event-status.cancelled[_ngcontent-%COMP%] { 7877 padding: 0px 16px; 7878 color: #ff4d4d; 7879 width: 154px; 7880 height: 44px; 7881 -webkit-backdrop-filter: blur(50px); 7882 backdrop-filter: blur(50px); 7883 background-color: rgba(30, 30, 44, 0.65); 7884} 7885.event-status.ended[_ngcontent-%COMP%], .event-status.drawover[_ngcontent-%COMP%] { 7886 width: 112px; 7887 height: 44px; 7888 padding: 0px 15px; 7889 -webkit-backdrop-filter: blur(50px); 7890 backdrop-filter: blur(50px); 7891 background-color: rgba(255, 77, 77, 0.65); 7892} 7893.event-status.allused[_ngcontent-%COMP%] { 7894 width: 106px; 7895 height: 44px; 7896 padding: 0px 16px; 7897 -webkit-backdrop-filter: blur(50px); 7898 backdrop-filter: blur(50px); 7899 background-color: rgba(255, 147, 0, 0.3); 7900} 7901.event-details[_ngcontent-%COMP%] { 7902 width: 225px; 7903 margin: auto; 7904 position: absolute; 7905 text-align: center; 7906 z-index: 999; 7907 font-style: normal; 7908 line-height: normal; 7909 letter-spacing: normal; 7910 text-align: left; 7911 margin-left: 11px; 7912 bottom: 0px; 7913} 7914.event-details[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] { 7915 font-family: "GilroySemiBold"; 7916 font-size: 1.25rem; 7917 color: #f5f5f5; 7918 margin: 26px 0px 3px 0px; 7919 width: 224px; 7920 text-transform: capitalize; 7921 overflow: hidden; 7922} 7923.event-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 7924 font-family: "GilroySemiBold"; 7925 font-size: 0.875rem; 7926 float: left; 7927 margin-top: 0px; 7928 color: #babcc1; 7929} 7930.event-details[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 7931 font-size: 1.375rem !important; 7932 margin-top: -3px; 7933 float: right; 7934 color: #fff; 7935 cursor: pointer; 7936} 7937.disableLinks[_ngcontent-%COMP%] { 7938 opacity: 0.3; 7939 pointer-events: none !important; 7940} 7941.hover-Element[_ngcontent-%COMP%] { 7942 transform: scale(1); 7943 transition: transform 0.3s ease-in-out; 7944} 7945.hover-Element[_ngcontent-%COMP%]:hover { 7946 transform: scale(1.1) !important; 7947 transition: transform 0.3s ease-in-out !important; 7948} 7949@media (min-width: 768px) and (max-width: 1024px) { 7950 .vl[_ngcontent-%COMP%] { 7951 height: 32px; 7952 } 7953 .header-text[_ngcontent-%COMP%] { 7954 margin-left: 21px; 7955 } 7956 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 7957 display: none; 7958 } 7959 .wizard-container[_ngcontent-%COMP%] { 7960 width: 768px; 7961 min-width: 768px; 7962 justify-content: none; 7963 } 7964 .Profile-Setup[_ngcontent-%COMP%] { 7965 margin-left: 30px; 7966 } 7967 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 7968 width: 262px; 7969 margin-left: 20px; 7970 } 7971 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 7972 width: 551px; 7973 padding-right: 18px; 7974 } 7975 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 7976 width: 0; 7977 gap: 39px; 7978 } 7979 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 7980 width: 256px !important; 7981 } 7982 .wizard-component-title[_ngcontent-%COMP%] { 7983 text-align: left; 7984 margin-left: 22px; 7985 } 7986 .NextButton[_ngcontent-%COMP%] { 7987 width: 509px; 7988 } 7989 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 7990 display: none; 7991 } 7992 .wizard-container[_ngcontent-%COMP%] { 7993 width: 768px; 7994 min-width: 768px; 7995 justify-content: none; 7996 }
7997 .Pop-Up-Container[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 7998 width: auto; 7999 margin: 0px 30px 0px 45px; 8000 } 8001 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] { 8002 padding: 110px 44px 44px; 8003 width: 610px; 8004 } 8005 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] { 8006 width: auto; 8007 } 8008 .newsfeedContainer[_ngcontent-%COMP%] { 8009 justify-content: center; 8010 overflow: scroll; 8011 height: 629px; 8012 } 8013 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] { 8014 width: 560px; 8015 height: 639px; 8016 } 8017 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .topImage[_ngcontent-%COMP%] { 8018 width: 560px; 8019 height: 424px; 8020 } 8021 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .detail[_ngcontent-%COMP%] { 8022 width: auto; 8023 } 8024 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] { 8025 width: 530px; 8026 } 8027 .newsfeedContainer[_ngcontent-%COMP%]::-webkit-scrollbar {
8028 display: none; 8029 } 8030 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 8031 margin-right: -145px; 8032 } 8033 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 8034 width: 70%; 8035 margin-left: 60px; 8036 } 8037 .ImageEditContainer[_ngcontent-%COMP%] { 8038 margin-right: 51px; 8039 } 8040} 8041.label[_ngcontent-%COMP%] { 8042 color: #fff; 8043 font-size: 0.875rem; 8044 font-family: "GilroySemiBold"; 8045 text-transform: uppercase; 8046 line-height: normal; 8047 letter-spacing: normal; 8048 padding: 0px; 8049 margin: 0px; 8050} 8051.label[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 8052 color: #c2c7f2; 8053} 8054.label[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 8055 color: #ff4d4d; 8056 font-size: 0.375rem; 8057 position: relative; 8058 top: -10px; 8059} 8060.formFields[_ngcontent-%COMP%] { 8061 display: flex; 8062 flex-direction: column; 8063 gap: 10px; 8064} 8065.fields[_ngcontent-%COMP%] { 8066 padding: 14px 16px 14px 16px; 8067 border-radius: 14px; 8068 border: solid 1px #2f3450; 8069 background-color: #1e1e2c; 8070 font-size: 1rem; 8071 font-family: "GilroyBold"; 8072 color: #ffffff; 8073 display: flex; 8074 align-items: center; 8075 justify-content: center; 8076 -webkit-align-items: center; 8077 -webkit-justify-content: center; 8078} 8079.fields.inputField[_ngcontent-%COMP%] { 8080 width: 282px; 8081 height: 44px; 8082} 8083.fields.locationVenueField[_ngcontent-%COMP%] { 8084 width: 685px; 8085 height: 44px; 8086} 8087.fields.smallInputField[_ngcontent-%COMP%] { 8088 width: 129px; 8089} 8090.fields.smallInputVatField[_ngcontent-%COMP%] { 8091 width: 178px; 8092} 8093.fields.textField[_ngcontent-%COMP%] { 8094 height: 91px; 8095} 8096.fields[_ngcontent-%COMP%]:focus { 8097 border: 1px solid #6fffed; 8098 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 8099} 8100.errorMsg[_ngcontent-%COMP%] { 8101 font-style: normal; 8102 line-height: normal; 8103 letter-spacing: normal; 8104 font-family: "GilroyRegular"; 8105 font-size: 0.75rem; 8106 color: #ff4d4d; 8107 margin: 0px; 8108} 8109.errorMsg.positionAboslute[_ngcontent-%COMP%] { 8110 position: absolute; 8111 top: 54px; 8112} 8113.errorMsg[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 8114 color: #ff4d4d !important; 8115 font-size: 0.3125rem !important; 8116 position: relative !important; 8117 top: -6px !important; 8118 right: 0px !important; 8119 padding-right: 2px !important; 8120} 8121.checkboxText[_ngcontent-%COMP%] { 8122 font-size: 0.875rem; 8123 font-style: normal; 8124 line-height: normal; 8125 letter-spacing: normal; 8126 font-family: "GilroyMedium"; 8127 color: #f5f5f5; 8128 margin: 0px; 8129} 8130.creationWizardTitle[_ngcontent-%COMP%] { 8131 font-size: 1.5rem; 8132 font-family: "GilroyBold"; 8133 color: #f5f5f5; 8134 text-transform: capitalize; 8135 line-height: 0.92; 8136 font-style: normal; 8137} 8138@media screen and (max-width: 767px) { 8139 .glowButton[_ngcontent-%COMP%] { 8140 height: 34px !important; 8141 border-radius: 8px !important; 8142 font-size: 0.625rem !important; 8143 } 8144 .navBottomSpace[_ngcontent-%COMP%] { 8145 height: 4.375rem; 8146 } 8147 .label[_ngcontent-%COMP%] { 8148 font-size: 0.75rem !important; 8149 } 8150 .creationWizardTitle[_ngcontent-%COMP%] { 8151 font-size: 1.25rem !important; 8152 } 8153 .disableButton.new[_ngcontent-%COMP%], .litButton.new[_ngcontent-%COMP%] { 8154 width: 90px !important; 8155 height: 34px !important; 8156 padding: 11px 6px; 8157 font-size: 0.625rem; 8158 border: none; 8159 font-family: "GilroyBold"; 8160 border-radius: 8px; 8161 } 8162 .fields[_ngcontent-%COMP%] { 8163 padding: 10px 10px 10px 10px !important; 8164 border-radius: 8px !important; 8165 font-size: 0.75rem; 8166 font-family: "GilroyBold"; 8167 } 8168 [_ngcontent-%COMP%]::placeholder { 8169 font-size: 0.75rem !important; 8170 } 8171} 8172.btnTooltip[_ngcontent-%COMP%] { 8173 background-color: transparent !important; 8174 outline: none !important; 8175 margin: 0px !important; 8176 padding: 0px !important; 8177 border: none !important; 8178} 8179.capitalizeText[_ngcontent-%COMP%] { 8180 text-transform: capitalize; 8181} 8182.lowercaseText[_ngcontent-%COMP%] { 8183 text-transform: lowercase; 8184} 8185.switch[_ngcontent-%COMP%] { 8186 position: relative; 8187 display: inline-block; 8188 width: 44px; 8189 height: 29px; 8190 padding: 2.07px 2.27px 3.11px 2.27px; 8191 margin: 0; 8192} 8193.switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%] { 8194 opacity: 0; 8195 width: 0; 8196 height: 0; 8197} 8198.slider[_ngcontent-%COMP%] { 8199 position: absolute; 8200 cursor: pointer; 8201 top: 0; 8202 left: 0; 8203 right: 0; 8204 bottom: 0; 8205 background-color: rgb(92, 93, 122); 8206 -webkit-transition: 0.4s; 8207 transition: 0.4s; 8208} 8209.slider[_ngcontent-%COMP%]:before { 8210 position: absolute; 8211 content: ""; 8212 width: 22.744px; 8213 height: 23.821px; 8214 background-color: #fff; 8215 border-radius: 50px; 8216 left: 2.77px; 8217 right: 2.77px; 8218 bottom: 2.07px; 8219 top: 2.07px; 8220 -webkit-transition: 0.4s; 8221 transition: 0.4s; 8222} 8223input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%] { 8224 background-color: rgb(10, 132, 255); 8225} 8226input[_ngcontent-%COMP%]:focus + .slider[_ngcontent-%COMP%] { 8227 box-shadow: 0 0 1px #2196F3; 8228} 8229input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]:before { 8230 -webkit-transform: translateX(15px); 8231 -ms-transform: translateX(15px); 8232 transform: translateX(15px); 8233} 8234.slider.round[_ngcontent-%COMP%] { 8235 border-radius: 50px; 8236} 8237.slider.round[_ngcontent-%COMP%]:before { 8238 border-radius: 50px; 8239} 8240@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 8241 .positionAboslute[_ngcontent-%COMP%] { 8242 position: absolute; 8243 } 8244} 8245.margin[_ngcontent-%COMP%] { 8246 margin-top: 19.5px; 8247} 8248.reportContainer[_ngcontent-%COMP%] { 8249 width: 1110px; 8250 height: 100%; 8251 border-radius: 10px; 8252 background-image: 8253 linear-gradient( 8254 to bottom, 8255 #282c40, 8256 #232333); 8257 padding: 11.5px 16.5px 16.2px 34px; 8258 position: relative; 8259 border: solid 1px #353852; 8260} 8261.reportContainer[_ngcontent-%COMP%] .rowFlex[_ngcontent-%COMP%] { 8262 display: flex; 8263 flex-direction: row; 8264 align-items: center; 8265} 8266.reportContainer[_ngcontent-%COMP%] .imageHolder[_ngcontent-%COMP%] { 8267 width: 90px; 8268 height: 90px;
8269 margin-right: 26px; 8270} 8271.reportContainer[_ngcontent-%COMP%] .imageHolder[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 8272 width: 90px; 8273 height: 90px; 8274 box-shadow: 0 0 6px 0 #000; 8275 border-radius: 100px; 8276 object-fit: cover; 8277} 8278.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] { 8279 gap: 36.5px; 8280} 8281.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .leftBox[_ngcontent-%COMP%] { 8282 display: flex; 8283 flex-direction: column; 8284 gap: 4px; 8285 justify-content: center; 8286} 8287.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] { 8288 font-size: 1.25rem; 8289 font-family: "GilroyBold"; 8290 font-style: normal; 8291 line-height: 1; 8292 margin: 0px; 8293 width: 260px; 8294 word-break: break-word; 8295 text-transform: uppercase; 8296 color: #f5f5f5; 8297} 8298.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .name[_ngcontent-%COMP%] { 8299 font-size: 0.875rem; 8300 color: #f5f5f5; 8301 font-style: normal; 8302 line-height: normal; 8303 letter-spacing: normal; 8304 text-align: left; 8305 text-transform: uppercase; 8306 font-family: "GilroyMedium"; 8307 margin: 0px; 8308} 8309.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .report[_ngcontent-%COMP%] { 8310 text-transform: capitalize; 8311 font-size: 0.875rem; 8312 color: #babcc1; 8313 font-style: normal; 8314 line-height: normal; 8315 letter-spacing: normal; 8316 text-align: left; 8317 font-family: "GilroyMedium"; 8318 margin: 0px; 8319} 8320.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .top[_ngcontent-%COMP%] { 8321 display: flex; 8322 flex-direction: row; 8323 gap: 24px; 8324 margin-top: 3px; 8325} 8326.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .top[_ngcontent-%COMP%] .reportAddons[_ngcontent-%COMP%] { 8327 display: flex; 8328 flex-direction: row; 8329 height: 28px; 8330 align-items: center; 8331 gap: 7px; 8332 cursor: pointer; 8333} 8334.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .top[_ngcontent-%COMP%] .reportAddons[_ngcontent-%COMP%] img.print[_ngcontent-%COMP%] { 8335 width: 17.7px; 8336 height: 19.8px; 8337} 8338.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .top[_ngcontent-%COMP%] .reportAddons[_ngcontent-%COMP%] img.email[_ngcontent-%COMP%] { 8339 width: 17.1px; 8340 height: 12.1px; 8341} 8342.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .top[_ngcontent-%COMP%] .reportAddons[_ngcontent-%COMP%] img.download[_ngcontent-%COMP%] { 8343 width: 15.8px; 8344 height: 19.9px; 8345} 8346.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .top[_ngcontent-%COMP%] .reportAddons[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 8347 color: #f5f5f5; 8348 height: 28px; 8349 text-align: center; 8350 line-height: 1.2; 8351 font-size: 0.75rem; 8352 letter-spacing: 0.24px; 8353 text-transform: capitalize; 8354} 8355.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .top[_ngcontent-%COMP%] .reportAddons[_ngcontent-%COMP%] span.smallText[_ngcontent-%COMP%] { 8356 width: 38px; 8357} 8358.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .top[_ngcontent-%COMP%] .reportAddons[_ngcontent-%COMP%] span.largeText[_ngcontent-%COMP%] { 8359 width: 58px; 8360} 8361.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .top[_ngcontent-%COMP%] .line[_ngcontent-%COMP%] { 8362 margin-bottom: 15px !important; 8363} 8364.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .top[_ngcontent-%COMP%] .detailText[_ngcontent-%COMP%] { 8365 font-size: 0.875rem; 8366 font-style: normal; 8367 line-height: 0.93; 8368 font-family: "GilroySemiBold"; 8369 color: #0a84ff; 8370 position: absolute; 8371 margin: 0px; 8372 right: 17px; 8373 top: 16px; 8374 cursor: pointer; 8375} 8376.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .top[_ngcontent-%COMP%] .detailText[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 8377 font-size: 1rem; 8378 color: #0a84ff; 8379 margin-left: 5.5px; 8380} 8381.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .bottom[_ngcontent-%COMP%] { 8382 display: flex; 8383 flex-direction: row; 8384} 8385.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .bottom[_ngcontent-%COMP%] .report[_ngcontent-%COMP%] { 8386 display: flex; 8387 flex-direction: row; 8388 gap: 50px; 8389} 8390.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .bottom[_ngcontent-%COMP%] .report[_ngcontent-%COMP%] .reportTitle[_ngcontent-%COMP%] { 8391 font-size: 0.75rem; 8392 font-family: "GilroySemiBold"; 8393 font-style: normal; 8394 line-height: 1.08; 8395 margin: 0px 0px 4px 0px; 8396 text-transform: uppercase; 8397} 8398.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .bottom[_ngcontent-%COMP%] .report[_ngcontent-%COMP%] .reportTotal[_ngcontent-%COMP%] { 8399 font-size: 1.25rem; 8400 font-family: "GilroySemiBold"; 8401 color: #f5f5f5; 8402 font-style: normal; 8403 margin: 0px; 8404 height: 24px; 8405 line-height: 0.65; 8406 letter-spacing: normal; 8407} 8408.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .bottom[_ngcontent-%COMP%] .report[_ngcontent-%COMP%] .dateBox[_ngcontent-%COMP%] { 8409 right: -8px; 8410 position: absolute; 8411} 8412.reportContainer[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] .rightBox[_ngcontent-%COMP%] .bottom[_ngcontent-%COMP%] .report[_ngcontent-%COMP%] .dateBox[_ngcontent-%COMP%] .reportTitle[_ngcontent-%COMP%] { 8413 width: 114px; 8414} 8415.reportContainer[_ngcontent-%COMP%] .line[_ngcontent-%COMP%] { 8416 margin-top: 10.7px; 8417 margin-bottom: 18.7px; 8418 width: 649px; 8419 border: 1px solid #43445e; 8420}
8421.reportContainer[_ngcontent-%COMP%] .large[_ngcontent-%COMP%] { 8422 margin-top: 21.8px; 8423 margin-bottom: 54px; 8424 width: 100%; 8425 min-width: 558px; 8426 border: 1px solid #43445e; 8427} 8428.course[_ngcontent-%COMP%] { 8429 text-transform: capitalize; 8430} 8431.leftMargin[_ngcontent-%COMP%] { 8432 margin-left: 20px; 8433} 8434.sortingIcon[_ngcontent-%COMP%] { 8435 width: 6px; 8436 height: 5px; 8437} 8438table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] { 8439 border-bottom: solid 1px #43445e !important; 8440} 8441table[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] th[_ngcontent-%COMP%] { 8442 font-size: 0.75rem; 8443 font-style: normal; 8444 line-height: 1.08; 8445 letter-spacing: normal; 8446 text-align: left; 8447 font-family: "GilroyBold"; 8448 padding-bottom: 8.5px; 8449} 8450table[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%] { 8451 font-size: 0.75rem; 8452 font-style: normal; 8453 line-height: 1.08; 8454 letter-spacing: normal; 8455 text-align: left; 8456 padding-top: 10px; 8457 font-family: "GilroyMedium"; 8458}`]})}};gn=X([dn()],gn);function st(e,o){e&1&&(i(0,"h2",4),c(1," You must connect your stripe account in order to receive payments "),a())}function mt(e,o){if(e&1&&(y(0),g(1,"img",5),i(2,"p",6),c(3,"Your Connected"),a(),k()),e&2){let n=d();p(),C("src",n.bigstripeLogo,x)}}function ft(e,o){if(e&1&&(y(0),g(1,"img",5),i(2,"h2",7),c(3,"Sign in and connect your Stripe Account"),a(),k()),e&2){let n=d();p(),C("src",n.bigstripeLogo,x)}}var $n=(()=>{class e{constructor(n,t){this.membershipService=n,this.sharedService=t,this.stripeLogo=h.imagesUrl+"Icons/Stripe-logo.png",this.bigstripeLogo=h.imagesUrl+"Icons/stripeBigLogo.png"}ngOnInit(){}attachStripeForUser(){this.membershipService.membershipModel.isStripeConnected||this.collegeUserOnBoarding()}collegeUserOnBoarding(){this.sharedService.loader(!0),this.membershipService.collegeUserOnBoarding({BaseUrl:document.getElementsByTagName("base")[0].href,id:this.sharedService.userDetailModel.userID,type:this.sharedService.userDetailModel.role}).subscribe({next:n=>{this.sharedService.loader(!1),window.open(n,"_self")},error:()=>{this.sharedService.loader(!1)}})}static{this.\u0275fac=function(t){return new(t||e)(s(B),s(z))}}static{this.\u0275cmp=w({type:e,selectors:[["app-membership-stripe"]],decls:7,vars:7,consts:[[1,"stripeInformation"],["class","infoText noData",4,"ngIf"],[4,"ngIf"],[1,"button-Hover",3,"click"],[1,"infoText","noData"],[1,"bigStripeLogo",3,"src"],[1,"text"],[1,"boxTitle"]],template:function(t,r){t&1&&(i(0,"div",0),M(1,st,2,0,"h2",1),i(2,"div"),M(3,mt,4,1,"ng-container",2)(4,ft,4,1,"ng-container",2),i(5,"button",3),m("click",function(){return r.attachStripeForUser()}),c(6),a()()()),t&2&&(p(),l("ngIf",!r.membershipService.membershipModel.isStripeConnected),p(),kn("stripeBox ",r.membershipService.membershipModel.isStripeConnected?"connected":"",""),p(),l("ngIf",r.membershipService.membershipModel.isStripeConnected),p(),l("ngIf",!r.membershipService.membershipModel.isStripeConnected),p(2),S(" ",r.membershipService.membershipModel.isStripeConnected?"Sign Out":"Connect"," "))},dependencies:[T],styles:[` 8459 8460.sidebar-navigation-layout-event[_ngcontent-%COMP%] { 8461 background-color: #232638; 8462 width: 100%; 8463 min-height: 100vh; 8464 max-height: 100%; 8465 max-width: 265px; 8466 padding: 24px 10px 20px 10px; 8467 z-index: 1; 8468 position: sticky; 8469 top: 0 !important; 8470} 8471.row-three-column-layout[_ngcontent-%COMP%] { 8472 display: flex; 8473 flex-direction: row; 8474} 8475.row-three-column-layout[_ngcontent-%COMP%] .columns[_ngcontent-%COMP%] { 8476 width: 33.33%; 8477 padding-left: 0px !important; 8478 margin-right: 91.9px !important; 8479} 8480.flex-container[_ngcontent-%COMP%] { 8481 display: flex; 8482 flex-direction: row; 8483 width: 100vw; 8484 height: 100vh !important; 8485 overflow: hidden !important; 8486} 8487.columns[_ngcontent-%COMP%]:nth-of-type(1) { 8488 width: 22%; 8489 max-width: 14.37rem; 8490 z-index: 1; 8491} 8492.columns[_ngcontent-%COMP%]:nth-of-type(2) { 8493 width: 100%; 8494 background: #0B0D1D; 8495} 8496.data-top-box[_ngcontent-%COMP%] { 8497 margin-top: 27.5px; 8498 width: 100%; 8499 height: 205px; 8500 padding: 15px 15px 15px 15px; 8501 border-radius: 10px; 8502 background-image: 8503 linear-gradient( 8504 to bottom, 8505 #282c40, 8506 #232333); 8507 display: flex; 8508 flex-direction: row; 8509} 8510.data-top-box[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] { 8511 font-family: "GilroySemiBold"; 8512 font-size: 1.125rem; 8513 text-align: left; 8514 font-style: normal; 8515 line-height: 0.72; 8516 letter-spacing: normal; 8517 color: #f5f5f5; 8518 margin-top: 5.5px; 8519} 8520.data-top-box[_ngcontent-%COMP%] .cola[_ngcontent-%COMP%] { 8521 width: 50%; 8522} 8523.attendee-boxes[_ngcontent-%COMP%] { 8524 display: flex; 8525 flex-direction: row; 8526 justify-content: space-between; 8527 width: 95%; 8528} 8529.attendee-desc[_ngcontent-%COMP%] { 8530 margin-left: 5.8px; 8531 margin-right: 5.8px; 8532} 8533.attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 8534 font-family: "GilroySemiBold"; 8535 font-size: 0.875rem; 8536 font-style: normal; 8537 line-height: 0.93; 8538 letter-spacing: normal; 8539 text-transform: uppercase; 8540 margin-bottom: 0px; 8541} 8542.attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 8543 font-family: "GilroySemiBold"; 8544 font-size: 1.625rem; 8545 text-align: left; 8546 font-style: normal; 8547 line-height: 0.5; 8548 letter-spacing: normal; 8549 color: #f5f5f5; 8550 margin-top: 10px; 8551 margin-left: 2px; 8552} 8553.attendee-details[_ngcontent-%COMP%] { 8554 margin-top: 21.5px; 8555 display: flex; 8556 flex-direction: row; 8557 justify-content: space-evenly; 8558} 8559.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 8560 width: 45px; 8561 height: 45px; 8562 transform: scale(1) !important; 8563 transition: transform 0.3s ease-in-out !important; 8564} 8565.attendee-details[_ngcontent-%COMP%] .going[_ngcontent-%COMP%] { 8566 color: #6fffed; 8567} 8568.attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 8569 color: #b260ea; 8570 width: 127px; 8571} 8572.attendee-details[_ngcontent-%COMP%] .vip_passes[_ngcontent-%COMP%] { 8573 color: #ff9300; 8574 width: 72px; 8575} 8576.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%]:hover { 8577 transform: scale(1.1) !important; 8578 transition: transform 0.3s ease-in-out !important; 8579} 8580@media (min-width: 375) and (max-width: 425px) { 8581 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 8582 display: none; 8583 } 8584} 8585@media (min-width: 768px) and (max-width: 1365px) { 8586 .attendee-boxes[_ngcontent-%COMP%] { 8587 display: flex; 8588 flex-direction: row; 8589 justify-content: space-around; 8590 margin-right: 5px; 8591 } 8592 .attendee-desc[_ngcontent-%COMP%] { 8593 margin-left: 3.8px; 8594 margin-right: 3.8px; 8595 } 8596 .attendee-details[_ngcontent-%COMP%] { 8597 margin-top: 21.5px; 8598 display: flex; 8599 flex-direction: row; 8600 justify-content: space-evenly; 8601 } 8602 .attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 8603 width: 35px; 8604 height: 35px; 8605 } 8606 .attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 8607 font-size: 0.75rem; 8608 } 8609 .attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 8610 font-size: 1.25rem; 8611 } 8612 .attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 8613 width: 110px; 8614 } 8615 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 8616 display: none; 8617 } 8618 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 8619 width: 100vw; 8620 } 8621 .ComponentsWrapper[_ngcontent-%COMP%] { 8622 width: 100% !important; 8623 } 8624} 8625@media screen and (min-width: 1025px) and (max-width: 1365px) { 8626 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 8627 display: none; 8628 } 8629} 8630@media (min-width: 900px) and (width: 1900px) { 8631 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 8632 width: 15%; 8633 } 8634 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 8635 width: 85%; 8636 } 8637} 8638.wizard-container[_ngcontent-%COMP%] { 8639 display: flex; 8640 flex-direction: row; 8641 width: 1440px; 8642 min-width: 1440px; 8643 justify-content: center; 8644 margin: auto; 8645} 8646.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 8647 width: 100%; 8648 display: flex; 8649 flex-direction: row; 8650} 8651.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 8652 display: flex; 8653 flex-direction: column; 8654 width: 75%; 8655} 8656.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container.fullWidth[_ngcontent-%COMP%] { 8657 width: 100% !important; 8658} 8659.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 8660 width: 42%; 8661 color: #fff; 8662 margin-right: 35px !important; 8663 margin-top: 36px; 8664} 8665.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 8666 width: 365px; 8667 height: 733px; 8668 margin-top: 20px; 8669 margin-right: 35px; 8670 position: -webkit-sticky; 8671 position: sticky; 8672 top: 155px; 8673} 8674.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 8675 width: 42%; 8676 color: #fff; 8677 margin-right: 35px !important; 8678 margin-top: 36px; 8679 z-index: -1; 8680} 8681.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 8682 position: relative; 8683 width: 365px; 8684 height: 733px; 8685 margin-top: 20px; 8686 margin-right: 35px; 8687} 8688.wizard-footer[_ngcontent-%COMP%] { 8689 width: 687px; 8690 height: 65px; 8691 position: absolute; 8692 bottom: 0%; 8693 padding: 0px 95px; 8694 display: flex; 8695 justify-content: flex-end; 8696 align-items: center; 8697} 8698@media only screen and (max-height: 900px) { 8699 .mobile-container[_ngcontent-%COMP%] { 8700 margin-top: 0px !important; 8701 } 8702} 8703.NextButton[_ngcontent-%COMP%] { 8704 margin-top: 40px; 8705 display: flex; 8706 justify-content: flex-end; 8707 width: 588px; 8708 height: 65px; 8709} 8710.CenterAlign[_ngcontent-%COMP%] { 8711 display: flex; 8712 align-items: center; 8713 flex-direction: column; 8714 justify-content: center; 8715} 8716.ComponentsWrapper[_ngcontent-%COMP%] { 8717 width: 1115px; 8718} 8719.minusSign[_ngcontent-%COMP%] { 8720 margin-right: 11.5px; 8721 width: 10px; 8722 height: 21px; 8723 cursor: pointer; 8724 transition: all 0.2s ease-in-out; 8725} 8726.plusSign[_ngcontent-%COMP%] { 8727 margin-left: 11.5px; 8728 width: 10px; 8729 height: 21px; 8730 cursor: pointer; 8731 transition: all 0.2s ease-in-out; 8732} 8733.minusSign[_ngcontent-%COMP%]:hover, .plusSign[_ngcontent-%COMP%]:hover { 8734 transform: scale(1.2); 8735} 8736.app-scrollbar[_ngcontent-%COMP%] { 8737 position: relative; 8738 top: 0px; 8739 right: 0px; 8740 padding: 0px; 8741 z-index: 0; 8742} 8743.leftArrow-Container[_ngcontent-%COMP%] { 8744 width: 50px; 8745 height: 154px; 8746 background-image: 8747 linear-gradient( 8748 to right, 8749 #1e1e2c, 8750 rgba(30, 30, 44, 0.5)); 8751 display: flex; 8752 align-items: center; 8753 position: absolute; 8754 justify-content: center; 8755 z-index: 4; 8756 left: 210px; 8757} 8758.leftArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 8759 color: #f5f5f5; 8760 font-size: 1.75rem; 8761 cursor: pointer; 8762 transition: 0.2s ease-in-out; 8763} 8764.rightArrow-Container[_ngcontent-%COMP%] { 8765 width: 50px; 8766 height: 154px; 8767 background-image: 8768 linear-gradient( 8769 to right, 8770 #1e1e2c, 8771 rgba(30, 30, 44, 0.5)); 8772 display: flex; 8773 align-items: center; 8774 position: absolute; 8775 justify-content: center; 8776 z-index: 4; 8777 right: -24px; 8778} 8779.rightArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 8780 color: #f5f5f5; 8781 font-size: 1.75rem; 8782 cursor: pointer; 8783} 8784.leftArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%], .rightArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%] { 8785 transform: scale(1.4); 8786 transition: 0.2s ease-in-out; 8787} 8788.top-nav[_ngcontent-%COMP%] { 8789 top: -23px; 8790 z-index: 1; 8791 position: relative; 8792 display: flex; 8793 flex-direction: row; 8794 gap: 15px; 8795} 8796.top-nav.Opacity[_ngcontent-%COMP%] { 8797 opacity: 0.3; 8798 transition: 0.1s ease-in;
8799 z-index: 0; 8800} 8801.top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 8802 margin: 20px 0px 0px 0px; 8803 padding: 11px 20px 11px; 8804 border-radius: 25px; 8805 height: 42px; 8806 width: auto !important; 8807 background-color: rgba(111, 255, 237, 0.1); 8808 transition: background-color 0.3s ease-in-out; 8809 transform: scale(1); 8810 transition: transform 0.3s ease-in-out; 8811 color: #6fffed; 8812 font-family: "GilroyMedium"; 8813 font-size: 1rem; 8814 font-style: normal; 8815 line-height: normal; 8816 letter-spacing: normal; 8817 cursor: pointer; 8818 border: none; 8819 outline: none; 8820 z-index: 0; 8821} 8822.top-nav[_ngcontent-%COMP%] button.active[_ngcontent-%COMP%] { 8823 color: #313245; 8824 background-color: #6fffed; 8825 transition: background-color 0.3s ease-in-out; 8826} 8827.Pop-Up-Container-Body[_ngcontent-%COMP%] { 8828 width: 100%; 8829 height: 100vh; 8830 display: flex; 8831 align-items: center; 8832 justify-content: center; 8833 position: fixed; 8834 top: 1.5%; 8835} 8836.scroller[_ngcontent-%COMP%] { 8837 top: 0; 8838 width: 204px; 8839 transition: 0.2s ease-in-out; 8840 position: relative; 8841 margin-right: 15px; 8842 font-style: normal; 8843 z-index: 0; 8844} 8845.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] { 8846 width: 204px; 8847 height: 154px; 8848 background-color: #242637; 8849 border-radius: 5px; 8850 cursor: pointer; 8851 display: flex; 8852 flex-direction: column; 8853 justify-content: center; 8854 align-items: center; 8855 vertical-align: middle; 8856} 8857.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-icon[_ngcontent-%COMP%] { 8858 width: 26.9px; 8859 height: 26.9px; 8860} 8861.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-title[_ngcontent-%COMP%] { 8862 font-family: "GilroyMedium"; 8863 font-size: 1rem; 8864 line-height: 1.23; 8865 letter-spacing: normal; 8866 margin: 16.1px 0 0; 8867 text-align: center; 8868 color: #6fffed; 8869 width: 112px; 8870 height: 45px; 8871} 8872.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] { 8873 display: inline-block; 8874 width: 252px; 8875 height: 154px; 8876 padding: 0 15px 17px 0; 8877 border-radius: 5px !important; 8878 cursor: pointer; 8879 position: relative; 8880 top: 0px; 8881 z-index: -1; 8882} 8883.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 8884 width: 252px; 8885 height: 154px; 8886 border-radius: 5px; 8887 position: absolute; 8888 object-fit: cover; 8889 object-position: center; 8890} 8891.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] { 8892 width: 252px; 8893 height: 568px; 8894 background-image: 8895 linear-gradient( 8896 to bottom, 8897 #242637, 8898 #1e1e2c); 8899 position: absolute; 8900 top: 97%; 8901 z-index: 0; 8902 bottom: 140px; 8903 display: none; 8904 transition: 0.2s ease-in-out; 8905 padding: 20px 17.7px 20px 17.7px; 8906} 8907.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] .event-menu-container[_ngcontent-%COMP%] { 8908 display: flex; 8909 flex-direction: column; 8910 justify-content: center; 8911 text-align: center; 8912} 8913.Inline-Container[_ngcontent-%COMP%]::-webkit-scrollbar {
8914 display: none !important; 8915} 8916.Inline-Container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] { 8917 display: flex; 8918 flex-direction: row; 8919 padding-inline-start: 0px; 8920 list-style-type: none; 8921 transition: transform 0.5s ease; 8922} 8923.Inline-Container[_ngcontent-%COMP%] { 8924 cursor: grab; 8925} 8926.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover { 8927 top: -65px !important; 8928 z-index: 2; 8929 transition: 0.2s ease-in-out; 8930} 8931.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover .event-menu-wrapper[_ngcontent-%COMP%] { 8932 display: block !important; 8933} 8934.control-item[_ngcontent-%COMP%] { 8935 display: flex; 8936 flex-direction: column; 8937 justify-content: center; 8938 align-items: center; 8939 width: 58px; 8940 cursor: pointer; 8941} 8942.control-item[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 8943 width: 40px !important; 8944 height: 40px !important; 8945 position: relative !important; 8946 object-fit: contain; 8947 transition: all 0.2s ease-in-out; 8948} 8949.control-item[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 8950 font-family: "GilroyLight"; 8951 font-size: 0.875rem; 8952 font-style: normal; 8953 line-height: normal; 8954 letter-spacing: normal; 8955 text-align: center; 8956 color: #c2c7f2; 8957 white-space: normal; 8958 margin-top: 12px; 8959} 8960.InputFieldArrow[_ngcontent-%COMP%] { 8961 position: relative; 8962 width: 272px !important; 8963} 8964.InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 8965 position: absolute; 8966 color: #babcc1; 8967 font-size: 1.5rem; 8968 top: 20px; 8969 right: 16px; 8970 z-index: 1; 8971 cursor: pointer; 8972} 8973@media (min-width: 768px) and (max-width: 1024px) { 8974 .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 8975 display: none; 8976 } 8977 .InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 8978 position: relative; 8979 right: -232px; 8980 top: 46px; 8981 } 8982 .top-nav[_ngcontent-%COMP%] { 8983 top: -23px; 8984 z-index: 1; 8985 position: relative; 8986 display: inline-block; 8987 width: 100%; 8988 white-space: nowrap; 8989 overflow: auto; 8990 } 8991 .top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 8992 margin: 20px 20px 0px 0px; 8993 } 8994 .NextButton[_ngcontent-%COMP%] { 8995 width: 514px; 8996 } 8997} 8998.top-nav[_ngcontent-%COMP%]::-webkit-scrollbar {
8999 display: none; 9000} 9001.popUpBox[_ngcontent-%COMP%] { 9002 width: 100%; 9003 height: auto; 9004 background-color: #1e1e2c; 9005 padding: 40px; 9006} 9007.popUpBox[_ngcontent-%COMP%] .topTitleBar[_ngcontent-%COMP%] .creationWizardTitle[_ngcontent-%COMP%] { 9008 line-height: 1.08; 9009} 9010.popUpBox[_ngcontent-%COMP%] .topTitleBar.dFlexRow[_ngcontent-%COMP%] { 9011 justify-content: space-between; 9012} 9013@media screen and (max-width: 767px) { 9014 .popUpBox[_ngcontent-%COMP%] { 9015 padding: 16px !important; 9016 } 9017} 9018@keyframes _ngcontent-%COMP%_expander { 9019 from { 9020 transform: scale(1); 9021 } 9022 50% { 9023 transform: scale(1.1); 9024 } 9025 100% { 9026 transform: scale(1.2); 9027 } 9028} 9029@-webkit-keyframes _ngcontent-%COMP%_slide { 9030 100% { 9031 left: -55px; 9032 } 9033} 9034@keyframes _ngcontent-%COMP%_slide { 9035 100% { 9036 left: -55px; 9037 } 9038} 9039@-webkit-keyframes _ngcontent-%COMP%_slideDrawer { 9040 0% { 9041 left: -245px; 9042 } 9043 100% { 9044 left: 0; 9045 } 9046} 9047@keyframes _ngcontent-%COMP%_slideDrawer { 9048 0% { 9049 left: -245px; 9050 } 9051 100% { 9052 left: 0; 9053 } 9054} 9055@-webkit-keyframes _ngcontent-%COMP%_slideBox { 9056 0% { 9057 left: -600px; 9058 } 9059 100% { 9060 left: 0px; 9061 } 9062} 9063@keyframes _ngcontent-%COMP%_slideBox { 9064 0% { 9065 left: -600px; 9066 } 9067 100% { 9068 left: 0px; 9069 } 9070} 9071.menu-items-grid[_ngcontent-%COMP%] .control-item[_ngcontent-%COMP%]:hover img[_ngcontent-%COMP%] { 9072 transform: scale(1.2); 9073} 9074@keyframes _ngcontent-%COMP%_slideUp { 9075 0% { 9076 transform: translate3d(0, 20px, 0); 9077 opacity: 0; 9078 } 9079 50% { 9080 transform: translate3d(0, 10px, 0); 9081 opacity: 0.5; 9082 } 9083 100% { 9084 transform: translate3d(0, 0px, 0); 9085 opacity: 1; 9086 } 9087} 9088@keyframes _ngcontent-%COMP%_fadein { 9089 from { 9090 opacity: 0; 9091 } 9092 to { 9093 opacity: 1; 9094 } 9095} 9096.gray-BG[_ngcontent-%COMP%] { 9097 background-color: #babcc1 !important; 9098} 9099.midnight-express-BG[_ngcontent-%COMP%] { 9100 background-color: #242637; 9101} 9102.black-russian[_ngcontent-%COMP%] { 9103 background-color: #0b0b1a !important; 9104} 9105.baby-blue-BG[_ngcontent-%COMP%] { 9106 background-color: #6fffed !important; 9107} 9108.slate-blue-BG[_ngcontent-%COMP%] { 9109 background-color: #5e5cde !important; 9110} 9111.dark-orange-BG[_ngcontent-%COMP%] { 9112 background-color: #ff9300 !important; 9113} 9114.dodger-blue[_ngcontent-%COMP%] { 9115 background-color: #0a84ff !important; 9116} 9117.medium-orchid-BG[_ngcontent-%COMP%] { 9118 background-color: #bf5af2 !important; 9119} 9120.rich-lilac-BG[_ngcontent-%COMP%] { 9121 background-color: #b260ea; 9122} 9123.comet-BG[_ngcontent-%COMP%] { 9124 background-color: #5e5f71; 9125} 9126.gamboge-BG[_ngcontent-%COMP%] { 9127 background-color: #e68f09; 9128} 9129.blur[_ngcontent-%COMP%] { 9130 -webkit-filter: blur(8px); 9131 -moz-filter: blur(8px); 9132 -o-filter: blur(8px); 9133 -ms-filter: blur(8px); 9134 filter: blur(8px); 9135} 9136.blue-shade2-border[_ngcontent-%COMP%] { 9137 border: solid 2px #43445e !important; 9138} 9139.baby-blue-border[_ngcontent-%COMP%] { 9140 border: solid 1px #6fffed !important; 9141} 9142.dark-orange-border[_ngcontent-%COMP%] { 9143 border: solid 1px #ff9300 !important; 9144} 9145.medium-orchid-border[_ngcontent-%COMP%] { 9146 border: solid 1px #bf5af2 !important; 9147} 9148.dodger-blue-shade2-border[_ngcontent-%COMP%] { 9149 border: solid 1px #0a84ff !important; 9150} 9151.white-smoke-border[_ngcontent-%COMP%] { 9152 border: solid 1px #f5f5f5 !important; 9153} 9154.red-border[_ngcontent-%COMP%] { 9155 border: solid 1px #ff0100 !important; 9156} 9157.black-russian-border[_ngcontent-%COMP%] { 9158 border: solid 1ps #0b0b1a; 9159} 9160.border-red[_ngcontent-%COMP%] { 9161 border: solid 1px #ff0100 !important; 9162} 9163.border-sunsetOrange[_ngcontent-%COMP%] { 9164 border: 1px solid #ff4d4d !important; 9165} 9166.border-grayLight[_ngcontent-%COMP%] { 9167 border: solid 2px #2F3450 !important; 9168} 9169.blueshadeThreeText[_ngcontent-%COMP%] { 9170 color: #81cffa; 9171} 9172.richlilacText[_ngcontent-%COMP%] { 9173 color: #b260ea !important; 9174} 9175.slateBlueText[_ngcontent-%COMP%] { 9176 color: #5e5cde !important; 9177} 9178.slateText[_ngcontent-%COMP%] { 9179 color: #5c5d7a !important; 9180} 9181.babyBlueText[_ngcontent-%COMP%] { 9182 color: #6fffed !important; 9183} 9184.darkOrangeText[_ngcontent-%COMP%] { 9185 color: #ff9300 !important; 9186} 9187.freshYellowText[_ngcontent-%COMP%] { 9188 color: #ffd60a; 9189} 9190.brightPeachText[_ngcontent-%COMP%] { 9191 color: #f96f6f; 9192} 9193.mediumOrchidText[_ngcontent-%COMP%] { 9194 color: #bf5af2 !important; 9195} 9196.black-russian-Text[_ngcontent-%COMP%] { 9197 color: #0b0b1a !important; 9198} 9199.dodgerBlueShadeText[_ngcontent-%COMP%] { 9200 color: #0a84ff !important; 9201} 9202.orangyRedText[_ngcontent-%COMP%] { 9203 color: #ff453a; 9204} 9205.whiteText[_ngcontent-%COMP%] { 9206 color: #f5f5f5 !important; 9207} 9208.pureWhiteText[_ngcontent-%COMP%] { 9209 color: #fff !important; 9210} 9211.comitText[_ngcontent-%COMP%] { 9212 color: #5e5f71 !important; 9213} 9214.carnationText[_ngcontent-%COMP%] { 9215 color: #ff6f90; 9216} 9217.redText[_ngcontent-%COMP%] { 9218 color: #ff0100 !important; 9219} 9220.LavenderBlueText[_ngcontent-%COMP%] { 9221 color: #c2c7f2 !important; 9222} 9223.orangePeelText[_ngcontent-%COMP%] { 9224 color: #ff9300 !important; 9225} 9226.greenText[_ngcontent-%COMP%] { 9227 color: #32d74b; 9228} 9229.sunsetOrangeText[_ngcontent-%COMP%] { 9230 color: #ff4d4d !important; 9231} 9232.grayText[_ngcontent-%COMP%] { 9233 color: #babcc1; 9234} 9235.lighterPurpleText[_ngcontent-%COMP%] { 9236 color: #bd58f0; 9237} 9238.whiteColorText[_ngcontent-%COMP%] { 9239 color: #ffffff !important; 9240} 9241.mangoManiaText[_ngcontent-%COMP%] { 9242 color: #fec20e !important; 9243} 9244.promotionalTextColor[_ngcontent-%COMP%] { 9245 color: #EA60A2 !important; 9246} 9247.center-text[_ngcontent-%COMP%] { 9248 text-align: center !important; 9249} 9250.leftText[_ngcontent-%COMP%] { 9251 text-align: left !important; 9252} 9253.rightText[_ngcontent-%COMP%] { 9254 text-align: right; 9255} 9256.floatRight[_ngcontent-%COMP%] { 9257 float: right; 9258} 9259.floatLeft[_ngcontent-%COMP%] { 9260 float: left; 9261} 9262.clearfix[_ngcontent-%COMP%] { 9263 clear: both; 9264} 9265.dNone[_ngcontent-%COMP%] { 9266 display: none !important; 9267} 9268.dBlock[_ngcontent-%COMP%] { 9269 display: block !important; 9270} 9271.dInlineBlock[_ngcontent-%COMP%] { 9272 display: inline-block !important; 9273} 9274.dInline[_ngcontent-%COMP%] { 9275 display: inline !important; 9276} 9277.dFlex[_ngcontent-%COMP%] { 9278 display: flex; 9279} 9280.dFlexColumn[_ngcontent-%COMP%] { 9281 display: flex; 9282 flex-direction: column; 9283} 9284.dFlexRow[_ngcontent-%COMP%] { 9285 display: flex; 9286 flex-direction: row; 9287} 9288.dFlex-with-center[_ngcontent-%COMP%] { 9289 display: flex; 9290 align-items: center; 9291} 9292.dFlex-with-col-center[_ngcontent-%COMP%] { 9293 display: flex; 9294 flex-flow: column; 9295 align-items: center; 9296} 9297.clickable[_ngcontent-%COMP%] { 9298 cursor: pointer; 9299} 9300.text-direction-vertical[_ngcontent-%COMP%] { 9301 writing-mode: vertical-rl; 9302 transform: rotate(180deg); 9303} 9304.ellipsis[_ngcontent-%COMP%] { 9305 overflow: hidden; 9306 white-space: nowrap; 9307 text-overflow: ellipsis; 9308} 9309.capital-text[_ngcontent-%COMP%] { 9310 text-transform: uppercase; 9311} 9312.disableDiv[_ngcontent-%COMP%] { 9313 pointer-events: none; 9314} 9315.margin-top-10[_ngcontent-%COMP%] { 9316 margin-top: 10px; 9317} 9318.margin-top-15[_ngcontent-%COMP%] { 9319 margin-top: 15px; 9320} 9321.margin-top-20[_ngcontent-%COMP%] { 9322 margin-top: 20px; 9323} 9324.margin-top-30[_ngcontent-%COMP%] { 9325 margin-top: 30px; 9326} 9327.margin-top-0[_ngcontent-%COMP%] { 9328 margin-top: 0px !important; 9329} 9330.shadow[_ngcontent-%COMP%] { 9331 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 9332 -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 9333 -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 9334} 9335.sahdow-right-bottom-black[_ngcontent-%COMP%] { 9336 box-shadow: 5px 5px 5px black; 9337 -webkit-box-shadow: 5px 5px 5px black; 9338 -moz-box-shadow: 5px 5px 5px black; 9339} 9340.filter-drop-shadow[_ngcontent-%COMP%] { 9341 -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 9342 -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 9343 -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 9344 -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 9345 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 9346} 9347.organgePeelText[_ngcontent-%COMP%] { 9348 color: #ff9300; 9349} 9350.organgePeelText[_ngcontent-%COMP%] { 9351 color: #ff9300; 9352} 9353.sunsetOrangeText[_ngcontent-%COMP%] { 9354 color: #ff4d4d; 9355} 9356ngx-image-cropper[_ngcontent-%COMP%] { 9357 background: #1e1e2c !important; 9358} 9359ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:not(.ngx-ic-canvas) { 9360 background: #1e1e2c !important; 9361 opacity: 0 !important; 9362} 9363ngx-image-cropper[_ngcontent-%COMP%] .ngx-ic-canvas[_ngcontent-%COMP%] { 9364 background: transparent !important; 9365} 9366image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus, ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus { 9367 outline: none !important; 9368} 9369image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%], ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%] { 9370 border: none !important; 9371 box-shadow: none !important; 9372} 9373.ticket-heading[_ngcontent-%COMP%] { 9374 font-family: "STENCILAND"; 9375 font-size: 0.875rem; 9376 font-style: normal; 9377 line-height: 1.21; 9378 text-align: center; 9379 text-transform: uppercase; 9380 margin: 10px 0px 3px 0px; 9381} 9382.ticket-heading.baby-blue[_ngcontent-%COMP%] { 9383 color: #6fffed; 9384 letter-spacing: 0.28px; 9385} 9386.ticket-heading.slate-blue[_ngcontent-%COMP%] { 9387 color: #5e5cde; 9388 letter-spacing: 0.28px; 9389} 9390.ticket-heading.dark-orange[_ngcontent-%COMP%] { 9391 color: #ff9300; 9392 letter-spacing: 0.28px; 9393} 9394.ticket-heading.orange[_ngcontent-%COMP%] { 9395 letter-spacing: 2px; 9396 color: #ff9300; 9397} 9398.ticket-heading[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 9399 font-family: "GilroySemiBold"; 9400 font-size: 1rem; 9401 line-height: 1.06; 9402 letter-spacing: normal; 9403} 9404.navBottomSpace[_ngcontent-%COMP%] { 9405 height: 4.375rem; 9406} 9407.submenuNavSpace[_ngcontent-%COMP%] { 9408 width: 73px; 9409} 9410.secondary-text[_ngcontent-%COMP%] { 9411 color: #babcc1; 9412 font-family: "GilroyMedium"; 9413 font-size: 0.875rem; 9414} 9415.user-profile-subheading[_ngcontent-%COMP%] { 9416 color: #f5f5f5; 9417 font-family: "GilroyMedium"; 9418 font-size: 1.5rem; 9419 font-style: normal; 9420 line-height: normal; 9421 letter-spacing: normal; 9422 text-align: left; 9423} 9424.p-inputtext[_ngcontent-%COMP%]:focus { 9425 border: 1px solid #6fffed !important; 9426 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4) !important; 9427} 9428.wizard-component-title[_ngcontent-%COMP%] { 9429 margin: 50px 0px; 9430 font-family: "GilroyMedium"; 9431 font-size: 1.5rem; 9432 color: #f5f5f5; 9433 font-style: normal; 9434 line-height: 1.17; 9435 letter-spacing: normal; 9436 text-align: left; 9437} 9438.collegeEvent-wizardTiltle[_ngcontent-%COMP%] { 9439 margin: 50px 0px; 9440 font-family: "GilroySemiBold"; 9441 font-size: 1.75rem; 9442 color: #f5f5f5; 9443 font-style: normal; 9444 line-height: 1.17; 9445 letter-spacing: normal; 9446 text-align: left; 9447} 9448.wizard-component-subTitle[_ngcontent-%COMP%] { 9449 margin: 0px 0px 50px; 9450 color: #ff9300; 9451 font-size: 1rem; 9452 font-family: "GilroyMedium"; 9453 line-height: 1.29; 9454 text-align: left; 9455 letter-spacing: normal; 9456 font-style: normal; 9457} 9458.resizeImageText[_ngcontent-%COMP%] { 9459 color: #c2c7f2 !important; 9460 margin-top: 31px; 9461 margin-left: 251px; 9462 display: block; 9463 font-size: 0.875rem; 9464} 9465table[_ngcontent-%COMP%] { 9466 width: 100%; 9467} 9468.GuestTable-Data[_ngcontent-%COMP%] td[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 9469 width: 34px; 9470 height: 34px; 9471 margin: 15px 10.4px 18px 0px; 9472} 9473th[_ngcontent-%COMP%] { 9474 font-family: "GilroyBold"; 9475 font-size: 1rem; 9476 font-style: normal; 9477 line-height: 1.29; 9478 letter-spacing: normal; 9479 color: #f5f5f5; 9480 padding: 23px 0px 24.2px 0px; 9481} 9482td[_ngcontent-%COMP%] { 9483 font-family: "GilroyMedium"; 9484 font-size: 1rem; 9485 font-style: normal; 9486 line-height: 1.29; 9487 letter-spacing: normal; 9488 color: #f5f5f5; 9489} 9490.button[_ngcontent-%COMP%] { 9491 width: 200px; 9492 height: 45px; 9493 margin-top: 45.1px; 9494 border-radius: 10px; 9495 font-family: "GilroyBold"; 9496 border: solid 1px #272b3f; 9497 background-color: #ff9300; 9498 font-size: 1rem; 9499 font-style: normal; 9500 line-height: 1.25; 9501 letter-spacing: normal; 9502 text-align: center; 9503 color: #1e1e2c; 9504 margin-top: 39px; 9505 transform: scale(1); 9506 transition: transform 0.3s ease-in-out; 9507} 9508.btn-primary[_ngcontent-%COMP%] { 9509 color: #fff; 9510 background-color: #1b6ec2; 9511 border-color: #1861ac; 9512} 9513.button-Event[_ngcontent-%COMP%] { 9514 background-color: #1a1b2c; 9515 border-radius: 50px; 9516 height: 45px; 9517 border: 2px solid #6fffed; 9518 color: #6fffed; 9519 font-family: "GilroySemiBold"; 9520 padding-left: 33px; 9521 padding-right: 33px; 9522 font-size: 1.125rem; 9523 text-align: center; 9524 text-decoration: none; 9525 transform: scale(1); 9526 transition: transform 0.3s ease-in; 9527} 9528.button-Event[_ngcontent-%COMP%]:hover {
9529 cursor: pointer; 9530 transform: scale(1.05); 9531 transition: transform 0.3s ease-in; 9532} 9533.loadingOpacity[_ngcontent-%COMP%] { 9534 background: rgba(111, 255, 237, 0.2) !important; 9535 border: none !important; 9536} 9537.Loadingbutton_Text[_ngcontent-%COMP%] { 9538 position: relative !important; 9539 color: #1e1e2c !important; 9540 display: block; 9541} 9542.disablelitButton[_ngcontent-%COMP%] { 9543 background-color: #282c40; 9544 border: 2px solid #282c40; 9545 border-radius: 50px; 9546 height: 45px; 9547 color: #6fffed; 9548 font-family: "GilroySemiBold"; 9549 font-size: 1.125rem; 9550 padding-left: 33px; 9551 padding-right: 33px; 9552 text-align: center; 9553 text-decoration: none; 9554 cursor: pointer; 9555 transform: scale(1); 9556 transition: transform 0.3s ease-in-out; 9557} 9558.simpleButton[_ngcontent-%COMP%] { 9559 background-color: #242637; 9560 border-radius: 50px; 9561 height: 45px; 9562 border: 1px solid #f5f5f5; 9563 color: #babcc1; 9564 font-family: "GilroyMedium"; 9565 padding-left: 33px; 9566 font-size: 1rem; 9567 padding-right: 33px; 9568 text-align: center; 9569 text-decoration: none; 9570 cursor: pointer; 9571} 9572.disableButton[_ngcontent-%COMP%] { 9573 background-color: #242637; 9574 border-radius: 50px; 9575 height: 45px; 9576 border: 1px solid #1e1e2c; 9577 color: #1e1e2c; 9578 font-family: "GilroyMedium"; 9579 font-size: 1.125rem; 9580 padding-left: 33px; 9581 padding-right: 33px; 9582 text-align: center; 9583 text-decoration: none; 9584 cursor: pointer; 9585} 9586.disableButton.new[_ngcontent-%COMP%] { 9587 width: 160px; 9588 height: 44px; 9589 padding: 8px 16px; 9590 font-size: 1rem; 9591 border: none; 9592 font-family: "GilroyBold"; 9593 border-radius: 10px; 9594 pointer-events: none !important; 9595} 9596.disabledButton[_ngcontent-%COMP%] { 9597 background-color: #242637; 9598 border-radius: 50px; 9599 height: 45px; 9600 border: 2px solid #1e1e2c; 9601 color: #1e1e2c; 9602 font-family: "GilroySemiBold"; 9603 font-size: 1.125rem; 9604 text-decoration: none; 9605} 9606.save-draft[_ngcontent-%COMP%] { 9607 color: #c2c7f2; 9608 background: #232638; 9609 border: 1px solid #232638; 9610 height: 40px; 9611 text-align: center; 9612 outline: none; 9613 border-radius: 50px; 9614 font-size: 0.875rem; 9615 font-family: "GilroySemiBold"; 9616 padding: 12px 0px; 9617 cursor: pointer; 9618 display: flex; 9619 align-items: center !important; 9620 justify-content: center !important; 9621 -webkit-align-items: center; 9622 -webkit-justify-content: center; 9623 position: relative; 9624} 9625.save-draft.draft-progress[_ngcontent-%COMP%] { 9626 position: absolute !important; 9627 height: 100% !important; 9628 top: 0; 9629 left: 0; 9630 background-color: #c2c7f2 !important; 9631 color: #232638 !important; 9632 transition: width 0.3s; 9633 border-radius: 10px; 9634 border: none !important; 9635} 9636.glowButton[_ngcontent-%COMP%] { 9637 background-color: #1e1e2c; 9638 border: 1px solid #6fffed; 9639 color: #6fffed; 9640 height: 40px; 9641 text-align: center; 9642 outline: none; 9643 border-radius: 50px; 9644 font-size: 0.875rem; 9645 font-family: "GilroySemiBold"; 9646 padding: 12px 0px; 9647 cursor: pointer; 9648 display: flex; 9649 align-items: center !important; 9650 justify-content: center !important; 9651 -webkit-align-items: center; 9652 -webkit-justify-content: center; 9653 position: relative; 9654} 9655.glowButton.button_progress[_ngcontent-%COMP%] { 9656 position: absolute !important; 9657 height: 100% !important; 9658 top: 0; 9659 left: 0; 9660 background-color: #6fffed !important; 9661 transition: width 0.3s; 9662 border-radius: 10px; 9663 border: none !important; 9664} 9665.cancelButton[_ngcontent-%COMP%] { 9666 background-color: #232638; 9667 border: none; 9668 color: #fff; 9669 height: 40px; 9670 text-align: center; 9671 outline: none; 9672 border-radius: 10px; 9673 font-size: 1rem; 9674 font-family: "GilroySemiBold"; 9675 padding: 12px 0px; 9676 cursor: pointer; 9677 display: flex; 9678 align-items: center !important; 9679 justify-content: center !important; 9680 -webkit-align-items: center; 9681 -webkit-justify-content: center; 9682 position: relative; 9683} 9684.cancelButton.button_progress[_ngcontent-%COMP%] { 9685 position: absolute !important; 9686 height: 100% !important; 9687 top: 0; 9688 left: 0; 9689 background-color: #6fffed !important; 9690 transition: width 0.3s; 9691 border-radius: 10px; 9692 border: none !important; 9693} 9694.Input-Field[_ngcontent-%COMP%] { 9695 margin: 11px 0px; 9696 padding: 11px 0px 13px 18px; 9697 font-family: "GilroyMedium"; 9698 border-radius: 50px; 9699 width: 272px; 9700 height: 40px; 9701 color: #f5f5f5; 9702 font-size: 1rem; 9703 line-height: 1.14; 9704 background-color: #242637; 9705 border: 1px solid #f5f5f5; 9706} 9707.Input-Field[_ngcontent-%COMP%]:focus, .Text-Field[_ngcontent-%COMP%]:focus { 9708 border: 1px solid #6fffed; 9709 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 9710} 9711.Text-Field[_ngcontent-%COMP%] { 9712 padding: 11px 0px 13px 18px; 9713 color: #f5f5f5; 9714 font-size: 1rem; 9715 line-height: 1.14; 9716 font-family: "GilroyMedium"; 9717 border-radius: 15px; 9718 background-color: #242637; 9719 border: 1px solid #f5f5f5; 9720 height: 118px; 9721 min-height: 118px; 9722} 9723input[_ngcontent-%COMP%]:focus { 9724 border: none; 9725 outline: none; 9726} 9727*[_ngcontent-%COMP%]:focus { 9728 outline: none !important; 9729} 9730.custom-Label[_ngcontent-%COMP%] { 9731 font-family: "GilroyMedium"; 9732 font-size: 0.875rem; 9733 color: #babcc1; 9734} 9735.checkBoxEnable[_ngcontent-%COMP%] { 9736 border: 2px solid #6fffed; 9737 border-radius: 4px; 9738 width: 31px; 9739 height: 38px; 9740 outline: none !important; 9741 background-color: rgba(111, 255, 237, 0.1); 9742} 9743.checkBoxDisabled[_ngcontent-%COMP%] { 9744 border: solid 2px #676d9e; 9745 border-radius: 4px; 9746 width: 31px; 9747 height: 38px; 9748 outline: none !important; 9749} 9750.checkbox-custom[_ngcontent-%COMP%] { 9751 -webkit-appearance: none; 9752 -moz-appearance: none !important; 9753 appearance: none; 9754 cursor: pointer !important; 9755 width: 31px; 9756 height: 38px; 9757 margin-left: 0px; 9758 padding: 0px; 9759 outline: none !important; 9760} 9761.tbl-line[_ngcontent-%COMP%] { 9762 border-bottom: 3px solid #383759; 9763 width: 100%; 9764} 9765.checkbox-custom[_ngcontent-%COMP%]:checked { 9766 content: ""; 9767 width: 18px; 9768 height: 10px; 9769 background: rgba(0, 0, 0, 0); 9770 border: 2px solid #6fffed; 9771 -webkit-transform: rotate(-45deg); 9772 -moz-transform: rotate(-45deg); 9773 -o-transform: rotate(-45deg); 9774 -ms-transform: rotate(-45deg); 9775 transform: rotate(-45deg); 9776 margin-left: 5px; 9777 margin-bottom: -1px; 9778 outline: none !important; 9779 box-shadow: none !important; 9780 border-top: none !important;
9781 border-right: none !important; 9782 -webkit-appearance: none !important; 9783 -moz-appearance: none !important; 9784 appearance: none !important; 9785} 9786.textLit[_ngcontent-%COMP%] { 9787 width: 25px; 9788 height: 19px; 9789 margin-top: 8px; 9790 margin-left: 12px; 9791 font-family: "GilroySemiBold"; 9792 font-size: 1rem; 9793 line-height: 1.19; 9794 color: #6fffed; 9795} 9796.textNotLit[_ngcontent-%COMP%] { 9797 width: 25px; 9798 height: 19px; 9799 margin-top: 8px; 9800 margin-left: 12px; 9801 font-family: "GilroySemiBold"; 9802 font-size: 1rem; 9803 line-height: 1.19; 9804 color: #676d9e; 9805} 9806[_ngcontent-%COMP%]::placeholder { 9807 color: rgba(255, 255, 255, 0.2); 9808 font-size: 0.875rem; 9809 font-family: "GilroyMedium"; 9810} 9811.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label[_ngcontent-%COMP%] { 9812 text-align: left; 9813 margin-top: 29px; 9814} 9815.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label-qm[_ngcontent-%COMP%] { 9816 text-align: left; 9817 margin-top: 20px; 9818} 9819.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 9820 width: 578px; 9821 border: solid 1px #f5f5f5; 9822} 9823.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Small-Input-Field[_ngcontent-%COMP%] { 9824 width: 114px; 9825 height: 40px; 9826} 9827.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 9828 width: 578px; 9829 margin-top: 11px; 9830 margin-bottom: 11px; 9831} 9832.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 9833 display: flex; 9834 flex-direction: row; 9835 justify-content: space-between; 9836 width: 578px; 9837} 9838.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 9839 width: 272px !important; 9840} 9841.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus { 9842 border: none; 9843 outline: none; 9844} 9845.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:-webkit-autofill { 9846 -webkit-box-shadow: 0 0 0 30px #242637 inset !important; 9847 box-shadow: 0 0 0 30px #242637 inset !important; 9848} 9849.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%]:focus, .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%]:focus { 9850 border: 1px solid #6fffed; 9851} 9852.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .checkbox-custom[_ngcontent-%COMP%]:checked { 9853 content: ""; 9854 width: 18px; 9855 height: 10px; 9856 background: rgba(0, 0, 0, 0); 9857 border: 2px solid #6fffed; 9858 border-top: none !important; 9859 border-right: none !important; 9860 -webkit-transform: rotate(-45deg); 9861 -moz-transform: rotate(-45deg); 9862 -o-transform: rotate(-45deg); 9863 -ms-transform: rotate(-45deg); 9864 transform: rotate(-45deg); 9865 margin-left: 5px; 9866 margin-bottom: -3px; 9867 outline: none !important; 9868 box-shadow: none !important; 9869 -webkit-appearance: none !important; 9870 -moz-appearance: none !important; 9871 appearance: none !important; 9872} 9873.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .danger[_ngcontent-%COMP%] { 9874 font-size: 0.875rem; 9875 color: #ff4d4d; 9876 font-family: "GilroyRegular"; 9877} 9878.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .label-danger[_ngcontent-%COMP%] { 9879 color: #ff4d4d !important; 9880} 9881input[_ngcontent-%COMP%]:-webkit-autofill:focus, input[_ngcontent-%COMP%]:-webkit-autofill:active { 9882 -webkit-box-shadow: 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 9883 box-shadow: 0 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 9884 border-color: #6fffed !important; 9885 border: 1px solid #6fffed !important; 9886} 9887input[_ngcontent-%COMP%]:-webkit-autofill { 9888 box-shadow: 0 0 0 30px #242637 inset !important; 9889} 9890input[_ngcontent-%COMP%]:-webkit-autofill { 9891 -webkit-text-fill-color: #fff !important; 9892 caret-color: #2f3450 !important; 9893} 9894input[type=range][_ngcontent-%COMP%]:focus { 9895 border: none !important; 9896 box-shadow: none !important; 9897} 9898.danger[_ngcontent-%COMP%] { 9899 font-size: 0.875rem; 9900 color: #ff4d4d; 9901 font-family: "GilroyRegular"; 9902} 9903.label-danger[_ngcontent-%COMP%] { 9904 color: #ff4d4d !important; 9905} 9906.is-invalid[_ngcontent-%COMP%] { 9907 border: 1px solid #ff4d4d !important; 9908 border-color: #ff4d4d !important; 9909} 9910input[type=number].ng-touched.ng-invalid[_ngcontent-%COMP%], input[type=text].ng-touched.ng-invalid[_ngcontent-%COMP%] { 9911 border: 1px solid #ff4d4d !important; 9912 border-color: #ff4d4d !important; 9913} 9914textarea.ng-touched.ng-invalid[_ngcontent-%COMP%] { 9915 border: 1px solid #ff4d4d !important; 9916 border-color: #ff4d4d !important; 9917} 9918.blur[_ngcontent-%COMP%] { 9919 -webkit-filter: blur(8px); 9920 -moz-filter: blur(8px); 9921 -o-filter: blur(8px); 9922 -ms-filter: blur(8px); 9923 filter: blur(8px); 9924} 9925.notBlur[_ngcontent-%COMP%] { 9926 -webkit-filter: blur(0px); 9927 -moz-filter: blur(0px); 9928 -o-filter: blur(0px); 9929 -ms-filter: blur(0px); 9930 filter: blur(0px); 9931} 9932.stickyElement[_ngcontent-%COMP%] { 9933 position: -webkit-sticky; 9934 position: sticky; 9935 top: 0; 9936 z-index: 999; 9937} 9938.event-status[_ngcontent-%COMP%] { 9939 font-family: "GilroyBold"; 9940 padding: 0 15px 17px 0; 9941 border-bottom-right-radius: 10px !important; 9942 border-top-left-radius: 5px; 9943 line-height: normal; 9944 letter-spacing: normal; 9945 text-align: left; 9946 display: flex; 9947 flex-direction: column; 9948 justify-content: center; 9949 font-size: 0.875rem; 9950 line-height: 1.21; 9951 color: #f5f5f5; 9952 text-transform: uppercase; 9953} 9954.event-status.unpublished[_ngcontent-%COMP%] { 9955 padding: 0px 16px; 9956 -webkit-backdrop-filter: blur(50px); 9957 backdrop-filter: blur(50px); 9958 background-color: rgba(30, 30, 44, 0.65); 9959 width: 122px; 9960 height: 44px; 9961 color: #f5f5f5; 9962} 9963.event-status.tickets_gone[_ngcontent-%COMP%] { 9964 padding: 0px 16px; 9965 -webkit-backdrop-filter: blur(50px); 9966 backdrop-filter: blur(50px); 9967 background-color: rgba(29, 204, 184, 0.65); 9968 width: 145px; 9969 height: 44px; 9970} 9971.event-status.event_over[_ngcontent-%COMP%] { 9972 padding: 0px 16px; 9973 -webkit-backdrop-filter: blur(50px); 9974 backdrop-filter: blur(50px); 9975 background-color: rgba(255, 77, 77, 0.65); 9976 width: 120px; 9977 height: 44px; 9978} 9979.event-status.going_free_or_free_ticket_event[_ngcontent-%COMP%] { 9980 width: 150px; 9981 height: 44px; 9982 padding: 0px 16px; 9983 -webkit-backdrop-filter: blur(50px); 9984 backdrop-filter: blur(50px); 9985 background-color: rgba(94, 92, 222, 0.65); 9986} 9987.event-status.going_pay_at_door_event[_ngcontent-%COMP%] { 9988 width: 150px; 9989 height: 44px; 9990 padding: 0px 16px; 9991 -webkit-backdrop-filter: blur(50px); 9992 backdrop-filter: blur(50px); 9993 background-color: rgba(255, 147, 0, 0.65); 9994} 9995.event-status.ticket_sold_event[_ngcontent-%COMP%], .event-status.active[_ngcontent-%COMP%] { 9996 width: 122px; 9997 max-width: 252px; 9998 height: 44px; 9999 padding: 0px 16px; 10000 -webkit-backdrop-filter: blur(50px); 10001 backdrop-filter: blur(50px); 10002 background-color: rgba(29, 204, 184, 0.65); 10003} 10004.event-status.ticket_sold_event[_ngcontent-%COMP%] { 10005 width: 154px; 10006 max-width: 252px; 10007 height: 44px; 10008 padding: 0px 16px; 10009 -webkit-backdrop-filter: blur(50px); 10010 backdrop-filter: blur(50px); 10011 background-color: rgba(29, 204, 184, 0.65); 10012} 10013.event-status.eventCancelled[_ngcontent-%COMP%], .event-status.cancelled[_ngcontent-%COMP%] { 10014 padding: 0px 16px; 10015 color: #ff4d4d; 10016 width: 154px; 10017 height: 44px; 10018 -webkit-backdrop-filter: blur(50px); 10019 backdrop-filter: blur(50px); 10020 background-color: rgba(30, 30, 44, 0.65); 10021} 10022.event-status.ended[_ngcontent-%COMP%], .event-status.drawover[_ngcontent-%COMP%] { 10023 width: 112px; 10024 height: 44px; 10025 padding: 0px 15px; 10026 -webkit-backdrop-filter: blur(50px); 10027 backdrop-filter: blur(50px); 10028 background-color: rgba(255, 77, 77, 0.65); 10029} 10030.event-status.allused[_ngcontent-%COMP%] { 10031 width: 106px; 10032 height: 44px; 10033 padding: 0px 16px; 10034 -webkit-backdrop-filter: blur(50px); 10035 backdrop-filter: blur(50px); 10036 background-color: rgba(255, 147, 0, 0.3); 10037} 10038.event-details[_ngcontent-%COMP%] { 10039 width: 225px; 10040 margin: auto; 10041 position: absolute; 10042 text-align: center; 10043 z-index: 999; 10044 font-style: normal; 10045 line-height: normal; 10046 letter-spacing: normal; 10047 text-align: left; 10048 margin-left: 11px; 10049 bottom: 0px; 10050} 10051.event-details[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] { 10052 font-family: "GilroySemiBold"; 10053 font-size: 1.25rem; 10054 color: #f5f5f5; 10055 margin: 26px 0px 3px 0px; 10056 width: 224px; 10057 text-transform: capitalize; 10058 overflow: hidden; 10059} 10060.event-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 10061 font-family: "GilroySemiBold"; 10062 font-size: 0.875rem; 10063 float: left; 10064 margin-top: 0px; 10065 color: #babcc1; 10066} 10067.event-details[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 10068 font-size: 1.375rem !important; 10069 margin-top: -3px; 10070 float: right; 10071 color: #fff; 10072 cursor: pointer; 10073} 10074.disableLinks[_ngcontent-%COMP%] { 10075 opacity: 0.3; 10076 pointer-events: none !important; 10077} 10078.hover-Element[_ngcontent-%COMP%] { 10079 transform: scale(1); 10080 transition: transform 0.3s ease-in-out; 10081} 10082.hover-Element[_ngcontent-%COMP%]:hover { 10083 transform: scale(1.1) !important; 10084 transition: transform 0.3s ease-in-out !important; 10085} 10086@media (min-width: 768px) and (max-width: 1024px) { 10087 .vl[_ngcontent-%COMP%] { 10088 height: 32px; 10089 } 10090 .header-text[_ngcontent-%COMP%] { 10091 margin-left: 21px; 10092 } 10093 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 10094 display: none; 10095 } 10096 .wizard-container[_ngcontent-%COMP%] { 10097 width: 768px; 10098 min-width: 768px; 10099 justify-content: none; 10100 } 10101 .Profile-Setup[_ngcontent-%COMP%] { 10102 margin-left: 30px; 10103 } 10104 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 10105 width: 262px; 10106 margin-left: 20px; 10107 } 10108 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 10109 width: 551px; 10110 padding-right: 18px; 10111 } 10112 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 10113 width: 0; 10114 gap: 39px; 10115 } 10116 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 10117 width: 256px !important; 10118 } 10119 .wizard-component-title[_ngcontent-%COMP%] { 10120 text-align: left; 10121 margin-left: 22px; 10122 } 10123 .NextButton[_ngcontent-%COMP%] { 10124 width: 509px; 10125 } 10126 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 10127 display: none; 10128 } 10129 .wizard-container[_ngcontent-%COMP%] { 10130 width: 768px; 10131 min-width: 768px; 10132 justify-content: none; 10133 }
10134 .Pop-Up-Container[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 10135 width: auto; 10136 margin: 0px 30px 0px 45px; 10137 } 10138 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] { 10139 padding: 110px 44px 44px; 10140 width: 610px; 10141 } 10142 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] { 10143 width: auto; 10144 } 10145 .newsfeedContainer[_ngcontent-%COMP%] { 10146 justify-content: center; 10147 overflow: scroll; 10148 height: 629px; 10149 } 10150 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] { 10151 width: 560px; 10152 height: 639px; 10153 } 10154 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .topImage[_ngcontent-%COMP%] { 10155 width: 560px; 10156 height: 424px; 10157 } 10158 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .detail[_ngcontent-%COMP%] { 10159 width: auto; 10160 } 10161 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] { 10162 width: 530px; 10163 } 10164 .newsfeedContainer[_ngcontent-%COMP%]::-webkit-scrollbar {
10165 display: none; 10166 } 10167 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 10168 margin-right: -145px; 10169 } 10170 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 10171 width: 70%; 10172 margin-left: 60px; 10173 } 10174 .ImageEditContainer[_ngcontent-%COMP%] { 10175 margin-right: 51px; 10176 } 10177} 10178.label[_ngcontent-%COMP%] { 10179 color: #fff; 10180 font-size: 0.875rem; 10181 font-family: "GilroySemiBold"; 10182 text-transform: uppercase; 10183 line-height: normal; 10184 letter-spacing: normal; 10185 padding: 0px; 10186 margin: 0px; 10187} 10188.label[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 10189 color: #c2c7f2; 10190} 10191.label[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 10192 color: #ff4d4d; 10193 font-size: 0.375rem; 10194 position: relative; 10195 top: -10px; 10196} 10197.formFields[_ngcontent-%COMP%] { 10198 display: flex; 10199 flex-direction: column; 10200 gap: 10px; 10201} 10202.fields[_ngcontent-%COMP%] { 10203 padding: 14px 16px 14px 16px; 10204 border-radius: 14px; 10205 border: solid 1px #2f3450; 10206 background-color: #1e1e2c; 10207 font-size: 1rem; 10208 font-family: "GilroyBold"; 10209 color: #ffffff; 10210 display: flex; 10211 align-items: center; 10212 justify-content: center; 10213 -webkit-align-items: center; 10214 -webkit-justify-content: center; 10215} 10216.fields.inputField[_ngcontent-%COMP%] { 10217 width: 282px; 10218 height: 44px; 10219} 10220.fields.locationVenueField[_ngcontent-%COMP%] { 10221 width: 685px; 10222 height: 44px; 10223} 10224.fields.smallInputField[_ngcontent-%COMP%] { 10225 width: 129px; 10226} 10227.fields.smallInputVatField[_ngcontent-%COMP%] { 10228 width: 178px; 10229} 10230.fields.textField[_ngcontent-%COMP%] { 10231 height: 91px; 10232} 10233.fields[_ngcontent-%COMP%]:focus { 10234 border: 1px solid #6fffed; 10235 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 10236} 10237.errorMsg[_ngcontent-%COMP%] { 10238 font-style: normal; 10239 line-height: normal; 10240 letter-spacing: normal; 10241 font-family: "GilroyRegular"; 10242 font-size: 0.75rem; 10243 color: #ff4d4d; 10244 margin: 0px; 10245} 10246.errorMsg.positionAboslute[_ngcontent-%COMP%] { 10247 position: absolute; 10248 top: 54px; 10249} 10250.errorMsg[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 10251 color: #ff4d4d !important; 10252 font-size: 0.3125rem !important; 10253 position: relative !important; 10254 top: -6px !important; 10255 right: 0px !important; 10256 padding-right: 2px !important; 10257} 10258.checkboxText[_ngcontent-%COMP%] { 10259 font-size: 0.875rem; 10260 font-style: normal; 10261 line-height: normal; 10262 letter-spacing: normal; 10263 font-family: "GilroyMedium"; 10264 color: #f5f5f5; 10265 margin: 0px; 10266} 10267.creationWizardTitle[_ngcontent-%COMP%] { 10268 font-size: 1.5rem; 10269 font-family: "GilroyBold"; 10270 color: #f5f5f5; 10271 text-transform: capitalize; 10272 line-height: 0.92; 10273 font-style: normal; 10274} 10275@media screen and (max-width: 767px) { 10276 .glowButton[_ngcontent-%COMP%] { 10277 height: 34px !important; 10278 border-radius: 8px !important; 10279 font-size: 0.625rem !important; 10280 } 10281 .navBottomSpace[_ngcontent-%COMP%] { 10282 height: 4.375rem; 10283 } 10284 .label[_ngcontent-%COMP%] { 10285 font-size: 0.75rem !important; 10286 } 10287 .creationWizardTitle[_ngcontent-%COMP%] { 10288 font-size: 1.25rem !important; 10289 } 10290 .disableButton.new[_ngcontent-%COMP%], .litButton.new[_ngcontent-%COMP%] { 10291 width: 90px !important; 10292 height: 34px !important; 10293 padding: 11px 6px; 10294 font-size: 0.625rem; 10295 border: none; 10296 font-family: "GilroyBold"; 10297 border-radius: 8px; 10298 } 10299 .fields[_ngcontent-%COMP%] { 10300 padding: 10px 10px 10px 10px !important; 10301 border-radius: 8px !important; 10302 font-size: 0.75rem; 10303 font-family: "GilroyBold"; 10304 } 10305 [_ngcontent-%COMP%]::placeholder { 10306 font-size: 0.75rem !important; 10307 } 10308} 10309.btnTooltip[_ngcontent-%COMP%] { 10310 background-color: transparent !important; 10311 outline: none !important; 10312 margin: 0px !important; 10313 padding: 0px !important; 10314 border: none !important; 10315} 10316.capitalizeText[_ngcontent-%COMP%] { 10317 text-transform: capitalize; 10318} 10319.lowercaseText[_ngcontent-%COMP%] { 10320 text-transform: lowercase; 10321} 10322.switch[_ngcontent-%COMP%] { 10323 position: relative; 10324 display: inline-block; 10325 width: 44px; 10326 height: 29px; 10327 padding: 2.07px 2.27px 3.11px 2.27px; 10328 margin: 0; 10329} 10330.switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%] { 10331 opacity: 0; 10332 width: 0; 10333 height: 0; 10334} 10335.slider[_ngcontent-%COMP%] { 10336 position: absolute; 10337 cursor: pointer; 10338 top: 0; 10339 left: 0; 10340 right: 0; 10341 bottom: 0; 10342 background-color: rgb(92, 93, 122); 10343 -webkit-transition: 0.4s; 10344 transition: 0.4s; 10345} 10346.slider[_ngcontent-%COMP%]:before { 10347 position: absolute; 10348 content: ""; 10349 width: 22.744px; 10350 height: 23.821px; 10351 background-color: #fff; 10352 border-radius: 50px; 10353 left: 2.77px; 10354 right: 2.77px; 10355 bottom: 2.07px; 10356 top: 2.07px; 10357 -webkit-transition: 0.4s; 10358 transition: 0.4s; 10359} 10360input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%] { 10361 background-color: rgb(10, 132, 255); 10362} 10363input[_ngcontent-%COMP%]:focus + .slider[_ngcontent-%COMP%] { 10364 box-shadow: 0 0 1px #2196F3; 10365} 10366input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]:before { 10367 -webkit-transform: translateX(15px); 10368 -ms-transform: translateX(15px); 10369 transform: translateX(15px); 10370} 10371.slider.round[_ngcontent-%COMP%] { 10372 border-radius: 50px; 10373} 10374.slider.round[_ngcontent-%COMP%]:before { 10375 border-radius: 50px; 10376} 10377@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 10378 .positionAboslute[_ngcontent-%COMP%] { 10379 position: absolute; 10380 } 10381} 10382.stripeInformation[_ngcontent-%COMP%] {
10383 margin-top: 126px; 10384} 10385.stripeInformation[_ngcontent-%COMP%] .infoText[_ngcontent-%COMP%] { 10386 text-align: left; 10387 font-size: 1.125rem; 10388 margin-bottom: 34px; 10389 margin-top: 74px; 10390 text-transform: capitalize; 10391 font-family: "GilroySemiBold"; 10392} 10393.stripeInformation[_ngcontent-%COMP%] .infoText.noData[_ngcontent-%COMP%] { 10394 color: #6fffed; 10395} 10396.stripeInformation[_ngcontent-%COMP%] .infoText.data[_ngcontent-%COMP%] { 10397 color: #f5f5f5; 10398} 10399.stripeInformation[_ngcontent-%COMP%] .stripeBox[_ngcontent-%COMP%] { 10400 width: 501px; 10401 background-color: #313245; 10402 padding: 20px 30px 30px; 10403 border-radius: 20px; 10404} 10405.stripeInformation[_ngcontent-%COMP%] .stripeBox.notConnected[_ngcontent-%COMP%] { 10406 height: 301px; 10407} 10408.stripeInformation[_ngcontent-%COMP%] .stripeBox.connected[_ngcontent-%COMP%] { 10409 height: 301px; 10410 display: flex; 10411 flex-direction: column; 10412 align-items: center; 10413} 10414.stripeInformation[_ngcontent-%COMP%] .stripeBox[_ngcontent-%COMP%] .stripeLogo[_ngcontent-%COMP%] { 10415 width: 115px; 10416 height: 55px; 10417 margin-bottom: 10px; 10418 position: relative; 10419 left: -14px; 10420} 10421.stripeInformation[_ngcontent-%COMP%] .stripeBox[_ngcontent-%COMP%] .bigStripeLogo[_ngcontent-%COMP%] { 10422 width: 218px; 10423 height: 104px; 10424 margin: 0 auto; 10425} 10426.stripeInformation[_ngcontent-%COMP%] .stripeBox[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 10427 color: #6772e5; 10428 font-family: "GilroySemiBold"; 10429 font-size: 1.125rem; 10430 letter-spacing: 0.56px; 10431 text-transform: capitalize; 10432 text-align: center; 10433 margin: 13px 0px 22px; 10434} 10435.stripeInformation[_ngcontent-%COMP%] .stripeBox[_ngcontent-%COMP%] .boxTitle[_ngcontent-%COMP%] { 10436 font-size: 1rem; 10437 font-family: "GilroySemiBold"; 10438 letter-spacing: 0.5px; 10439 color: #f5f5f5; 10440 text-align: left; 10441 text-transform: capitalize; 10442 margin-bottom: 15px; 10443} 10444.stripeInformation[_ngcontent-%COMP%] .stripeBox[_ngcontent-%COMP%] .boxSubTitle[_ngcontent-%COMP%] { 10445 font-family: "GilroySemiBold"; 10446 font-size: 0.75rem; 10447 color: #f5f5f5; 10448 letter-spacing: 0.38px; 10449 text-align: left; 10450} 10451.stripeInformation[_ngcontent-%COMP%] .stripeBox[_ngcontent-%COMP%] .boxSubTitle[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 10452 text-decoration: none; 10453 cursor: pointer; 10454 color: #6772e5; 10455} 10456.stripeInformation[_ngcontent-%COMP%] .stripeBox[_ngcontent-%COMP%] .custom-Label[_ngcontent-%COMP%] { 10457 font-size: 0.75rem; 10458 color: #f5f5f5; 10459 padding-left: 8px; 10460} 10461.stripeInformation[_ngcontent-%COMP%] .stripeBox[_ngcontent-%COMP%] .custom-Label.passwordLabel[_ngcontent-%COMP%] { 10462 width: 441px; 10463 position: relative; 10464} 10465.stripeInformation[_ngcontent-%COMP%] .stripeBox[_ngcontent-%COMP%] .custom-Label.passwordLabel[_ngcontent-%COMP%] .forgetPasswordText[_ngcontent-%COMP%] { 10466 font-size: 0.75rem; 10467 font-family: "GilroyMedium"; 10468 letter-spacing: 0.38px; 10469 font-family: "GilroyMedium"; 10470 position: absolute; 10471 cursor: pointer; 10472 right: 0px; 10473} 10474.stripeInformation[_ngcontent-%COMP%] .stripeBox[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 10475 border-radius: 10px; 10476 border: solid 1px #6772e5; 10477 margin-top: 6px; 10478 margin-bottom: 35px; 10479 width: 441px; 10480 height: 38px; 10481} 10482.stripeInformation[_ngcontent-%COMP%] .stripeBox[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 10483 width: 340px; 10484 height: 36px; 10485 display: block; 10486 margin: 30px auto 0px; 10487 background-color: #6772e5; 10488 color: #f5f5f5; 10489 border: none !important; 10490 border-radius: 10px; 10491 padding: 7px 0px 7px; 10492} 10493.checkbox-section[_ngcontent-%COMP%] { 10494 display: flex; 10495 align-items: center; 10496 gap: 10px; 10497} 10498.checkBoxEnable[_ngcontent-%COMP%], .checkBoxDisabled[_ngcontent-%COMP%] { 10499 border-radius: 4px; 10500 border: 2px solid #6772e5; 10501} 10502.checkbox-custom[_ngcontent-%COMP%]:checked { 10503 border: 2px solid #6772e5; 10504 border-top: none !important; 10505 border-right: none !important; 10506} 10507.checkbox-custom[_ngcontent-%COMP%]:focus { 10508 border: 2px solid #6772e5 !important; 10509} 10510@media (min-width: 320px) and (max-width: 420px) { 10511 .stripeInformation[_ngcontent-%COMP%] { 10512 margin-left: 350px; 10513 } 10514}`]})}}return e})();var ht=["startDateCalendar"],Ct=["endDateCalendar"];function _t(e,o){if(e&1){let n=P();i(0,"button",10),m("click",function(){_(n);let r=d();return b(r.pillChanged("Membership Fees"))}),c(1," Membership Fees "),a()}if(e&2){let n=d();u(n.selectedPill==="Membership Fees"?"active":"")}}function bt(e,o){if(e&1){let n=P();i(0,"button",10),m("click",function(){_(n);let r=d();return b(r.pillChanged("Stripe"))}),c(1," Stripe "),a()}if(e&2){let n=d();u(n.selectedPill==="Stripe"?"active":"")}}function Mt(e,o){if(e&1){let n=P();i(0,"button",10),m("click",function(){_(n);let r=d();return b(r.pillChanged("Membership Card"))}),c(1," Membership Card "),a()}if(e&2){let n=d();u(n.selectedPill==="Membership Card"?"active":"")}}function Pt(e,o){if(e&1&&g(0,"img",12),e&2){let n=d(2);C("src",n.NotificationIndicator,x)}}function ut(e,o){if(e&1){let n=P();i(0,"button",10),m("click",function(){_(n);let r=d();return b(r.pillChanged("Already Paid Approval"))}),c(1," Already Paid Approval "),M(2,Pt,1,1,"img",11),a()}if(e&2){let n=d();u(n.selectedPill==="Already Paid Approval"?"active":""),p(2),l("ngIf",n.Indicator)}}function Ot(e,o){if(e&1){let n=P();i(0,"button",10),m("click",function(){_(n);let r=d();return b(r.pillChanged("Members"))}),c(1," Members "),a()}if(e&2){let n=d();u(n.selectedPill==="Members"?"active":"")}}function wt(e,o){if(e&1){let n=P();y(0),i(1,"form",13)(2,"div",14)(3,"div",15)(4,"div",16),c(5,"From"),a(),g(6,"p-calendar",17,0),i(8,"i",18),m("click",function(){_(n);let r=d();
10514return b(r.openStartDateCalendar())}),a()(),i(9,"div",15)(10,"div",16),c(11,"To"),a(),g(12,"p-calendar",19,1),i(14,"i",18),m("click",function(){_(n);let r=d();return b(r.openEndDateCalendar())}),a()()()(),k()}if(e&2){let n=d();p(),l("formGroup",n.datesForm),p(5),l("readonlyInput",!0),p(6),l("minDate",n.toDateMin)("readonlyInput",!0)}}function yt(e,o){if(e&1){let n=P();y(0),i(1,"app-membership-fees",20),m("ButtonClicked",function(r){_(n);let f=d();return b(f.ButtonClicked(r))}),a(),k()}if(e&2){let n=d();p(),l("disableFeeComponent",n.disableFeeComponent)}}function kt(e,o){e&1&&(y(0),g(1,"app-membership-stripe"),k())}function vt(e,o){e&1&&(y(0),g(1,"app-membership-card"),k())}function zt(e,o){if(e&1){let n=P();y(0),i(1,"app-membership-approval",21),m("ButtonClicked",function(r){_(n);let f=d();return b(f.Refresh(r))}),a(),k()}if(e&2){let n=d();p(),l("startDate",n.startDate)("endDate",n.endDate)("filteredPendingRequestsList",n.filteredPendingRequestsList)}}function Bt(e,o){if(e&1&&(y(0),g(1,"app-membership-members",22),k()),e&2){let n=d();p(),l("startDate",n.startDate)("endDate",n.endDate)}}var H=class Pn{constructor(o,n,t,r,f,$){this.membershipService=o,this.sharedService=n,this._formBuilder=t,this.route=r,this.router=f,this.pubnubService=$,this.heading="Membership Fees",this.subheading="Membership fee details",this.hideSearchBar=!0,this.Line=!0,this.Notification=!0,this.profiledropDown=!0,this.hideLogo=!0,this.hideCross=!1,this.NotificationIndicator=h.imagesUrl+"Icons/NotificationIndicator.svg",this.Indicator=!0,this.selectedPill="Membership Fees",this.disableFeeComponent=!1,this.feePill=!1,this.stripePill=!1,this.alreadyPaidPill=!1,this.cardPill=!1,this.membersPill=!1,this.filteredPendingRequestsList=[]}ngOnInit(){this.getMembership(),this.datesForm=this.createForm(),this.datesForm.valueChanges.subscribe(()=>{this.datesForm.valid&&(this.startDate=(0,Y.default)(this.datesForm.controls.startDate.value).toDate(),this.endDate=(0,Y.default)(this.datesForm.controls.endDate.value).toDate(),this.filterList())}),this.membershipService.membershipModel.id&&this.membershipService.membershipModel.id>0&&(this.disableFeeComponent=!0),this.route.params.subscribe(o=>{o&&(o.stripeReturnURL==="RefreshUrl"||o.stripeReturnURL==="ReturnUrl")&&(this.router.navigate(["Membership"]),this.collegeReturnUrl(o.stripeReturnURL))}),this.unsubscribePubnub$=this.pubnubService.liveUpdates.subscribe(o=>{this.implementLiveAnalytics(o)})}implementLiveAnalytics(o){o.userMetadata.Type}pillChanged(o){this.selectedPill!==o&&(this.selectedPill=o,this.changeHeadings())}changeHeadings(){switch(this.selectedPill){case"Membership Fees":case"Stripe":this.heading="Membership Fees",this.subheading="Membership fee details";break;case"Membership Card":case"Members":this.heading="Membership",this.subheading="Membership details";break;case"Already Paid Approval":this.heading="Paid Already Approvals",this.subheading="Please confirm that these members have ";break}}openStartDateCalendar(){this.startDateCalendar.overlayVisible||(this.startDateCalendar.showOverlay(),this.startDateCalendar.cd.detectChanges())}openEndDateCalendar(){this.endDateCalendar.overlayVisible||(this.endDateCalendar.showOverlay(),this.endDateCalendar.cd.detectChanges())}getMembership(){this.sharedService.loader(!0),this.membershipService.getMemberShipListing({}).subscribe({next:o=>{o&&o.pendingRequests&&o.pendingRequests.length!==0&&o.pendingRequests.forEach(n=>{n.dateRequested=this.sharedService.utcToLocalDate(n.dateRequested).toDate()}),this.membershipService.membershipModel=new I(o),this.filterList(),this.sharedService.loader(!1),this.showHidePills(),this.membershipService.membershipModel.id&&this.membershipService.membershipModel.id>0&&(this.disableFeeComponent=!0)}})}createForm(){return this.startDate=(0,Y.default)().subtract(6,"month").toDate(),this.endDate=(0,Y.default)().add(6,"month").toDate(),this.toDateMin=new Date(this.startDate),this._formBuilder.group({startDate:[new Date(this.startDate),[_n.required]],endDate:[new Date(this.endDate),[_n.required]]})}showHidePills(){this.sharedService.userDetailModel.role===F.Club||this.sharedService.userDetailModel.role===F.Society?this.feePill=!0:this.selectedPill="Membership Card",this.membershipService.membershipModel.id&&this.membershipService.membershipModel.id>0&&this.membershipService.membershipModel.isPaid&&(this.stripePill=!0),this.membershipService.membershipModel.id&&this.membershipService.membershipModel.id>0&&(this.cardPill=!0,this.membersPill=!0),this.membershipService.membershipModel.isStripeConnected&&(this.alreadyPaidPill=!0)}collegeReturnUrl(o){this.membershipService.collegeReturnUrl({status:o,Id:this.sharedService.userDetailModel.userID,type:this.sharedService.userDetailModel.role}).subscribe({next:n=>{this.getMembership()}})}Refresh(o){o==="Refresh"&&this.getMembership()}ButtonClicked(o){this.sharedService.loader(!0),this.membershipService.createMembership({fee:this.membershipService.membershipModel.membershipFee,ispaid:this.membershipService.membershipModel.isPaid}).subscribe({next:n=>{this.disableFeeComponent=!0,this.pillChanged(o),this.membershipService.getMemberShipListing({}).subscribe({next:t=>{t.pendingRequests&&t.pendingRequests.length!==0&&t.pendingRequests.forEac
10514h(r=>{r.dateRequested=this.sharedService.utcToLocalDate(r.dateRequested).toDate()}),this.membershipService.membershipModel=new I(t),this.sharedService.loader(!1),this.cardPill=!0,this.membersPill=!0,this.membershipService.membershipModel.isPaid&&(this.stripePill=!0)},error:()=>{this.sharedService.loader(!1)}})},error:()=>{this.sharedService.loader(!1)}})}filterList(){this.startDate&&this.endDate&&(this.filteredPendingRequestsList=this.membershipService.membershipModel.pendingRequests.filter(o=>o.dateRequested>=this.startDate&&o.dateRequested<=this.endDate))}ngOnDestroy(){this.membershipService.resetService()}static{this.\u0275fac=function(n){return new(n||Pn)(s(B),s(z),s(an),s(Dn),s(cn),s(ln))}}static{this.\u0275cmp=w({type:Pn,selectors:[["app-membership-dashboard"]],viewQuery:function(n,t){if(n&1&&(fn(ht,5),fn(Ct,5)),n&2){let r;xn(r=hn())&&(t.startDateCalendar=r.first),xn(r=hn())&&(t.endDateCalendar=r.first)}},decls:19,vars:20,consts:[["startDateCalendar",""],["endDateCalendar",""],[1,"flex-container"],[1,"columns"],[3,"heading","subheading","hideSearchBar","Line","Notification","hideLogo","text","hideCross","profiledropDown"],[1,"CenterAlign"],[1,"ComponentsWrapper"],[1,"top-nav"],[3,"class","click",4,"ngIf"],[4,"ngIf"],[3,"click"],["class","Indicator",3,"src",4,"ngIf"],[1,"Indicator",3,"src"],[3,"formGroup"],[1,"dFlexRow","Calendar"],[1,"calenderField"],[1,"custom-Label"],["formControlName","startDate","placeholder","From","dateFormat","dd/mm/y",1,"start",3,"readonlyInput"],[1,"fa","fa-angle-down",3,"click"],["formControlName","endDate","placeholder","To","dateFormat","dd/mm/y",3,"minDate","readonlyInput"],[3,"ButtonClicked","disableFeeComponent"],[3,"ButtonClicked","startDate","endDate","filteredPendingRequestsList"],[3,"startDate","endDate"]],template:function(n,t){n&1&&(i(0,"div",2)(1,"div",3),g(2,"app-main-dashboard-stepper"),a(),i(3,"div",3),g(4,"app-reusable-header",4),i(5,"div",5)(6,"div",6)(7,"div",7),M(8,_t,2,3,"button",8)(9,bt,2,3,"button",8)(10,Mt,2,3,"button",8)(11,ut,3,4,"button",8)(12,Ot,2,3,"button",8)(13,wt,15,4,"ng-container",9),a(),M(14,yt,2,1,"ng-container",9)(15,kt,2,0,"ng-container",9)(16,vt,2,0,"ng-container",9)(17,zt,2,3,"ng-container",9)(18,Bt,2,2,"ng-container",9),a()()()()),n&2&&(p(4),l("heading",t.heading)("subheading",t.subheading)("hideSearchBar",t.hideSearchBar)("Line",t.Line)("Notification",t.Notification)("hideLogo",t.hideLogo)("text",!0)("hideCross",!0)("profiledropDown",!0),p(4),l("ngIf",t.feePill),p(),l("ngIf",t.stripePill),p(),l("ngIf",t.cardPill),p(),l("ngIf",t.alreadyPaidPill),p(),l("ngIf",t.cardPill),p(),l("ngIf",t.selectedPill=="Already Paid Approval"||t.selectedPill=="Members"),p(),l("ngIf",t.selectedPill=="Membership Fees"),p(),l("ngIf",t.selectedPill=="Stripe"),p(),l("ngIf",t.selectedPill=="Membership Card"),p(),l("ngIf",t.selectedPill=="Already Paid Approval"),p(),l("ngIf",t.selectedPill=="Members"))},dependencies:[T,Un,Wn,en,nn,tn,on,rn,Ln,qn,Yn,Hn,gn,$n],styles:[` 10515 10516.sidebar-navigation-layout-event[_ngcontent-%COMP%] { 10517 background-color: #232638; 10518 width: 100%; 10519 min-height: 100vh; 10520 max-height: 100%; 10521 max-width: 265px; 10522 padding: 24px 10px 20px 10px; 10523 z-index: 1; 10524 position: sticky; 10525 top: 0 !important; 10526} 10527.row-three-column-layout[_ngcontent-%COMP%] { 10528 display: flex; 10529 flex-direction: row; 10530} 10531.row-three-column-layout[_ngcontent-%COMP%] .columns[_ngcontent-%COMP%] { 10532 width: 33.33%; 10533 padding-left: 0px !important; 10534 margin-right: 91.9px !important; 10535} 10536.flex-container[_ngcontent-%COMP%] { 10537 display: flex; 10538 flex-direction: row; 10539 width: 100vw; 10540 height: 100vh !important; 10541 overflow: hidden !important; 10542} 10543.columns[_ngcontent-%COMP%]:nth-of-type(1) { 10544 width: 22%; 10545 max-width: 14.37rem; 10546 z-index: 1; 10547} 10548.columns[_ngcontent-%COMP%]:nth-of-type(2) { 10549 width: 100%; 10550 background: #0B0D1D; 10551} 10552.data-top-box[_ngcontent-%COMP%] { 10553 margin-top: 27.5px; 10554 width: 100%; 10555 height: 205px; 10556 padding: 15px 15px 15px 15px; 10557 border-radius: 10px; 10558 background-image: 10559 linear-gradient( 10560 to bottom, 10561 #282c40, 10562 #232333); 10563 display: flex; 10564 flex-direction: row; 10565} 10566.data-top-box[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] { 10567 font-family: "GilroySemiBold"; 10568 font-size: 1.125rem; 10569 text-align: left; 10570 font-style: normal; 10571 line-height: 0.72; 10572 letter-spacing: normal; 10573 color: #f5f5f5; 10574 margin-top: 5.5px; 10575} 10576.data-top-box[_ngcontent-%COMP%] .cola[_ngcontent-%COMP%] { 10577 width: 50%; 10578} 10579.attendee-boxes[_ngcontent-%COMP%] { 10580 display: flex; 10581 flex-direction: row; 10582 justify-content: space-between; 10583 width: 95%; 10584} 10585.attendee-desc[_ngcontent-%COMP%] { 10586 margin-left: 5.8px; 10587 margin-right: 5.8px; 10588} 10589.attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 10590 font-family: "GilroySemiBold"; 10591 font-size: 0.875rem; 10592 font-style: normal; 10593 line-height: 0.93; 10594 letter-spacing: normal; 10595 text-transform: uppercase; 10596 margin-bottom: 0px; 10597} 10598.attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 10599 font-family: "GilroySemiBold"; 10600 font-size: 1.625rem; 10601 text-align: left; 10602 font-style: normal; 10603 line-height: 0.5; 10604 letter-spacing: normal; 10605 color: #f5f5f5; 10606 margin-top: 10px; 10607 margin-left: 2px; 10608} 10609.attendee-details[_ngcontent-%COMP%] { 10610 margin-top: 21.5px; 10611 display: flex; 10612 flex-direction: row; 10613 justify-content: space-evenly; 10614} 10615.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 10616 width: 45px; 10617 height: 45px; 10618 transform: scale(1) !important; 10619 transition: transform 0.3s ease-in-out !important; 10620} 10621.attendee-details[_ngcontent-%COMP%] .going[_ngcontent-%COMP%] { 10622 color: #6fffed; 10623} 10624.attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 10625 color: #b260ea; 10626 width: 127px; 10627} 10628.attendee-details[_ngcontent-%COMP%] .vip_passes[_ngcontent-%COMP%] { 10629 color: #ff9300; 10630 width: 72px; 10631} 10632.attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%]:hover { 10633 transform: scale(1.1) !important; 10634 transition: transform 0.3s ease-in-out !important; 10635} 10636@media (min-width: 375) and (max-width: 425px) { 10637 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 10638 display: none; 10639 } 10640} 10641@media (min-width: 768px) and (max-width: 1365px) { 10642 .attendee-boxes[_ngcontent-%COMP%] { 10643 display: flex; 10644 flex-direction: row; 10645 justify-content: space-around; 10646 margin-right: 5px; 10647 } 10648 .attendee-desc[_ngcontent-%COMP%] { 10649 margin-left: 3.8px; 10650 margin-right: 3.8px; 10651 } 10652 .attendee-details[_ngcontent-%COMP%] { 10653 margin-top: 21.5px; 10654 display: flex; 10655 flex-direction: row; 10656 justify-content: space-evenly; 10657 } 10658 .attendee-details[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 10659 width: 35px; 10660 height: 35px; 10661 } 10662 .attendee-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 10663 font-size: 0.75rem; 10664 } 10665 .attendee-details[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] { 10666 font-size: 1.25rem; 10667 } 10668 .attendee-details[_ngcontent-%COMP%] .wallets[_ngcontent-%COMP%] { 10669 width: 110px; 10670 } 10671 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 10672 display: none; 10673 } 10674 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 10675 width: 100vw; 10676 } 10677 .ComponentsWrapper[_ngcontent-%COMP%] { 10678 width: 100% !important; 10679 } 10680} 10681@media screen and (min-width: 1025px) and (max-width: 1365px) { 10682 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 10683 display: none; 10684 } 10685} 10686@media (min-width: 900px) and (width: 1900px) { 10687 .columns[_ngcontent-%COMP%]:nth-of-type(1) { 10688 width: 15%; 10689 } 10690 .columns[_ngcontent-%COMP%]:nth-of-type(2) { 10691 width: 85%; 10692 } 10693} 10694.wizard-container[_ngcontent-%COMP%] { 10695 display: flex; 10696 flex-direction: row; 10697 width: 1440px; 10698 min-width: 1440px; 10699 justify-content: center; 10700 margin: auto; 10701} 10702.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 10703 width: 100%; 10704 display: flex; 10705 flex-direction: row; 10706} 10707.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 10708 display: flex; 10709 flex-direction: column; 10710 width: 75%; 10711} 10712.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container.fullWidth[_ngcontent-%COMP%] { 10713 width: 100% !important; 10714} 10715.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 10716 width: 42%; 10717 color: #fff; 10718 margin-right: 35px !important; 10719 margin-top: 36px; 10720} 10721.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 10722 width: 365px; 10723 height: 733px; 10724 margin-top: 20px; 10725 margin-right: 35px; 10726 position: -webkit-sticky; 10727 position: sticky; 10728 top: 155px; 10729} 10730.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 10731 width: 42%; 10732 color: #fff; 10733 margin-right: 35px !important; 10734 margin-top: 36px; 10735 z-index: -1; 10736} 10737.wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .mobile-containerWithZ-Index[_ngcontent-%COMP%] .mobile[_ngcontent-%COMP%] { 10738 position: relative; 10739 width: 365px; 10740 height: 733px; 10741 margin-top: 20px; 10742 margin-right: 35px; 10743} 10744.wizard-footer[_ngcontent-%COMP%] { 10745 width: 687px; 10746 height: 65px; 10747 position: absolute; 10748 bottom: 0%; 10749 padding: 0px 95px; 10750 display: flex; 10751 justify-content: flex-end; 10752 align-items: center; 10753} 10754@media only screen and (max-height: 900px) { 10755 .mobile-container[_ngcontent-%COMP%] { 10756 margin-top: 0px !important; 10757 } 10758} 10759.NextButton[_ngcontent-%COMP%] { 10760 margin-top: 40px; 10761 display: flex; 10762 justify-content: flex-end; 10763 width: 588px; 10764 height: 65px; 10765} 10766.CenterAlign[_ngcontent-%COMP%] { 10767 display: flex; 10768 align-items: center; 10769 flex-direction: column; 10770 justify-content: center; 10771} 10772.ComponentsWrapper[_ngcontent-%COMP%] { 10773 width: 1115px; 10774} 10775.minusSign[_ngcontent-%COMP%] { 10776 margin-right: 11.5px; 10777 width: 10px; 10778 height: 21px; 10779 cursor: pointer; 10780 transition: all 0.2s ease-in-out; 10781} 10782.plusSign[_ngcontent-%COMP%] { 10783 margin-left: 11.5px; 10784 width: 10px; 10785 height: 21px; 10786 cursor: pointer; 10787 transition: all 0.2s ease-in-out; 10788} 10789.minusSign[_ngcontent-%COMP%]:hover, .plusSign[_ngcontent-%COMP%]:hover { 10790 transform: scale(1.2); 10791} 10792.app-scrollbar[_ngcontent-%COMP%] { 10793 position: relative; 10794 top: 0px; 10795 right: 0px; 10796 padding: 0px; 10797 z-index: 0; 10798} 10799.leftArrow-Container[_ngcontent-%COMP%] { 10800 width: 50px; 10801 height: 154px; 10802 background-image: 10803 linear-gradient( 10804 to right, 10805 #1e1e2c, 10806 rgba(30, 30, 44, 0.5)); 10807 display: flex; 10808 align-items: center; 10809 position: absolute; 10810 justify-content: center; 10811 z-index: 4; 10812 left: 210px; 10813} 10814.leftArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 10815 color: #f5f5f5; 10816 font-size: 1.75rem; 10817 cursor: pointer; 10818 transition: 0.2s ease-in-out; 10819} 10820.rightArrow-Container[_ngcontent-%COMP%] { 10821 width: 50px; 10822 height: 154px; 10823 background-image: 10824 linear-gradient( 10825 to right, 10826 #1e1e2c, 10827 rgba(30, 30, 44, 0.5)); 10828 display: flex; 10829 align-items: center; 10830 position: absolute; 10831 justify-content: center; 10832 z-index: 4; 10833 right: -24px; 10834} 10835.rightArrow-Container[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 10836 color: #f5f5f5; 10837 font-size: 1.75rem; 10838 cursor: pointer; 10839} 10840.leftArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%], .rightArrow-Container[_ngcontent-%COMP%]:hover i[_ngcontent-%COMP%] { 10841 transform: scale(1.4); 10842 transition: 0.2s ease-in-out; 10843} 10844.top-nav[_ngcontent-%COMP%] { 10845 top: -23px; 10846 z-index: 1; 10847 position: relative; 10848 display: flex; 10849 flex-direction: row; 10850 gap: 15px; 10851} 10852.top-nav.Opacity[_ngcontent-%COMP%] { 10853 opacity: 0.3; 10854 transition: 0.1s ease-in;
10855 z-index: 0; 10856} 10857.top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 10858 margin: 20px 0px 0px 0px; 10859 padding: 11px 20px 11px; 10860 border-radius: 25px; 10861 height: 42px; 10862 width: auto !important; 10863 background-color: rgba(111, 255, 237, 0.1); 10864 transition: background-color 0.3s ease-in-out; 10865 transform: scale(1); 10866 transition: transform 0.3s ease-in-out; 10867 color: #6fffed; 10868 font-family: "GilroyMedium"; 10869 font-size: 1rem; 10870 font-style: normal; 10871 line-height: normal; 10872 letter-spacing: normal; 10873 cursor: pointer; 10874 border: none; 10875 outline: none; 10876 z-index: 0; 10877} 10878.top-nav[_ngcontent-%COMP%] button.active[_ngcontent-%COMP%] { 10879 color: #313245; 10880 background-color: #6fffed; 10881 transition: background-color 0.3s ease-in-out; 10882} 10883.Pop-Up-Container-Body[_ngcontent-%COMP%] { 10884 width: 100%; 10885 height: 100vh; 10886 display: flex; 10887 align-items: center; 10888 justify-content: center; 10889 position: fixed; 10890 top: 1.5%; 10891} 10892.scroller[_ngcontent-%COMP%] { 10893 top: 0; 10894 width: 204px; 10895 transition: 0.2s ease-in-out; 10896 position: relative; 10897 margin-right: 15px; 10898 font-style: normal; 10899 z-index: 0; 10900} 10901.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] { 10902 width: 204px; 10903 height: 154px; 10904 background-color: #242637; 10905 border-radius: 5px; 10906 cursor: pointer; 10907 display: flex; 10908 flex-direction: column; 10909 justify-content: center; 10910 align-items: center; 10911 vertical-align: middle; 10912} 10913.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-icon[_ngcontent-%COMP%] { 10914 width: 26.9px; 10915 height: 26.9px; 10916} 10917.scroller[_ngcontent-%COMP%] .create-button[_ngcontent-%COMP%] .create-title[_ngcontent-%COMP%] { 10918 font-family: "GilroyMedium"; 10919 font-size: 1rem; 10920 line-height: 1.23; 10921 letter-spacing: normal; 10922 margin: 16.1px 0 0; 10923 text-align: center; 10924 color: #6fffed; 10925 width: 112px; 10926 height: 45px; 10927} 10928.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] { 10929 display: inline-block; 10930 width: 252px; 10931 height: 154px; 10932 padding: 0 15px 17px 0; 10933 border-radius: 5px !important; 10934 cursor: pointer; 10935 position: relative; 10936 top: 0px; 10937 z-index: -1; 10938} 10939.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 10940 width: 252px; 10941 height: 154px; 10942 border-radius: 5px; 10943 position: absolute; 10944 object-fit: cover; 10945 object-position: center; 10946} 10947.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] { 10948 width: 252px; 10949 height: 568px; 10950 background-image: 10951 linear-gradient( 10952 to bottom, 10953 #242637, 10954 #1e1e2c); 10955 position: absolute; 10956 top: 97%; 10957 z-index: 0; 10958 bottom: 140px; 10959 display: none; 10960 transition: 0.2s ease-in-out; 10961 padding: 20px 17.7px 20px 17.7px; 10962} 10963.scroller[_ngcontent-%COMP%] .event-thumbnail[_ngcontent-%COMP%] .event-menu-wrapper[_ngcontent-%COMP%] .event-menu-container[_ngcontent-%COMP%] { 10964 display: flex; 10965 flex-direction: column; 10966 justify-content: center; 10967 text-align: center; 10968} 10969.Inline-Container[_ngcontent-%COMP%]::-webkit-scrollbar {
10970 display: none !important; 10971} 10972.Inline-Container[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] { 10973 display: flex; 10974 flex-direction: row; 10975 padding-inline-start: 0px; 10976 list-style-type: none; 10977 transition: transform 0.5s ease; 10978} 10979.Inline-Container[_ngcontent-%COMP%] { 10980 cursor: grab; 10981} 10982.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover { 10983 top: -65px !important; 10984 z-index: 2; 10985 transition: 0.2s ease-in-out; 10986} 10987.Inline-Container[_ngcontent-%COMP%] .scroller[_ngcontent-%COMP%]:hover .event-menu-wrapper[_ngcontent-%COMP%] { 10988 display: block !important; 10989} 10990.control-item[_ngcontent-%COMP%] { 10991 display: flex; 10992 flex-direction: column; 10993 justify-content: center; 10994 align-items: center; 10995 width: 58px; 10996 cursor: pointer; 10997} 10998.control-item[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 10999 width: 40px !important; 11000 height: 40px !important; 11001 position: relative !important; 11002 object-fit: contain; 11003 transition: all 0.2s ease-in-out; 11004} 11005.control-item[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 11006 font-family: "GilroyLight"; 11007 font-size: 0.875rem; 11008 font-style: normal; 11009 line-height: normal; 11010 letter-spacing: normal; 11011 text-align: center; 11012 color: #c2c7f2; 11013 white-space: normal; 11014 margin-top: 12px; 11015} 11016.InputFieldArrow[_ngcontent-%COMP%] { 11017 position: relative; 11018 width: 272px !important; 11019} 11020.InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 11021 position: absolute; 11022 color: #babcc1; 11023 font-size: 1.5rem; 11024 top: 20px; 11025 right: 16px; 11026 z-index: 1; 11027 cursor: pointer; 11028} 11029@media (min-width: 768px) and (max-width: 1024px) { 11030 .mobile-containerWithZ-Index[_ngcontent-%COMP%] { 11031 display: none; 11032 } 11033 .InputFieldArrow[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 11034 position: relative; 11035 right: -232px; 11036 top: 46px; 11037 } 11038 .top-nav[_ngcontent-%COMP%] { 11039 top: -23px; 11040 z-index: 1; 11041 position: relative; 11042 display: inline-block; 11043 width: 100%; 11044 white-space: nowrap; 11045 overflow: auto; 11046 } 11047 .top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 11048 margin: 20px 20px 0px 0px; 11049 } 11050 .NextButton[_ngcontent-%COMP%] { 11051 width: 514px; 11052 } 11053} 11054.top-nav[_ngcontent-%COMP%]::-webkit-scrollbar {
11055 display: none; 11056} 11057.popUpBox[_ngcontent-%COMP%] { 11058 width: 100%; 11059 height: auto; 11060 background-color: #1e1e2c; 11061 padding: 40px; 11062} 11063.popUpBox[_ngcontent-%COMP%] .topTitleBar[_ngcontent-%COMP%] .creationWizardTitle[_ngcontent-%COMP%] { 11064 line-height: 1.08; 11065} 11066.popUpBox[_ngcontent-%COMP%] .topTitleBar.dFlexRow[_ngcontent-%COMP%] { 11067 justify-content: space-between; 11068} 11069@media screen and (max-width: 767px) { 11070 .popUpBox[_ngcontent-%COMP%] { 11071 padding: 16px !important; 11072 } 11073} 11074@keyframes _ngcontent-%COMP%_expander { 11075 from { 11076 transform: scale(1); 11077 } 11078 50% { 11079 transform: scale(1.1); 11080 } 11081 100% { 11082 transform: scale(1.2); 11083 } 11084} 11085@-webkit-keyframes _ngcontent-%COMP%_slide { 11086 100% { 11087 left: -55px; 11088 } 11089} 11090@keyframes _ngcontent-%COMP%_slide { 11091 100% { 11092 left: -55px; 11093 } 11094} 11095@-webkit-keyframes _ngcontent-%COMP%_slideDrawer { 11096 0% { 11097 left: -245px; 11098 } 11099 100% { 11100 left: 0; 11101 } 11102} 11103@keyframes _ngcontent-%COMP%_slideDrawer { 11104 0% { 11105 left: -245px; 11106 } 11107 100% { 11108 left: 0; 11109 } 11110} 11111@-webkit-keyframes _ngcontent-%COMP%_slideBox { 11112 0% { 11113 left: -600px; 11114 } 11115 100% { 11116 left: 0px; 11117 } 11118} 11119@keyframes _ngcontent-%COMP%_slideBox { 11120 0% { 11121 left: -600px; 11122 } 11123 100% { 11124 left: 0px; 11125 } 11126} 11127.menu-items-grid[_ngcontent-%COMP%] .control-item[_ngcontent-%COMP%]:hover img[_ngcontent-%COMP%] { 11128 transform: scale(1.2); 11129} 11130@keyframes _ngcontent-%COMP%_slideUp { 11131 0% { 11132 transform: translate3d(0, 20px, 0); 11133 opacity: 0; 11134 } 11135 50% { 11136 transform: translate3d(0, 10px, 0); 11137 opacity: 0.5; 11138 } 11139 100% { 11140 transform: translate3d(0, 0px, 0); 11141 opacity: 1; 11142 } 11143} 11144@keyframes _ngcontent-%COMP%_fadein { 11145 from { 11146 opacity: 0; 11147 } 11148 to { 11149 opacity: 1; 11150 } 11151} 11152.gray-BG[_ngcontent-%COMP%] { 11153 background-color: #babcc1 !important; 11154} 11155.midnight-express-BG[_ngcontent-%COMP%] { 11156 background-color: #242637; 11157} 11158.black-russian[_ngcontent-%COMP%] { 11159 background-color: #0b0b1a !important; 11160} 11161.baby-blue-BG[_ngcontent-%COMP%] { 11162 background-color: #6fffed !important; 11163} 11164.slate-blue-BG[_ngcontent-%COMP%] { 11165 background-color: #5e5cde !important; 11166} 11167.dark-orange-BG[_ngcontent-%COMP%] { 11168 background-color: #ff9300 !important; 11169} 11170.dodger-blue[_ngcontent-%COMP%] { 11171 background-color: #0a84ff !important; 11172} 11173.medium-orchid-BG[_ngcontent-%COMP%] { 11174 background-color: #bf5af2 !important; 11175} 11176.rich-lilac-BG[_ngcontent-%COMP%] { 11177 background-color: #b260ea; 11178} 11179.comet-BG[_ngcontent-%COMP%] { 11180 background-color: #5e5f71; 11181} 11182.gamboge-BG[_ngcontent-%COMP%] { 11183 background-color: #e68f09; 11184} 11185.blur[_ngcontent-%COMP%] { 11186 -webkit-filter: blur(8px); 11187 -moz-filter: blur(8px); 11188 -o-filter: blur(8px); 11189 -ms-filter: blur(8px); 11190 filter: blur(8px); 11191} 11192.blue-shade2-border[_ngcontent-%COMP%] { 11193 border: solid 2px #43445e !important; 11194} 11195.baby-blue-border[_ngcontent-%COMP%] { 11196 border: solid 1px #6fffed !important; 11197} 11198.dark-orange-border[_ngcontent-%COMP%] { 11199 border: solid 1px #ff9300 !important; 11200} 11201.medium-orchid-border[_ngcontent-%COMP%] { 11202 border: solid 1px #bf5af2 !important; 11203} 11204.dodger-blue-shade2-border[_ngcontent-%COMP%] { 11205 border: solid 1px #0a84ff !important; 11206} 11207.white-smoke-border[_ngcontent-%COMP%] { 11208 border: solid 1px #f5f5f5 !important; 11209} 11210.red-border[_ngcontent-%COMP%] { 11211 border: solid 1px #ff0100 !important; 11212} 11213.black-russian-border[_ngcontent-%COMP%] { 11214 border: solid 1ps #0b0b1a; 11215} 11216.border-red[_ngcontent-%COMP%] { 11217 border: solid 1px #ff0100 !important; 11218} 11219.border-sunsetOrange[_ngcontent-%COMP%] { 11220 border: 1px solid #ff4d4d !important; 11221} 11222.border-grayLight[_ngcontent-%COMP%] { 11223 border: solid 2px #2F3450 !important; 11224} 11225.blueshadeThreeText[_ngcontent-%COMP%] { 11226 color: #81cffa; 11227} 11228.richlilacText[_ngcontent-%COMP%] { 11229 color: #b260ea !important; 11230} 11231.slateBlueText[_ngcontent-%COMP%] { 11232 color: #5e5cde !important; 11233} 11234.slateText[_ngcontent-%COMP%] { 11235 color: #5c5d7a !important; 11236} 11237.babyBlueText[_ngcontent-%COMP%] { 11238 color: #6fffed !important; 11239} 11240.darkOrangeText[_ngcontent-%COMP%] { 11241 color: #ff9300 !important; 11242} 11243.freshYellowText[_ngcontent-%COMP%] { 11244 color: #ffd60a; 11245} 11246.brightPeachText[_ngcontent-%COMP%] { 11247 color: #f96f6f; 11248} 11249.mediumOrchidText[_ngcontent-%COMP%] { 11250 color: #bf5af2 !important; 11251} 11252.black-russian-Text[_ngcontent-%COMP%] { 11253 color: #0b0b1a !important; 11254} 11255.dodgerBlueShadeText[_ngcontent-%COMP%] { 11256 color: #0a84ff !important; 11257} 11258.orangyRedText[_ngcontent-%COMP%] { 11259 color: #ff453a; 11260} 11261.whiteText[_ngcontent-%COMP%] { 11262 color: #f5f5f5 !important; 11263} 11264.pureWhiteText[_ngcontent-%COMP%] { 11265 color: #fff !important; 11266} 11267.comitText[_ngcontent-%COMP%] { 11268 color: #5e5f71 !important; 11269} 11270.carnationText[_ngcontent-%COMP%] { 11271 color: #ff6f90; 11272} 11273.redText[_ngcontent-%COMP%] { 11274 color: #ff0100 !important; 11275} 11276.LavenderBlueText[_ngcontent-%COMP%] { 11277 color: #c2c7f2 !important; 11278} 11279.orangePeelText[_ngcontent-%COMP%] { 11280 color: #ff9300 !important; 11281} 11282.greenText[_ngcontent-%COMP%] { 11283 color: #32d74b; 11284} 11285.sunsetOrangeText[_ngcontent-%COMP%] { 11286 color: #ff4d4d !important; 11287} 11288.grayText[_ngcontent-%COMP%] { 11289 color: #babcc1; 11290} 11291.lighterPurpleText[_ngcontent-%COMP%] { 11292 color: #bd58f0; 11293} 11294.whiteColorText[_ngcontent-%COMP%] { 11295 color: #ffffff !important; 11296} 11297.mangoManiaText[_ngcontent-%COMP%] { 11298 color: #fec20e !important; 11299} 11300.promotionalTextColor[_ngcontent-%COMP%] { 11301 color: #EA60A2 !important; 11302} 11303.center-text[_ngcontent-%COMP%] { 11304 text-align: center !important; 11305} 11306.leftText[_ngcontent-%COMP%] { 11307 text-align: left !important; 11308} 11309.rightText[_ngcontent-%COMP%] { 11310 text-align: right; 11311} 11312.floatRight[_ngcontent-%COMP%] { 11313 float: right; 11314} 11315.floatLeft[_ngcontent-%COMP%] { 11316 float: left; 11317} 11318.clearfix[_ngcontent-%COMP%] { 11319 clear: both; 11320} 11321.dNone[_ngcontent-%COMP%] { 11322 display: none !important; 11323} 11324.dBlock[_ngcontent-%COMP%] { 11325 display: block !important; 11326} 11327.dInlineBlock[_ngcontent-%COMP%] { 11328 display: inline-block !important; 11329} 11330.dInline[_ngcontent-%COMP%] { 11331 display: inline !important; 11332} 11333.dFlex[_ngcontent-%COMP%] { 11334 display: flex; 11335} 11336.dFlexColumn[_ngcontent-%COMP%] { 11337 display: flex; 11338 flex-direction: column; 11339} 11340.dFlexRow[_ngcontent-%COMP%] { 11341 display: flex; 11342 flex-direction: row; 11343} 11344.dFlex-with-center[_ngcontent-%COMP%] { 11345 display: flex; 11346 align-items: center; 11347} 11348.dFlex-with-col-center[_ngcontent-%COMP%] { 11349 display: flex; 11350 flex-flow: column; 11351 align-items: center; 11352} 11353.clickable[_ngcontent-%COMP%] { 11354 cursor: pointer; 11355} 11356.text-direction-vertical[_ngcontent-%COMP%] { 11357 writing-mode: vertical-rl; 11358 transform: rotate(180deg); 11359} 11360.ellipsis[_ngcontent-%COMP%] { 11361 overflow: hidden; 11362 white-space: nowrap; 11363 text-overflow: ellipsis; 11364} 11365.capital-text[_ngcontent-%COMP%] { 11366 text-transform: uppercase; 11367} 11368.disableDiv[_ngcontent-%COMP%] { 11369 pointer-events: none; 11370} 11371.margin-top-10[_ngcontent-%COMP%] { 11372 margin-top: 10px; 11373} 11374.margin-top-15[_ngcontent-%COMP%] { 11375 margin-top: 15px; 11376} 11377.margin-top-20[_ngcontent-%COMP%] { 11378 margin-top: 20px; 11379} 11380.margin-top-30[_ngcontent-%COMP%] { 11381 margin-top: 30px; 11382} 11383.margin-top-0[_ngcontent-%COMP%] { 11384 margin-top: 0px !important; 11385} 11386.shadow[_ngcontent-%COMP%] { 11387 box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 11388 -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 11389 -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); 11390} 11391.sahdow-right-bottom-black[_ngcontent-%COMP%] { 11392 box-shadow: 5px 5px 5px black; 11393 -webkit-box-shadow: 5px 5px 5px black; 11394 -moz-box-shadow: 5px 5px 5px black; 11395} 11396.filter-drop-shadow[_ngcontent-%COMP%] { 11397 -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 11398 -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 11399 -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 11400 -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 11401 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important; 11402} 11403.organgePeelText[_ngcontent-%COMP%] { 11404 color: #ff9300; 11405} 11406.organgePeelText[_ngcontent-%COMP%] { 11407 color: #ff9300; 11408} 11409.sunsetOrangeText[_ngcontent-%COMP%] { 11410 color: #ff4d4d; 11411} 11412ngx-image-cropper[_ngcontent-%COMP%] { 11413 background: #1e1e2c !important; 11414} 11415ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:not(.ngx-ic-canvas) { 11416 background: #1e1e2c !important; 11417 opacity: 0 !important; 11418} 11419ngx-image-cropper[_ngcontent-%COMP%] .ngx-ic-canvas[_ngcontent-%COMP%] { 11420 background: transparent !important; 11421} 11422image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus, ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%]:focus { 11423 outline: none !important; 11424} 11425image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%], ngx-image-cropper[_ngcontent-%COMP%] canvas[_ngcontent-%COMP%] { 11426 border: none !important; 11427 box-shadow: none !important; 11428} 11429.ticket-heading[_ngcontent-%COMP%] { 11430 font-family: "STENCILAND"; 11431 font-size: 0.875rem; 11432 font-style: normal; 11433 line-height: 1.21; 11434 text-align: center; 11435 text-transform: uppercase; 11436 margin: 10px 0px 3px 0px; 11437} 11438.ticket-heading.baby-blue[_ngcontent-%COMP%] { 11439 color: #6fffed; 11440 letter-spacing: 0.28px; 11441} 11442.ticket-heading.slate-blue[_ngcontent-%COMP%] { 11443 color: #5e5cde; 11444 letter-spacing: 0.28px; 11445} 11446.ticket-heading.dark-orange[_ngcontent-%COMP%] { 11447 color: #ff9300; 11448 letter-spacing: 0.28px; 11449} 11450.ticket-heading.orange[_ngcontent-%COMP%] { 11451 letter-spacing: 2px; 11452 color: #ff9300; 11453} 11454.ticket-heading[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 11455 font-family: "GilroySemiBold"; 11456 font-size: 1rem; 11457 line-height: 1.06; 11458 letter-spacing: normal; 11459} 11460.navBottomSpace[_ngcontent-%COMP%] { 11461 height: 4.375rem; 11462} 11463.submenuNavSpace[_ngcontent-%COMP%] { 11464 width: 73px; 11465} 11466.secondary-text[_ngcontent-%COMP%] { 11467 color: #babcc1; 11468 font-family: "GilroyMedium"; 11469 font-size: 0.875rem; 11470} 11471.user-profile-subheading[_ngcontent-%COMP%] { 11472 color: #f5f5f5; 11473 font-family: "GilroyMedium"; 11474 font-size: 1.5rem; 11475 font-style: normal; 11476 line-height: normal; 11477 letter-spacing: normal; 11478 text-align: left; 11479} 11480.p-inputtext[_ngcontent-%COMP%]:focus { 11481 border: 1px solid #6fffed !important; 11482 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4) !important; 11483} 11484.wizard-component-title[_ngcontent-%COMP%] { 11485 margin: 50px 0px; 11486 font-family: "GilroyMedium"; 11487 font-size: 1.5rem; 11488 color: #f5f5f5; 11489 font-style: normal; 11490 line-height: 1.17; 11491 letter-spacing: normal; 11492 text-align: left; 11493} 11494.collegeEvent-wizardTiltle[_ngcontent-%COMP%] { 11495 margin: 50px 0px; 11496 font-family: "GilroySemiBold"; 11497 font-size: 1.75rem; 11498 color: #f5f5f5; 11499 font-style: normal; 11500 line-height: 1.17; 11501 letter-spacing: normal; 11502 text-align: left; 11503} 11504.wizard-component-subTitle[_ngcontent-%COMP%] { 11505 margin: 0px 0px 50px; 11506 color: #ff9300; 11507 font-size: 1rem; 11508 font-family: "GilroyMedium"; 11509 line-height: 1.29; 11510 text-align: left; 11511 letter-spacing: normal; 11512 font-style: normal; 11513} 11514.resizeImageText[_ngcontent-%COMP%] { 11515 color: #c2c7f2 !important; 11516 margin-top: 31px; 11517 margin-left: 251px; 11518 display: block; 11519 font-size: 0.875rem; 11520} 11521table[_ngcontent-%COMP%] { 11522 width: 100%; 11523} 11524.GuestTable-Data[_ngcontent-%COMP%] td[_ngcontent-%COMP%] img[_ngcontent-%COMP%] { 11525 width: 34px; 11526 height: 34px; 11527 margin: 15px 10.4px 18px 0px; 11528} 11529th[_ngcontent-%COMP%] { 11530 font-family: "GilroyBold"; 11531 font-size: 1rem; 11532 font-style: normal; 11533 line-height: 1.29; 11534 letter-spacing: normal; 11535 color: #f5f5f5; 11536 padding: 23px 0px 24.2px 0px; 11537} 11538td[_ngcontent-%COMP%] { 11539 font-family: "GilroyMedium"; 11540 font-size: 1rem; 11541 font-style: normal; 11542 line-height: 1.29; 11543 letter-spacing: normal; 11544 color: #f5f5f5; 11545} 11546.button[_ngcontent-%COMP%] { 11547 width: 200px; 11548 height: 45px; 11549 margin-top: 45.1px; 11550 border-radius: 10px; 11551 font-family: "GilroyBold"; 11552 border: solid 1px #272b3f; 11553 background-color: #ff9300; 11554 font-size: 1rem; 11555 font-style: normal; 11556 line-height: 1.25; 11557 letter-spacing: normal; 11558 text-align: center; 11559 color: #1e1e2c; 11560 margin-top: 39px; 11561 transform: scale(1); 11562 transition: transform 0.3s ease-in-out; 11563} 11564.btn-primary[_ngcontent-%COMP%] { 11565 color: #fff; 11566 background-color: #1b6ec2; 11567 border-color: #1861ac; 11568} 11569.button-Event[_ngcontent-%COMP%] { 11570 background-color: #1a1b2c; 11571 border-radius: 50px; 11572 height: 45px; 11573 border: 2px solid #6fffed; 11574 color: #6fffed; 11575 font-family: "GilroySemiBold"; 11576 padding-left: 33px; 11577 padding-right: 33px; 11578 font-size: 1.125rem; 11579 text-align: center; 11580 text-decoration: none; 11581 transform: scale(1); 11582 transition: transform 0.3s ease-in; 11583} 11584.button-Event[_ngcontent-%COMP%]:hover {
11585 cursor: pointer; 11586 transform: scale(1.05); 11587 transition: transform 0.3s ease-in; 11588} 11589.loadingOpacity[_ngcontent-%COMP%] { 11590 background: rgba(111, 255, 237, 0.2) !important; 11591 border: none !important; 11592} 11593.Loadingbutton_Text[_ngcontent-%COMP%] { 11594 position: relative !important; 11595 color: #1e1e2c !important; 11596 display: block; 11597} 11598.disablelitButton[_ngcontent-%COMP%] { 11599 background-color: #282c40; 11600 border: 2px solid #282c40; 11601 border-radius: 50px; 11602 height: 45px; 11603 color: #6fffed; 11604 font-family: "GilroySemiBold"; 11605 font-size: 1.125rem; 11606 padding-left: 33px; 11607 padding-right: 33px; 11608 text-align: center; 11609 text-decoration: none; 11610 cursor: pointer; 11611 transform: scale(1); 11612 transition: transform 0.3s ease-in-out; 11613} 11614.simpleButton[_ngcontent-%COMP%] { 11615 background-color: #242637; 11616 border-radius: 50px; 11617 height: 45px; 11618 border: 1px solid #f5f5f5; 11619 color: #babcc1; 11620 font-family: "GilroyMedium"; 11621 padding-left: 33px; 11622 font-size: 1rem; 11623 padding-right: 33px; 11624 text-align: center; 11625 text-decoration: none; 11626 cursor: pointer; 11627} 11628.disableButton[_ngcontent-%COMP%] { 11629 background-color: #242637; 11630 border-radius: 50px; 11631 height: 45px; 11632 border: 1px solid #1e1e2c; 11633 color: #1e1e2c; 11634 font-family: "GilroyMedium"; 11635 font-size: 1.125rem; 11636 padding-left: 33px; 11637 padding-right: 33px; 11638 text-align: center; 11639 text-decoration: none; 11640 cursor: pointer; 11641} 11642.disableButton.new[_ngcontent-%COMP%] { 11643 width: 160px; 11644 height: 44px; 11645 padding: 8px 16px; 11646 font-size: 1rem; 11647 border: none; 11648 font-family: "GilroyBold"; 11649 border-radius: 10px; 11650 pointer-events: none !important; 11651} 11652.disabledButton[_ngcontent-%COMP%] { 11653 background-color: #242637; 11654 border-radius: 50px; 11655 height: 45px; 11656 border: 2px solid #1e1e2c; 11657 color: #1e1e2c; 11658 font-family: "GilroySemiBold"; 11659 font-size: 1.125rem; 11660 text-decoration: none; 11661} 11662.save-draft[_ngcontent-%COMP%] { 11663 color: #c2c7f2; 11664 background: #232638; 11665 border: 1px solid #232638; 11666 height: 40px; 11667 text-align: center; 11668 outline: none; 11669 border-radius: 50px; 11670 font-size: 0.875rem; 11671 font-family: "GilroySemiBold"; 11672 padding: 12px 0px; 11673 cursor: pointer; 11674 display: flex; 11675 align-items: center !important; 11676 justify-content: center !important; 11677 -webkit-align-items: center; 11678 -webkit-justify-content: center; 11679 position: relative; 11680} 11681.save-draft.draft-progress[_ngcontent-%COMP%] { 11682 position: absolute !important; 11683 height: 100% !important; 11684 top: 0; 11685 left: 0; 11686 background-color: #c2c7f2 !important; 11687 color: #232638 !important; 11688 transition: width 0.3s; 11689 border-radius: 10px; 11690 border: none !important; 11691} 11692.glowButton[_ngcontent-%COMP%] { 11693 background-color: #1e1e2c; 11694 border: 1px solid #6fffed; 11695 color: #6fffed; 11696 height: 40px; 11697 text-align: center; 11698 outline: none; 11699 border-radius: 50px; 11700 font-size: 0.875rem; 11701 font-family: "GilroySemiBold"; 11702 padding: 12px 0px; 11703 cursor: pointer; 11704 display: flex; 11705 align-items: center !important; 11706 justify-content: center !important; 11707 -webkit-align-items: center; 11708 -webkit-justify-content: center; 11709 position: relative; 11710} 11711.glowButton.button_progress[_ngcontent-%COMP%] { 11712 position: absolute !important; 11713 height: 100% !important; 11714 top: 0; 11715 left: 0; 11716 background-color: #6fffed !important; 11717 transition: width 0.3s; 11718 border-radius: 10px; 11719 border: none !important; 11720} 11721.cancelButton[_ngcontent-%COMP%] { 11722 background-color: #232638; 11723 border: none; 11724 color: #fff; 11725 height: 40px; 11726 text-align: center; 11727 outline: none; 11728 border-radius: 10px; 11729 font-size: 1rem; 11730 font-family: "GilroySemiBold"; 11731 padding: 12px 0px; 11732 cursor: pointer; 11733 display: flex; 11734 align-items: center !important; 11735 justify-content: center !important; 11736 -webkit-align-items: center; 11737 -webkit-justify-content: center; 11738 position: relative; 11739} 11740.cancelButton.button_progress[_ngcontent-%COMP%] { 11741 position: absolute !important; 11742 height: 100% !important; 11743 top: 0; 11744 left: 0; 11745 background-color: #6fffed !important; 11746 transition: width 0.3s; 11747 border-radius: 10px; 11748 border: none !important; 11749} 11750.Input-Field[_ngcontent-%COMP%] { 11751 margin: 11px 0px; 11752 padding: 11px 0px 13px 18px; 11753 font-family: "GilroyMedium"; 11754 border-radius: 50px; 11755 width: 272px; 11756 height: 40px; 11757 color: #f5f5f5; 11758 font-size: 1rem; 11759 line-height: 1.14; 11760 background-color: #242637; 11761 border: 1px solid #f5f5f5; 11762} 11763.Input-Field[_ngcontent-%COMP%]:focus, .Text-Field[_ngcontent-%COMP%]:focus { 11764 border: 1px solid #6fffed; 11765 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 11766} 11767.Text-Field[_ngcontent-%COMP%] { 11768 padding: 11px 0px 13px 18px; 11769 color: #f5f5f5; 11770 font-size: 1rem; 11771 line-height: 1.14; 11772 font-family: "GilroyMedium"; 11773 border-radius: 15px; 11774 background-color: #242637; 11775 border: 1px solid #f5f5f5; 11776 height: 118px; 11777 min-height: 118px; 11778} 11779input[_ngcontent-%COMP%]:focus { 11780 border: none; 11781 outline: none; 11782} 11783*[_ngcontent-%COMP%]:focus { 11784 outline: none !important; 11785} 11786.custom-Label[_ngcontent-%COMP%] { 11787 font-family: "GilroyMedium"; 11788 font-size: 0.875rem; 11789 color: #babcc1; 11790} 11791.checkBoxEnable[_ngcontent-%COMP%] { 11792 border: 2px solid #6fffed; 11793 border-radius: 4px; 11794 width: 31px; 11795 height: 38px; 11796 outline: none !important; 11797 background-color: rgba(111, 255, 237, 0.1); 11798} 11799.checkBoxDisabled[_ngcontent-%COMP%] { 11800 border: solid 2px #676d9e; 11801 border-radius: 4px; 11802 width: 31px; 11803 height: 38px; 11804 outline: none !important; 11805} 11806.checkbox-custom[_ngcontent-%COMP%] { 11807 -webkit-appearance: none; 11808 -moz-appearance: none !important; 11809 appearance: none; 11810 cursor: pointer !important; 11811 width: 31px; 11812 height: 38px; 11813 margin-left: 0px; 11814 padding: 0px; 11815 outline: none !important; 11816} 11817.tbl-line[_ngcontent-%COMP%] { 11818 border-bottom: 3px solid #383759; 11819 width: 100%; 11820} 11821.checkbox-custom[_ngcontent-%COMP%]:checked { 11822 content: ""; 11823 width: 18px; 11824 height: 10px; 11825 background: rgba(0, 0, 0, 0); 11826 border: 2px solid #6fffed; 11827 -webkit-transform: rotate(-45deg); 11828 -moz-transform: rotate(-45deg); 11829 -o-transform: rotate(-45deg); 11830 -ms-transform: rotate(-45deg); 11831 transform: rotate(-45deg); 11832 margin-left: 5px; 11833 margin-bottom: -1px; 11834 outline: none !important; 11835 box-shadow: none !important; 11836 border-top: none !important;
11837 border-right: none !important; 11838 -webkit-appearance: none !important; 11839 -moz-appearance: none !important; 11840 appearance: none !important; 11841} 11842.textLit[_ngcontent-%COMP%] { 11843 width: 25px; 11844 height: 19px; 11845 margin-top: 8px; 11846 margin-left: 12px; 11847 font-family: "GilroySemiBold"; 11848 font-size: 1rem; 11849 line-height: 1.19; 11850 color: #6fffed; 11851} 11852.textNotLit[_ngcontent-%COMP%] { 11853 width: 25px; 11854 height: 19px; 11855 margin-top: 8px; 11856 margin-left: 12px; 11857 font-family: "GilroySemiBold"; 11858 font-size: 1rem; 11859 line-height: 1.19; 11860 color: #676d9e; 11861} 11862[_ngcontent-%COMP%]::placeholder { 11863 color: rgba(255, 255, 255, 0.2); 11864 font-size: 0.875rem; 11865 font-family: "GilroyMedium"; 11866} 11867.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label[_ngcontent-%COMP%] { 11868 text-align: left; 11869 margin-top: 29px; 11870} 11871.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .custom-Label-qm[_ngcontent-%COMP%] { 11872 text-align: left; 11873 margin-top: 20px; 11874} 11875.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 11876 width: 578px; 11877 border: solid 1px #f5f5f5; 11878} 11879.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Small-Input-Field[_ngcontent-%COMP%] { 11880 width: 114px; 11881 height: 40px; 11882} 11883.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 11884 width: 578px; 11885 margin-top: 11px; 11886 margin-bottom: 11px; 11887} 11888.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 11889 display: flex; 11890 flex-direction: row; 11891 justify-content: space-between; 11892 width: 578px; 11893} 11894.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 11895 width: 272px !important; 11896} 11897.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus { 11898 border: none; 11899 outline: none; 11900} 11901.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:-webkit-autofill { 11902 -webkit-box-shadow: 0 0 0 30px #242637 inset !important; 11903 box-shadow: 0 0 0 30px #242637 inset !important; 11904} 11905.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%]:focus, .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%]:focus { 11906 border: 1px solid #6fffed; 11907} 11908.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .checkbox-custom[_ngcontent-%COMP%]:checked { 11909 content: ""; 11910 width: 18px; 11911 height: 10px; 11912 background: rgba(0, 0, 0, 0); 11913 border: 2px solid #6fffed; 11914 border-top: none !important; 11915 border-right: none !important; 11916 -webkit-transform: rotate(-45deg); 11917 -moz-transform: rotate(-45deg); 11918 -o-transform: rotate(-45deg); 11919 -ms-transform: rotate(-45deg); 11920 transform: rotate(-45deg); 11921 margin-left: 5px; 11922 margin-bottom: -3px; 11923 outline: none !important; 11924 box-shadow: none !important; 11925 -webkit-appearance: none !important; 11926 -moz-appearance: none !important; 11927 appearance: none !important; 11928} 11929.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .danger[_ngcontent-%COMP%] { 11930 font-size: 0.875rem; 11931 color: #ff4d4d; 11932 font-family: "GilroyRegular"; 11933} 11934.Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .label-danger[_ngcontent-%COMP%] { 11935 color: #ff4d4d !important; 11936} 11937input[_ngcontent-%COMP%]:-webkit-autofill:focus, input[_ngcontent-%COMP%]:-webkit-autofill:active { 11938 -webkit-box-shadow: 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 11939 box-shadow: 0 0 0 30px #242637 inset, 0 0 9px 0 #6fffed !important; 11940 border-color: #6fffed !important; 11941 border: 1px solid #6fffed !important; 11942} 11943input[_ngcontent-%COMP%]:-webkit-autofill { 11944 box-shadow: 0 0 0 30px #242637 inset !important; 11945} 11946input[_ngcontent-%COMP%]:-webkit-autofill { 11947 -webkit-text-fill-color: #fff !important; 11948 caret-color: #2f3450 !important; 11949} 11950input[type=range][_ngcontent-%COMP%]:focus { 11951 border: none !important; 11952 box-shadow: none !important; 11953} 11954.danger[_ngcontent-%COMP%] { 11955 font-size: 0.875rem; 11956 color: #ff4d4d; 11957 font-family: "GilroyRegular"; 11958} 11959.label-danger[_ngcontent-%COMP%] { 11960 color: #ff4d4d !important; 11961} 11962.is-invalid[_ngcontent-%COMP%] { 11963 border: 1px solid #ff4d4d !important; 11964 border-color: #ff4d4d !important; 11965} 11966input[type=number].ng-touched.ng-invalid[_ngcontent-%COMP%], input[type=text].ng-touched.ng-invalid[_ngcontent-%COMP%] { 11967 border: 1px solid #ff4d4d !important; 11968 border-color: #ff4d4d !important; 11969} 11970textarea.ng-touched.ng-invalid[_ngcontent-%COMP%] { 11971 border: 1px solid #ff4d4d !important; 11972 border-color: #ff4d4d !important; 11973} 11974.blur[_ngcontent-%COMP%] { 11975 -webkit-filter: blur(8px); 11976 -moz-filter: blur(8px); 11977 -o-filter: blur(8px); 11978 -ms-filter: blur(8px); 11979 filter: blur(8px); 11980} 11981.notBlur[_ngcontent-%COMP%] { 11982 -webkit-filter: blur(0px); 11983 -moz-filter: blur(0px); 11984 -o-filter: blur(0px); 11985 -ms-filter: blur(0px); 11986 filter: blur(0px); 11987} 11988.stickyElement[_ngcontent-%COMP%] { 11989 position: -webkit-sticky; 11990 position: sticky; 11991 top: 0; 11992 z-index: 999; 11993} 11994.event-status[_ngcontent-%COMP%] { 11995 font-family: "GilroyBold"; 11996 padding: 0 15px 17px 0; 11997 border-bottom-right-radius: 10px !important; 11998 border-top-left-radius: 5px; 11999 line-height: normal; 12000 letter-spacing: normal; 12001 text-align: left; 12002 display: flex; 12003 flex-direction: column; 12004 justify-content: center; 12005 font-size: 0.875rem; 12006 line-height: 1.21; 12007 color: #f5f5f5; 12008 text-transform: uppercase; 12009} 12010.event-status.unpublished[_ngcontent-%COMP%] { 12011 padding: 0px 16px; 12012 -webkit-backdrop-filter: blur(50px); 12013 backdrop-filter: blur(50px); 12014 background-color: rgba(30, 30, 44, 0.65); 12015 width: 122px; 12016 height: 44px; 12017 color: #f5f5f5; 12018} 12019.event-status.tickets_gone[_ngcontent-%COMP%] { 12020 padding: 0px 16px; 12021 -webkit-backdrop-filter: blur(50px); 12022 backdrop-filter: blur(50px); 12023 background-color: rgba(29, 204, 184, 0.65); 12024 width: 145px; 12025 height: 44px; 12026} 12027.event-status.event_over[_ngcontent-%COMP%] { 12028 padding: 0px 16px; 12029 -webkit-backdrop-filter: blur(50px); 12030 backdrop-filter: blur(50px); 12031 background-color: rgba(255, 77, 77, 0.65); 12032 width: 120px; 12033 height: 44px; 12034} 12035.event-status.going_free_or_free_ticket_event[_ngcontent-%COMP%] { 12036 width: 150px; 12037 height: 44px; 12038 padding: 0px 16px; 12039 -webkit-backdrop-filter: blur(50px); 12040 backdrop-filter: blur(50px); 12041 background-color: rgba(94, 92, 222, 0.65); 12042} 12043.event-status.going_pay_at_door_event[_ngcontent-%COMP%] { 12044 width: 150px; 12045 height: 44px; 12046 padding: 0px 16px; 12047 -webkit-backdrop-filter: blur(50px); 12048 backdrop-filter: blur(50px); 12049 background-color: rgba(255, 147, 0, 0.65); 12050} 12051.event-status.ticket_sold_event[_ngcontent-%COMP%], .event-status.active[_ngcontent-%COMP%] { 12052 width: 122px; 12053 max-width: 252px; 12054 height: 44px; 12055 padding: 0px 16px; 12056 -webkit-backdrop-filter: blur(50px); 12057 backdrop-filter: blur(50px); 12058 background-color: rgba(29, 204, 184, 0.65); 12059} 12060.event-status.ticket_sold_event[_ngcontent-%COMP%] { 12061 width: 154px; 12062 max-width: 252px; 12063 height: 44px; 12064 padding: 0px 16px; 12065 -webkit-backdrop-filter: blur(50px); 12066 backdrop-filter: blur(50px); 12067 background-color: rgba(29, 204, 184, 0.65); 12068} 12069.event-status.eventCancelled[_ngcontent-%COMP%], .event-status.cancelled[_ngcontent-%COMP%] { 12070 padding: 0px 16px; 12071 color: #ff4d4d; 12072 width: 154px; 12073 height: 44px; 12074 -webkit-backdrop-filter: blur(50px); 12075 backdrop-filter: blur(50px); 12076 background-color: rgba(30, 30, 44, 0.65); 12077} 12078.event-status.ended[_ngcontent-%COMP%], .event-status.drawover[_ngcontent-%COMP%] { 12079 width: 112px; 12080 height: 44px; 12081 padding: 0px 15px; 12082 -webkit-backdrop-filter: blur(50px); 12083 backdrop-filter: blur(50px); 12084 background-color: rgba(255, 77, 77, 0.65); 12085} 12086.event-status.allused[_ngcontent-%COMP%] { 12087 width: 106px; 12088 height: 44px; 12089 padding: 0px 16px; 12090 -webkit-backdrop-filter: blur(50px); 12091 backdrop-filter: blur(50px); 12092 background-color: rgba(255, 147, 0, 0.3); 12093} 12094.event-details[_ngcontent-%COMP%] { 12095 width: 225px; 12096 margin: auto; 12097 position: absolute; 12098 text-align: center; 12099 z-index: 999; 12100 font-style: normal; 12101 line-height: normal; 12102 letter-spacing: normal; 12103 text-align: left; 12104 margin-left: 11px; 12105 bottom: 0px; 12106} 12107.event-details[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] { 12108 font-family: "GilroySemiBold"; 12109 font-size: 1.25rem; 12110 color: #f5f5f5; 12111 margin: 26px 0px 3px 0px; 12112 width: 224px; 12113 text-transform: capitalize; 12114 overflow: hidden; 12115} 12116.event-details[_ngcontent-%COMP%] p[_ngcontent-%COMP%] { 12117 font-family: "GilroySemiBold"; 12118 font-size: 0.875rem; 12119 float: left; 12120 margin-top: 0px; 12121 color: #babcc1; 12122} 12123.event-details[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 12124 font-size: 1.375rem !important; 12125 margin-top: -3px; 12126 float: right; 12127 color: #fff; 12128 cursor: pointer; 12129} 12130.disableLinks[_ngcontent-%COMP%] { 12131 opacity: 0.3; 12132 pointer-events: none !important; 12133} 12134.hover-Element[_ngcontent-%COMP%] { 12135 transform: scale(1); 12136 transition: transform 0.3s ease-in-out; 12137} 12138.hover-Element[_ngcontent-%COMP%]:hover { 12139 transform: scale(1.1) !important; 12140 transition: transform 0.3s ease-in-out !important; 12141} 12142@media (min-width: 768px) and (max-width: 1024px) { 12143 .vl[_ngcontent-%COMP%] { 12144 height: 32px; 12145 } 12146 .header-text[_ngcontent-%COMP%] { 12147 margin-left: 21px; 12148 } 12149 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 12150 display: none; 12151 } 12152 .wizard-container[_ngcontent-%COMP%] { 12153 width: 768px; 12154 min-width: 768px; 12155 justify-content: none; 12156 } 12157 .Profile-Setup[_ngcontent-%COMP%] { 12158 margin-left: 30px; 12159 } 12160 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 12161 width: 262px; 12162 margin-left: 20px; 12163 } 12164 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .Text-Field[_ngcontent-%COMP%] { 12165 width: 551px; 12166 padding-right: 18px; 12167 } 12168 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] { 12169 width: 0; 12170 gap: 39px; 12171 } 12172 .Profile-Setup[_ngcontent-%COMP%] form[_ngcontent-%COMP%] .inline-form[_ngcontent-%COMP%] .Input-Field[_ngcontent-%COMP%] { 12173 width: 256px !important; 12174 } 12175 .wizard-component-title[_ngcontent-%COMP%] { 12176 text-align: left; 12177 margin-left: 22px; 12178 } 12179 .NextButton[_ngcontent-%COMP%] { 12180 width: 509px; 12181 } 12182 .components-wrapper[_ngcontent-%COMP%] .mobile-container[_ngcontent-%COMP%] { 12183 display: none; 12184 } 12185 .wizard-container[_ngcontent-%COMP%] { 12186 width: 768px; 12187 min-width: 768px; 12188 justify-content: none; 12189 }
12190 .Pop-Up-Container[_ngcontent-%COMP%] .text[_ngcontent-%COMP%] { 12191 width: auto; 12192 margin: 0px 30px 0px 45px; 12193 } 12194 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] { 12195 padding: 110px 44px 44px; 12196 width: 610px; 12197 } 12198 .Pop-Up-Container[_ngcontent-%COMP%] .NewstopContainer[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] { 12199 width: auto; 12200 } 12201 .newsfeedContainer[_ngcontent-%COMP%] { 12202 justify-content: center; 12203 overflow: scroll; 12204 height: 629px; 12205 } 12206 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] { 12207 width: 560px; 12208 height: 639px; 12209 } 12210 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .topImage[_ngcontent-%COMP%] { 12211 width: 560px; 12212 height: 424px; 12213 } 12214 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .detail[_ngcontent-%COMP%] { 12215 width: auto; 12216 } 12217 .newsfeedContainer[_ngcontent-%COMP%] .Box[_ngcontent-%COMP%] .newsfeedDescription[_ngcontent-%COMP%] .dFlexRow[_ngcontent-%COMP%] { 12218 width: 530px; 12219 } 12220 .newsfeedContainer[_ngcontent-%COMP%]::-webkit-scrollbar {
12221 display: none; 12222 } 12223 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] { 12224 margin-right: -145px; 12225 } 12226 .wizard-container[_ngcontent-%COMP%] .components-wrapper[_ngcontent-%COMP%] .component-container[_ngcontent-%COMP%] { 12227 width: 70%; 12228 margin-left: 60px; 12229 } 12230 .ImageEditContainer[_ngcontent-%COMP%] { 12231 margin-right: 51px; 12232 } 12233} 12234.label[_ngcontent-%COMP%] { 12235 color: #fff; 12236 font-size: 0.875rem; 12237 font-family: "GilroySemiBold"; 12238 text-transform: uppercase; 12239 line-height: normal; 12240 letter-spacing: normal; 12241 padding: 0px; 12242 margin: 0px; 12243} 12244.label[_ngcontent-%COMP%] span[_ngcontent-%COMP%] { 12245 color: #c2c7f2; 12246} 12247.label[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 12248 color: #ff4d4d; 12249 font-size: 0.375rem; 12250 position: relative; 12251 top: -10px; 12252} 12253.formFields[_ngcontent-%COMP%] { 12254 display: flex; 12255 flex-direction: column; 12256 gap: 10px; 12257} 12258.fields[_ngcontent-%COMP%] { 12259 padding: 14px 16px 14px 16px; 12260 border-radius: 14px; 12261 border: solid 1px #2f3450; 12262 background-color: #1e1e2c; 12263 font-size: 1rem; 12264 font-family: "GilroyBold"; 12265 color: #ffffff; 12266 display: flex; 12267 align-items: center; 12268 justify-content: center; 12269 -webkit-align-items: center; 12270 -webkit-justify-content: center; 12271} 12272.fields.inputField[_ngcontent-%COMP%] { 12273 width: 282px; 12274 height: 44px; 12275} 12276.fields.locationVenueField[_ngcontent-%COMP%] { 12277 width: 685px; 12278 height: 44px; 12279} 12280.fields.smallInputField[_ngcontent-%COMP%] { 12281 width: 129px; 12282} 12283.fields.smallInputVatField[_ngcontent-%COMP%] { 12284 width: 178px; 12285} 12286.fields.textField[_ngcontent-%COMP%] { 12287 height: 91px; 12288} 12289.fields[_ngcontent-%COMP%]:focus { 12290 border: 1px solid #6fffed; 12291 box-shadow: 0 0 8px 0 rgba(111, 255, 237, 0.4); 12292} 12293.errorMsg[_ngcontent-%COMP%] { 12294 font-style: normal; 12295 line-height: normal; 12296 letter-spacing: normal; 12297 font-family: "GilroyRegular"; 12298 font-size: 0.75rem; 12299 color: #ff4d4d; 12300 margin: 0px; 12301} 12302.errorMsg.positionAboslute[_ngcontent-%COMP%] { 12303 position: absolute; 12304 top: 54px; 12305} 12306.errorMsg[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 12307 color: #ff4d4d !important; 12308 font-size: 0.3125rem !important; 12309 position: relative !important; 12310 top: -6px !important; 12311 right: 0px !important; 12312 padding-right: 2px !important; 12313} 12314.checkboxText[_ngcontent-%COMP%] { 12315 font-size: 0.875rem; 12316 font-style: normal; 12317 line-height: normal; 12318 letter-spacing: normal; 12319 font-family: "GilroyMedium"; 12320 color: #f5f5f5; 12321 margin: 0px; 12322} 12323.creationWizardTitle[_ngcontent-%COMP%] { 12324 font-size: 1.5rem; 12325 font-family: "GilroyBold"; 12326 color: #f5f5f5; 12327 text-transform: capitalize; 12328 line-height: 0.92; 12329 font-style: normal; 12330} 12331@media screen and (max-width: 767px) { 12332 .glowButton[_ngcontent-%COMP%] { 12333 height: 34px !important; 12334 border-radius: 8px !important; 12335 font-size: 0.625rem !important; 12336 } 12337 .navBottomSpace[_ngcontent-%COMP%] { 12338 height: 4.375rem; 12339 } 12340 .label[_ngcontent-%COMP%] { 12341 font-size: 0.75rem !important; 12342 } 12343 .creationWizardTitle[_ngcontent-%COMP%] { 12344 font-size: 1.25rem !important; 12345 } 12346 .disableButton.new[_ngcontent-%COMP%], .litButton.new[_ngcontent-%COMP%] { 12347 width: 90px !important; 12348 height: 34px !important; 12349 padding: 11px 6px; 12350 font-size: 0.625rem; 12351 border: none; 12352 font-family: "GilroyBold"; 12353 border-radius: 8px; 12354 } 12355 .fields[_ngcontent-%COMP%] { 12356 padding: 10px 10px 10px 10px !important; 12357 border-radius: 8px !important; 12358 font-size: 0.75rem; 12359 font-family: "GilroyBold"; 12360 } 12361 [_ngcontent-%COMP%]::placeholder { 12362 font-size: 0.75rem !important; 12363 } 12364} 12365.btnTooltip[_ngcontent-%COMP%] { 12366 background-color: transparent !important; 12367 outline: none !important; 12368 margin: 0px !important; 12369 padding: 0px !important; 12370 border: none !important; 12371} 12372.capitalizeText[_ngcontent-%COMP%] { 12373 text-transform: capitalize; 12374} 12375.lowercaseText[_ngcontent-%COMP%] { 12376 text-transform: lowercase; 12377} 12378.switch[_ngcontent-%COMP%] { 12379 position: relative; 12380 display: inline-block; 12381 width: 44px; 12382 height: 29px; 12383 padding: 2.07px 2.27px 3.11px 2.27px; 12384 margin: 0; 12385} 12386.switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%] { 12387 opacity: 0; 12388 width: 0; 12389 height: 0; 12390} 12391.slider[_ngcontent-%COMP%] { 12392 position: absolute; 12393 cursor: pointer; 12394 top: 0; 12395 left: 0; 12396 right: 0; 12397 bottom: 0; 12398 background-color: rgb(92, 93, 122); 12399 -webkit-transition: 0.4s; 12400 transition: 0.4s; 12401} 12402.slider[_ngcontent-%COMP%]:before { 12403 position: absolute; 12404 content: ""; 12405 width: 22.744px; 12406 height: 23.821px; 12407 background-color: #fff; 12408 border-radius: 50px; 12409 left: 2.77px; 12410 right: 2.77px; 12411 bottom: 2.07px; 12412 top: 2.07px; 12413 -webkit-transition: 0.4s; 12414 transition: 0.4s; 12415} 12416input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%] { 12417 background-color: rgb(10, 132, 255); 12418} 12419input[_ngcontent-%COMP%]:focus + .slider[_ngcontent-%COMP%] { 12420 box-shadow: 0 0 1px #2196F3; 12421} 12422input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]:before { 12423 -webkit-transform: translateX(15px); 12424 -ms-transform: translateX(15px); 12425 transform: translateX(15px); 12426} 12427.slider.round[_ngcontent-%COMP%] { 12428 border-radius: 50px; 12429} 12430.slider.round[_ngcontent-%COMP%]:before { 12431 border-radius: 50px; 12432} 12433@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 12434 .positionAboslute[_ngcontent-%COMP%] { 12435 position: absolute; 12436 } 12437} 12438.ComponentsWrapper[_ngcontent-%COMP%] { 12439 position: relative; 12440 margin-top: 29.2px; 12441} 12442.top-nav[_ngcontent-%COMP%] { 12443 z-index: 1; 12444 top: 0px; 12445 margin-bottom: 0px; 12446 gap: 20.6px; 12447} 12448.top-nav[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { 12449 margin: 0px; 12450 padding: 9px 21px; 12451 height: 42px; 12452 background-color: #313245; 12453 font-size: 1rem; 12454 font-family: "GilroyMedium"; 12455 position: relative; 12456} 12457.top-nav[_ngcontent-%COMP%] button.active[_ngcontent-%COMP%] { 12458 font-size: 1rem; 12459 font-family: "GilroyMedium"; 12460 color: #1e1e2c; 12461 background-color: #6fffed; 12462} 12463.Calendar[_ngcontent-%COMP%] { 12464 position: absolute; 12465 top: -16px; 12466 right: 0; 12467 display: flex; 12468 flex-direction: row; 12469 gap: 10px; 12470} 12471.calenderField[_ngcontent-%COMP%] { 12472 position: relative; 12473 width: 99px; 12474} 12475.calenderField[_ngcontent-%COMP%] i[_ngcontent-%COMP%] { 12476 position: absolute; 12477 color: #f5f5f5; 12478 font-size: 1rem; 12479 top: 31.5px; 12480 right: 8px; 12481} 12482.custom-Label[_ngcontent-%COMP%] { 12483 font-size: 0.75rem; 12484 color: #f5f5f5; 12485} 12486.Indicator[_ngcontent-%COMP%] { 12487 position: absolute; 12488 width: 12px; 12489 height: 12px; 12490 top: -4px; 12491 right: 0px; 12492}`]})}};H=X([dn()],H);var St=[{path:"",canActivate:[An],component:H,data:{roles:[F.College,F.Union,F.Society,F.Club]}},{path:":stripeReturnURL",component:H}],ze=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=yn({type:e})}static{this.\u0275inj=wn({providers:[E,U],imports:[Bn,Vn,Nn,Gn,Fn,jn.forChild(St)]})}}return e})();export{ze as MembershipModule};
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.