@media (min-width:1100px)
{
	.datediv { min-width:235px !important; display:inline-block; margin-bottom:10px;}
}
@media (min-width:768px) and (max-width:1100px)
{
	.datediv { min-width:235px !important; display:inline-block; margin-bottom:10px;}
	/* Big view stuff goes here. */
	.EDWebsiteUrlHead { padding:0 20px;}
	.OrganizerBody, .TicketOptions, .addTicketsButtons { padding-left:26px !important;}
	.responsiveFilter { display:none !important; margin-top:10px; margin-right:30px; margin-bottom:10px;}
	.defaultFilter { display:block !important;}
	.wholegallery { margin-right:30px; margin-top:15px;}
}
@media (min-width:541px) and (max-width:768px)
{
	.datediv { min-width:235px !important; display:inline-block; margin-bottom:10px;}
	.onlineEventConChkBox { margin-left:0px !important;}
	.EDTxtEventName .textAreaHeight { height:42px !important;}
	.totalCapacity { margin-right:10px !important;}
	.wholegallery { margin-right:30px; margin-top:15px;}
	.responsiveFilter { display:none !important; margin-top:10px; margin-right:30px; margin-bottom:10px;}
	.defaultFilter { display:block !important;}
	.OrganizerBody, .TicketOptions, .addTicketsButtons { padding-left:26px !important;}
	.EDTxtENTxtBox { font-size:32px !important;}
	/*Create Event always in center*/
	.createEvent { text-align:center; margin-bottom:19px;}
	/*Color Picker adjust left margin for different screens*/
	.color-picker-panel { right:15px;}
	/*Top Butttons save,preview,live will be hide for smaller screens*/
	.topButtons { display:none;}
	.EDTxtVNTxtBox { font-size:20px;}
	.EDTxtVATxtBox { font-size:14px;}
	.variableClass { display:block !important;}
}
@media (max-width:540px) and (min-width:400px) {
	.URLDiv { margin-right:10px !important; width:90% !important;}
	.URLinputContainer { width:59% !important;}
	.websiteUrlEnd { font-size:16px !important;}
	.datediv { min-width:140px !important;}
	.headerCEHeadBtn { text-align:unset !important; margin:unset !important; padding-left:10px !important;}
	.btnMakeLiveHeadCE { padding-left:20px !important; padding-right:20px !important;}
	.onlineEventConChkBox { margin-left:0px !important;}
	.EDTxtEventName .textAreaHeight { height:85px !important;}
	.totalCapacity { margin-right:10px !important;}
	.wholegallery { margin-right:30px; margin-top:15px;}
	.responsiveFilter { display:none !important; margin-top:10px; margin-right:30px; margin-bottom:10px;}
	.defaultFilter { display:block !important;}
	.btnSaveHeadCE { font-size:11px !important;}
	.btnPreviewHeadCE { font-size:11px !important;}
	.btnMakeLiveHeadCE { font-size:11px !important;}
	.variableClass { display:block !important;}
	.OrganizerBody { padding-left:26px !important;}
	.color-picker-panel { right:15px;}
	.URLDiv, .TicketOptions { margin-left:26px !important;}
	.color_pick { margin-right:-10px !important;}
	.bannerPic { margin-left:30px !important;}
	/*Create Event always in center*/
	.createEvent { text-align:center; margin-bottom:19px;}
	/*Color Picker adjust left margin for different screens*/
	color-picker-wrapper .color-picker-panel.color-picker-panel-left { left:-158px !important;}
	/*Top Butttons save,preview,live will be hide for smaller screens*/
	.topButtons { display:none;}
	.EDTxtVNTxtBox { font-size:20px;}
	.EDTxtVATxtBox { font-size:14px;}
	.firstdiv .md-datepicker-input, .seconddiv .md-datepicker-input, .timeFont { font-size:16px !important; font-family:Roboto;}
	md-ink-bar { bottom:10px !important;}
	.ticketChkBoxCon { display:block !important; margin-left:unset !important;}
	.eventDtkHeadCon { padding-left:0px !important;}
	.moreOptions { margin-top:10px;}
}
@media (max-width:485px)
{
	.showEvent { margin-top:0px !important; margin-left:0px !important;}
}
@media (max-width:465px)
{
	.salesTime { margin-left:35px !important; margin-top:0px !important;}
}
@media (max-width:430px)
{
 .textArea { margin-top:60px !important;}
}
@media (max-width:399px)
{
	.textArea { margin-top:60px !important;}
	.salesTime { margin-left:0 !important; margin-top:0px !important;}
	.showEvent { margin-top:0px !important; margin-left:0px !important;}
	.URLDiv { width:100% !important;}
	.URLinputContainer { width:52% !important;}
	.websiteUrlEnd { font-size:16px !important;}
	.datediv { min-width:140px !important; display:inline-block; margin-bottom:10px;}
	.ticketChkBoxCon { display:block !important; margin-left:unset !important;}
	.moreOptionTxt { font-size:12px !important;}
	md-ink-bar { bottom:10px !important;}
	.firstdiv .md-datepicker-input, .seconddiv .md-datepicker-input, .timeFont { font-size:16px !important; font-family:Roboto;}
	.headerCEHeadBtn { text-align:unset !important; margin:unset !important; padding-left:10px !important;}
	.btnMakeLiveHeadCE { padding-left:20px !important; padding-right:20px !important;}
	.pickupDateContainer { width:300px !important;}
  .firstdiv, .seconddiv, .thirddiv { margin-left:0 !important;}
  .cstSchedule .editDT .md-datepicker-input-container { width:93px !important;}
	.onlineEventConChkBox { margin-left:0px !important;}
	.EDTxtEventName .textAreaHeight { font-size:24px !important; height:60px !important;}
	.EDTxtVenueName .textAreaHeight { font-size:18px !important;}
	.EDTxtVATxtBox { font-size:14px !important;}
	/*Setting font size of pickupdate*/
	.totalCapacity { margin-right:10px !important;}
	.wholegallery { margin-right:30px; margin-top:15px;}
	.responsiveFilter { display:none !important; margin-top:10px; margin-right:30px; margin-bottom:10px;}
	.defaultFilter { display:block !important;}
	.btnSaveHeadCE { font-size:9px !important;}
	.btnPreviewHeadCE { font-size:9px !important;}
	.btnMakeLiveHeadCE { font-size:9px !important;}
	.variableClass { display:block !important;}
	.OrganizerBody, .TicketOptions { padding-left:26px !important;}
	.EDTxtVNTxtBox { font-size:20px;}
	.EDTxtVATxtBox { font-size:14px;}
	.color-picker-panel { right:15px;}
	.OrganizerBody { padding:5px 20px !important;}
	.color_pick { margin-right:-10px !important;}
	.eventDtkHeadCon { padding-left:0px !important;}
	.bannerPic { margin-left:15px !important;}
	/* Stuff for really small views goes here. */
	/*Create Event always in center*/
	.createEvent { text-align:center; margin-bottom:19px;}
	/*Color Picker adjust left margin for different screens*/
	color-picker-wrapper .color-picker-panel.color-picker-panel-left { left:-158px !important;}
	/*Top Butttons save,preview,live will be hide for smaller screens*/
	.topButtons { display:none;}
}
.EDTxtEventDateTime { margin-top:15px !important;}
.firstdiv .md-datepicker-input, .seconddiv .md-datepicker-input { font-family:"Roboto", Helvetica Neue, sans-serif;;}
.timeFont { font-size:16px; font-family:"Roboto", Helvetica Neue, sans-serif;}
.md-datepicker-input { font-size:16px; font-family:"Roboto", Helvetica Neue, sans-serif;}
md-ink-bar { bottom:12px !important;}
.TicketOptions { max-width:1100px; margin:0px auto; padding:5px 0;}
.variableClass { display:inline-block;}
.variableOptions { padding:10px 0px; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26); margin-bottom:20px; margin-left:15px; margin-right:15px;}
.variableOptions .variableOptionForm{ position: relative;padding: 15px 42px;width: 100%;display: block;text-align: justify;}
.variableOptions .closeVariableOption { cursor: pointer;position: absolute;right: 10px;top: 0;}
.variableOptions .moveVariableOption{color: #00CAFD;position: absolute;left: 10px;top: 10px;}
.variableInput-text{font-size:14px;color:#ccc; text-align:center;}
.variableInput-text span{color: #00CAFD;}
.v-top { vertical-align:top;}
.block18 {width: 18%;display: inline-block;}
.block22 {width: 22%;display: inline-block;}
.block30 {width: 30%;display: inline-block;}
.block45 {width: 45%;display: inline-block;}
.block100 {width: 100%;display: inline-block;margin-left: 0;margin-right: 0;}
.ticketButtonDiv { display:inline-block;}
.textAreaHeight { height:43px; overflow:hidden; -webkit-appearance:none; -moz-appearance:none; appearance:none; resize:none;}
.seconddiv { clear:both;}
.organiserLabel { white-space:nowrap; padding-left:0px !important;}
.time-zone { float:left; margin-left:0;}
.selectdemoSelectHeader .demo-header-searchbox { border:none; outline:none; height:100%; width:100%; padding:0;}
.selectdemoSelectHeader .demo-select-header { box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); padding-left:10.667px; height:48px; cursor:pointer; position:relative; display:flex; align-items:center; width:auto;}
.selectdemoSelectHeader md-content._md { max-height:240px;}
.imgdetails { vertical-align:middle; display:table-cell;}
.fontStyles { font-size:18px; font-family:'Roboto', Arial, Helvetica, sans-serif; color:rgb(48, 71, 86); margin-left:41px;}
.More { margin-right:20px;}
/*Create event header styles*/
.createEvent { font:500 24px/32px "Roboto", Arial, Helvetica, sans-serif; color:#000; text-transform:capitalize; margin-top:20px }
.md-datepicker-input { width:120px !important;}
.dateRow140 md-datepicker { padding-right:0 !important;}
.dateRow140 .md-datepicker-input-container { width:140px !important;}
.tooltiptext { visibility:hidden; width:120px; background-color:#555; color:#fff; text-align:center; border-radius:6px; padding:5px 0; position:absolute; z-index:1; bottom:125%; left:50%; margin-left:-60px; opacity:0; transition:opacity 1s;}
.tooltiptext::after { content:"Testing"; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:#555 transparent transparent transparent;}
.infoOptionIcon:hover .tooltiptext { visibility:visible !important; opacity:1 !important;}
.block { display:block;}
/* In angular ng-click or events there is outline so we need to remove that outline*/
.noOutline:focus { outline:none !important;}
/*Datepicker floating text */
.date-picker-row { position:relative; min-height:60px;}
.date-picker-row label { position:absolute; top:-23px; left:0; color:rgb(0, 202, 253) !important; font-size:12px;}
.date-picker-row .md-datepicker-input-container { margin-left:0; padding-bottom:0;}
/*end date picker floating text*/
.ticketStartEndDate { margin-bottom:15px;}
.myAccountDiv { padding-left:15px; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);}
.headerlogo { margin:34px 10px 50px 34px; width:30vw; max-width:360px; min-width:100px;}
.headerCEHeadBtn { text-align:right; margin:15px auto; max-width:1100px;}
.headerCEHeadBtn.editEventBtnHeader { margin:15px 0; max-width:100%;background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 18%, rgba(255, 255, 255, 1) 32%, rgba(255, 255, 255, 1) 100%);position: sticky;bottom: 0;z-index: 9;}
.headerCEHeadBtn.editEventBtnHeader .content{ margin:0 auto; max-width:1100px;}
.btnSaveHeadCE { color:#fff; border:0px; background-color:rgb(0, 202, 253); padding:10px 40px; font-size:14px; display:inline-block; font-family:'Roboto', Arial, Helvetica, sans-serif; margin:4px 0;}
.btnPreviewHeadCE { color:#fff; border:0px; background-color:rgb(0, 202, 253); padding:10px 40px; font-size:14px; font-family:'Roboto'; display:inline-block; margin:5px;}
.btnMakeLiveHeadCE { color:#fff; border:0px; background:#1adf1a; padding:10px 40px; font-size:14px; font-family:'Roboto', Arial, Helvetica, sans-serif; display:inline-block;}
.headerCEHeadBtn a:hover { color:#fff; border:none; text-decoration:none;}
.have_a_filter { font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:11px; color:rgb(0, 0, 0); margin-right:45px;}
.eventDetailContainer { background:#00CAFD; margin:0px auto; overflow:hidden; padding:20px 0px 0px 0px;}
.eventDetailContainer .color-picker-wrapper .color-picker-panel { right:0;}
.EDConInner { max-width:1100px; margin:0px auto;}
.EDWebsiteUrlHead { color:#fff; margin-bottom:5px; width:100%; display:inline-block; box-sizing:border-box;}
.EDWebsiteUrlHead md-input-container { margin:0px; height:30px;}
.websiteURLTxtboxCls { color:#fff !important; border-color:#fff !important; font-size:18px !important; font-weight:500;}
.websiteURLTxtLblCls { color:#fff !important; font-size:18px !important; font-weight:500;}
md-input-container:not(.md-input-invalid).md-input-has-value label.websiteURLTxtLblCls { color:#fff !important;}
md-input-container.md-input-invalid label.websiteURLTxtLblCls { color:#f00 !important;}
.eventcombo_com { color:rgba(255, 255, 255, .6); font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:18px; font-weight:500;}
.eventDetailTxtFields { background:#fff; padding:20px 10px 10px 20px; display:block; clear:both; opacity:0.8;}
.eventDetailTxtFields .material-icons, .pickupDateContainer .material-icons { line-height:24px;}
.EDTxtENTxtBox { width:100%; border:none; font-size:36px; font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:500; background:none; color:#304756; margin-bottom:10px;}
.EDTxtENTxtBox::-moz-placeholder { opacity:1; color:#304756;}
.EDTxtENTxtBox:-moz-placeholder { opacity:1; color:#304756;}
.EDTxtENTxtBox::-webkit-input-placeholder { opacity:1; color:#304756;}
.EDTxtENTxtBox:-ms-input-placeholder { opacity:1; color:#304756;}
.Organiser { font-family:Roboto;}
.EDTxtENTxtBox::-webkit-input-placeholder { color:rgb(48,71,86);}
.EDTxtENTxtBox:-moz-placeholder { /* Firefox 18- */ color:rgb(48,71,86);}
.EDTxtENTxtBox::-moz-placeholder { /* Firefox 19+ */ color:rgb(48,71,86);}
.EDTxtENTxtBox:-ms-input-placeholder { color:rgb(48,71,86);}
.EDTxtENTxtBox:focus { outline:none; border:none;}
.EDTxtVNTxtBox { width:100%; border:none; font:500 24px "Roboto", Arial, Helvetica, sans-serif; background:none; color:#747474;}
.EDTxtVNTxtBox::-moz-placeholder { opacity:1; color:#747474;}
.EDTxtVNTxtBox:-moz-placeholder { opacity:1; color:#747474;}
.EDTxtVNTxtBox::-webkit-input-placeholder { opacity:1; color:#747474;}
.EDTxtVNTxtBox:-ms-input-placeholder { opacity:1; color:#747474;}
.EDTxtVNTxtBox:focus { outline:none; border:none;}
.EDTxtVATxtBox { width:90%; border:none; background:none; color:#000; padding-left:10px; font:500 18px "Roboto", Arial, Helvetica, sans-serif; margin-left:20px;}
.EDTxtVATxtBox::-moz-placeholder { opacity:1; color:#000;}
.EDTxtVATxtBox:-moz-placeholder { opacity:1; color:#000;}
.EDTxtVATxtBox::-webkit-input-placeholder { opacity:1; color:#000;}
.EDTxtVATxtBox:-ms-input-placeholder { opacity:1; color:#000;}
.EDTxtVATxtBox:focus { outline:none; border:none;}
.EDTxtVenueAddress { margin-top:15px;}
.EDTxtEventDateTime { display:inline-block; color:#304756; font:500 18px/26px "Roboto", Arial, Helvetica, sans-serif; cursor:pointer;}
.pickuptimeTxt { padding-left:12px; margin-left:20px;}
.pickuptimeIcon { font-size:16px;}
.bold .md-label { color:#000; font-size:15px; margin-left:35px;}
.EDTxtEventChkBxCon { font-size:16px; color:rgb(0, 0, 0); margin-top:20px;}
.eventDtkHeadCon { padding-left:15px;}
.EDTxtEventOnlineChkBxCon { margin-top:20px;}
.onlineEventConChkBox { margin-left:30px;}
.eventDtlBody { margin:20px 0px;}
.eDAddTicketHead { background:#EDFBFF; padding:0 20px;}
.eDAddTicketInnerHead, .eDBitMoreInnerHead { color:rgb(255, 0, 138); font-weight:bold; font-family:'Roboto', Arial, Helvetica, sans-serif; max-width:1100px; font-size:24px; margin:0 auto; padding:8px 0; text-align:left;}
.addTicketsButtons { max-width:1100px; margin:0px auto; padding:5px 0px;}
.ticketSubDivContainer { max-width:1100px; margin:0px auto; padding:5px 0px;}
.eDAddTicketBody { margin:20px 10px 0px 20px;}
.addTicketBtnCls { color:#00CAFD !important; font-weight:bold; padding:3px 10px; display:inline-block; margin-right:25px; margin-left:0px;}
.addTicketBtnCls i { margin-right:5px;}
.addTicketBtnCls i, .addTicketBtnCls span { float:left; line-height:36px;}
.addTicketBtnCls img { width:20px; height:20px; margin:0px 5px;}
.paidTicketContentCo { padding:10px 0px; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26); margin-bottom:20px; position:relative;}
.paidTicketContentCoHeader { padding:0px 10px;}
.qualityMdCon { max-width:180px;}
.ticketContTxtBox { margin:8px 0px 0px 0px !important;}
.arrowDownOptions { color:#00CAFD; font-weight:bold; padding:0 10px 0 0; font-size:15px;}
.moreOptionTxt { text-transform:uppercase; font-weight:bold;}
.buyerTotalTxt { position:relative; font-weight:bold; font-size:15px; line-height:1.9; padding-right:6px;}
.infoOptionIcon { position:relative; display:inline-block; color:#888;}
.paddRow { padding-right:20px;}
.trashIconConCls { width:80px; color:#00CAFD; position:absolute; top:25px; right:0;}
.paidTicketContentCoBody { margin:10px 0px; border-top:1px dotted #000; padding:25px 20px; padding-left:42px !important;}
.pTCBTxt { font-weight:bold;}
.ticketMinTxtBoxCon { max-width:150px; margin-right:30px;}
.ticketMaxTxtBoxCon { max-width:150px;}
.iconDragItem { margin-top:18px; display:inline-block; margin-right:10px; cursor:move;}
.showHideOptionCls { color:#000 !important; text-decoration:none !important; border-bottom:none !important; transition:none !important; line-height:1.9;}
.showHideOptionCls:hover { color:#000 !important; text-decoration:none !important; border-bottom:none !important; transition:none !important;}
.totalCapacity { margin:10px 10px 20px auto; max-width:1100px; text-align:right; font-weight:bold; font-family:'Roboto', Arial, Helvetica, sans-serif; color:#00cafd; font-size:24px;}
.donationTxtCls { font-weight:500; margin-top:20px; color:rgba(0, 0, 0, 0.87);}
.OrganizerBody { max-width:1100px; margin:0px auto; padding:5px 0px;}
.btn-text { color:blue;}
.btn-topmargin { margin-top:20px;}
.eDBitMoreHead { background:#EDFBFF; margin-bottom:20px; padding:0 20px;}
.textArea { height:100px;}
.TellUs { margin-top:20px;}
.tellus_pics { display:inline-block; position:relative; margin-left:5px;}
md-tabs-canvas { margin-left:30px;}
md-tabs-wrapper { border:none !important;}
.md-tab { color:#888 !important;}
.md-tab.md-active { color:rgb(0, 202, 253) !important;}
.html5ColorPicker { width:24px; height:24px; display:inline-block; background:url("../../Images/AMaterial/color-picker-icon.png") no-repeat;}
.html5ColorPicker input[type=color] { width:100%; height:100%; float:left; cursor:pointer; opacity:0;}
.pickupDateContainer { width:360px; border:1px solid #c1c1c1; margin:0px auto; position:absolute; background:#fff; z-index:2; box-shadow:2px 2px 5px 0px #c1c1c1; margin-top:-118px; margin-left:18px; font-family:'Roboto', Arial, Helvetica, sans-serif;}
.color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon { background-size:25px !important; height:30px !important; background-repeat:no-repeat !important; background-position:right top;}
.closeIconImage { position:absolute; top:5px; right:5px; color:#fff; background-color:#888; font-weight:bold !important; font-size:16px !important;}
.ticketPriceLbl { z-index:1;}
.buyerInfo { position:absolute; bottom:100%; right:-5px; padding:10px 15px; margin-bottom:9px; background:rgba(0,0,0,.8); color:#fff; text-align:right; z-index:5555; border-radius:3px; text-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 2px 3px rgba(0, 0, 0, 0.2); white-space:nowrap;}
.buyerInfo:before { position:absolute; top:100%; right:10px; margin-bottom:-9px; content:""; width:0; height:0; border:9px solid transparent; border-top-color:rgba(0,0,0,.8); z-index:5556;}
.validation-datepicker-messages { font-size:12px; font-weight:normal; color:#dd2c00; margin:5px 0;}
.validation-standard-messages { font-size:12px; font-weight:normal; color:#dd2c00; margin:6px 0 6px 0; text-align:left;}
.clearfix { clear:both;}
.md-toolbar-tools.dialogheader { font-size:18px; font-weight:500;}
md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon, md-toolbar:not(.md-menu-toolbar) md-icon { color:#304756; fill:#304756;}

md-input-container:not(.md-input-invalid).md-input-has-value label { color:rgb(0, 202, 253) !important; font-size:16px;}
.gallery-close-btn { position:absolute; top:2%; right:2%; background:none; color:#fff; border:none; left:auto;}
.gallery-close-btn i { font-size:30px;}
.gallery-prev-next-container { top:50%;}
.gallery-prev-btn { position:absolute; left:2%; top:0; background:none; color:#fff; border:none;}
.gallery-next-btn { position:absolute; right:2%; top:0px; background:none; color:#fff; border:none;}
.gallery-prev-next-container i { font-size:45px;}

/* CATALYST CSS*/
.gallery-item { height:auto !important;}
.dateP167 .md-datepicker-input { width:167px !important; font-weight:500;}
.desMyBanner { text-transform:uppercase;}
.variableOptions:empty { opacity:0;}
.icBox { float:right; text-transform:uppercase; line-height:28px;}
.thirddiv { margin-left:0;}
.firstdiv.second-tab md-input-container { padding:0;}
.OrganizerBody .addTicketBtnCls span, .variabeDetails span { float:none !important;}
.socialMediaIcon { width:100%; max-width:600px; display:inline-block;}
.socialMediaIcon img { height:25px; float:left; margin:23px 10px}
.socialMediaIcon md-input-container { width:calc(100% - 45px);}
.designBannerPopup { display:inline-block; position:relative; padding-right:25px; margin-right:15px;}
.helpPopup { width:20px; height:20px; display:inline-block; background:#fff; color:#000; border-radius:50%; text-align:center; line-height:22px; position:absolute; top:4px; right:0;}
.helpPopup:hover { color:#000; cursor:help;}
.popH { color:#fff; line-height:24px;}
.tooltipMultipleDateVanue { text-align:left;}
.popIMG { border:4px solid #ccc; border-top:none; width:100%;}
.popIMG2 { border:4px solid #ccc;}
.popIMG3 { border:4px solid #ccc; width:220px; float:right; margin-top:15px;}
.dateBx { width:100%; display:inline-block;}
.dateLeftBx { width:calc(100% - 240px); min-width:240px; float:left;}
.tooltipMultipleDateVanue p { line-height:normal; margin-bottom:16px;}
.tooltipMultipleDateVanue h3 { color:#333; font:500 22px "Roboto", Arial, Helvetica, sans-serif; margin-bottom:0;}
.msgHighlight { padding:10px 15px; background:#ff008a; color:#fff; font:500 18px "Roboto", Arial, Helvetica, sans-serif; text-align:left;}
.OnOff { display:inline-block; margin:0; float:left;}
.whatisthis { width:24px; height:24px; display:inline-block; background:#888; color:#fff; border-radius:50%; text-align:center; font-size:16px; line-height:24px; cursor:pointer;}
.whatisthis:hover { background:#00baff; color:#fff;}
.selectDealBox { display:inline-block; min-height:48px; padding:0 36px 0 65px; margin-right:20px; position:relative; text-align:left;}
.dealPic { width:48px; height:48px; display:inline-block; position:absolute; left:0; top:0;}
.selectDealBox md-checkbox.chkbox { margin:9px 0 !important;}
.dealPic img { width:48px; height:48px; display:block;}
.selectDealBox .whatisthis { position:absolute; top:10px; right:0;}
md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) { background-color:rgb(0,202,253);}
md-switch.OnOff.md-default-theme.md-checked.md-primary ._md-thumb, md-switch.OnOff.md-checked.md-primary ._md-thumb { background-color:rgb(0, 204, 255);}
md-switch.OnOff.md-default-theme.md-checked.md-primary ._md-bar, md-switch.OnOff.md-checked.md-primary ._md-bar { background-color:rgba(0, 204, 255, 0.5);}
.multipleVenues { font:500 18px "Roboto",Arial,Helvetica,sans-serif; margin-bottom:10px; padding-left:30px; position:relative; text-align:left; color:#0393ef; font-size:16px; cursor:pointer;}
.venueCard { width:100%; display:inline-block; background:#eee; padding:5px 10px; margin:1px 0;}
.venueCard .removeClone { display:inline-block; padding:20px 10px; cursor:pointer;}
.addVenue { float:right;}
.addVenue i { font-size:35px; cursor:pointer;}
.dateHeading { width:100%; display:inline-block; margin-bottom:10px; padding-left:15px; text-align:left; color:#0393ef; font-size:16px;}
.cstBtn { color:rgb(0, 202, 253); text-transform:none;}
.cstSchedule { background:#eee; padding:5px; margin:1px 0; position:relative;}
.cstSchedule .editFields, .cstSchedule .viewFields { width:100%; display:inline-block;}
.cstSchedule .viewFields { padding-right:75px; word-break:break-word;}
.cstSchedule .editDT, .cstSchedule .viewDateTime { float:left; margin-top:10px; margin-left:10px;}
.cstSchedule .date-picker-row { min-height:initial;}
.cstSchedule .editDT .md-datepicker-input-container { width:100px;}
.cstSchedule .cloneIcon { display:inline-block; padding:5px; cursor:pointer;}
.addClone { display:inline-block; float:left; margin-left:10px; cursor:pointer;}
.scrollSchedules { width:100%; max-height:250px; overflow-y:auto;}
.cstViewActions.faqViewActions { right:15px;}
.faqViewActions .cloneIcon {
  color:#00CAFD;
}
.faqViewActions .cloneIcon:hover {
  color:#0393EF;
}
.faqViewActions .iconDragItem span.material-icons {
  color:#00CAFD;
}
.faqViewActions .iconDragItem span.material-icons:hover {
  color:#0393EF;
}
.addFAQ { margin:0; background-color:rgba(158,158,158,.2);}
.md-button.md-default-theme:not([disabled]).addFAQ:hover, .md-button:not([disabled]).addFAQ:hover { color:#fff; background-color:rgb(0,204,255)}

/* FAQ existing questions list */
.faqQuestionList {
  margin-top:16px;
  margin-bottom:24px;
}

.faqCategoryGroup {
  background:#F7F8FA;
  border-radius:4px;
  padding:16px 24px;
  margin-bottom:16px;
}

.faqCategoryGroup .cstSchedule {
  background:transparent;
  padding:12px 0;
  margin:0;
  border-bottom:1px solid #E6E8E9;
}

.faqCategoryGroup .cstSchedule:last-child {
  border-bottom:none;
}

.faqQuestionList .viewFields {
  padding-right:140px;
  padding-left:0;
  box-sizing:border-box;
}

/* FAQ rows use three action icons — reserve enough horizontal space */
.faqQuestionList .cstSchedule .viewFields {
  padding-right:140px;
  box-sizing:border-box;
}

.faqCategoryHeaderLine {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-right:0;
  padding-bottom:16px;
  border-bottom:1px solid #E6E8E9;
  margin-bottom:8px;
}

.cstViewActions.faqCategoryHeaderActions {
  position:static;
  right:auto;
  top:auto;
  transform:none;
  flex-shrink:0;
  align-self:flex-start;
}

.faqCategoryHeaderActions .cloneIcon span.material-icons {
	color: #00CAFD;
} 

.faqCategoryHeaderActions .iconDragItem,
.faqViewActions .iconDragItem {
  user-select:none;
}

.faqCategoryLabel {
  font-size:20px;
  font-weight:600;
  color:#000000;
  margin-top:20px;
  margin-bottom:0;
  flex:1;
  min-width:0;
  overflow-wrap:break-word;
  word-break:break-word;
}

.faqQuestionList .faqCategoryGroup:first-of-type .faqCategoryLabel {
  margin-top:0;
}

.faqQuestionList .faqCategoryGroup + .faqCategoryGroup {
  margin-top:16px;
}

/* FAQ drag-and-drop (Create Event): compact placeholder vs global .dndPlaceholder */
.faqQuestionList .dndPlaceholder {
  min-height:48px;
  height:auto;
  margin:8px 0;
}
.faqQuestionList .dndPlaceholder:after {
  font-size:13px;
  top:calc(50% - 10px);
}
.faqFaqDndList {
  min-height:4px;
}
.faqUncategorizedBlock {
  margin-top:16px;
}

.faqQuestionTitle {
  font-size:14px;
  color:#001623;
  margin-bottom:2px;
  overflow-wrap:break-word;
  word-break:break-word;
  max-width:100%;
}

.faqQuestionAnswer {
  font-size:13px;
  color:#4D5C65;
  max-width:100%;
  overflow-wrap:break-word;
  word-break:break-word;
}

/* FAQ Categories in Create/Edit Event */
.faqTabs {
  display:flex; 
  margin-bottom:16px;
}

.faqTabs a {
  padding:8px 16px;
  font-size:14px;
  font-weight:500;
  color:#4D5C65;
  text-decoration:none;
  border-bottom:2px solid transparent;
  cursor:pointer;
  margin-right:12px;
}

.faqTabs a.active {
  color:#00CAFD;
  border-bottom-color:#00CAFD;
}

.faqTabs a:last-child {
  margin-right:0;
}

.faqFormPanel {
  background:#F7F8FA;
  border-radius:4px;
  padding:16px 24px 20px;
}

/* FAQ category md-select: keep menu within viewport (labels are truncated in template) */
._md-select-menu-container.faq-category-select-container {
  max-width:min(560px, calc(100vw - 48px));
}
._md-select-menu-container.faq-category-select-container md-select-menu,
._md-select-menu-container.faq-category-select-container md-content {
  max-width:100%;
}

.faqCategoryHeader {
  font-weight:600;
  margin:0;
  color:#001623;
  font-size:16px;
}

.faqCategoryTopRow {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:8px;
  margin-bottom:8px;
}

.faqCategoryAddRow {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

.faqCategoryAddRow .md-block {
  flex:1 1 auto;
  max-width:600px;
}

.faqCategoryAddButton {
  min-width:140px;
  height:36px;
  line-height:36px;
  padding:0 20px;
  background:#00CAFD;
  color:#ffffff;
  text-transform:uppercase;
  font-size:12px;
  font-weight:700;
}

.faqCategoryAddButton[disabled] {
  background:#E6E8E9;
  color:#9BA6AE;
}

.faqCategoryTable {
  margin-top:20px; 
  overflow:hidden;
  box-shadow:0px 2px 6px #4D5C651A;
}

.faqCategoryHeaderRow {
  display:flex;
  background:#0393EF;
  color:#ffffff;
  padding:10px 18px;
  font-size:13px;
  font-weight:600;
}

.faqCategoryHeaderCell {
  flex:1;
}

.faqCategoryHeaderCellAction {
  flex:0 0 120px;
  text-align:right;
}

.faqCategoryRow {
  position:relative;
  padding:10px 18px;
  background:#ffffff;
  border-top:1px solid #E6E8E9;
}

.faqCategoryRow .viewFields {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  width:100%;
  box-sizing:border-box;
}

.faqCategoryRow .faqCategoryName {
  flex:1;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.faqCategoryRow .cstViewActions.faqCategoryActions {
  position:static;
  right:auto;
  top:auto;
  transform:none;
  flex-shrink:0;
  align-self:center;
}

.faqCategoryRow:nth-child(even) {
  background:#F7F8FA;
}

.faqCategoryName {
  font-size:14px;
  color:#1A2D39;
}

.faqCategoryActions .cloneIcon {
  margin-left:8px;
  color:#00CAFD;
}

.faqCategoryActions .cloneIcon:hover {
  color:#0393EF;
}
.designBanner { float:right; margin-right:10px; margin-top:10px; height:30px; font-size:15px; line-height:30px;}
.cameraIcon { position:relative; display:inline-block; margin-top:3px; margin-left:5px; float:right; overflow:hidden;}
.cameraIcon span { position:relative; display:table; z-index:0; color:rgba(0,0,0,.5);}
.cameraIcon:hover span { color:rgba(0,0,0,1);}
.cameraIcon input { width:100%; height:100%; display:inline-block; position:absolute; left:0; top:0; z-index:11; cursor:pointer; opacity:0;}
.firstdiv, .seconddiv, .thirddiv { margin-left:20px;}
.editDTMob { margin-left:20px; margin-top:-2px; width:120px; float:left;}

.addVenueMap { width:100%; display:inline-block; padding:30px 0; border-radius:.2em; background:#eee; color:#00cafd; text-align:center;}
.addVenueMap i { display:block; margin-bottom:15px; font-size:80px; color:#00cafd;}
.addVenueMap:hover, .addVenueMap:hover i { color:#0393ef;}

.venueMapInfo { width:100%; display:inline-block;}
.venueMapInfo .venueMapFor { color:#333; font:300 16px "Roboto", Arial, Helvetica, sans-serif; margin-bottom:10px;}
.venueMapInfoBox { width:100%; display:inline-block; background:#eee; padding:20px;}
.venueMapInfoBox .imgBox { width:150px; height:150px; padding:10px; display:inline-block; background:rgba(255,255,255,.5) no-repeat center/100%; float:left;}
.venueMapInfoBox .imgBox img { display:inline-block; min-width:100%; max-width:100%; max-height:100%;}
.venueMapInfoBox .info { display:inline-block; float:left; padding-left:20px;}
.venueMapInfoBox .info .title { font-weight:500; font-size:18px;}
.venueMapInfoBox md-checkbox { margin-bottom:5px; font-size:16px;}
.venueMapSteps { display:inline-block; float:right; width:280px;}
.venueMapSteps ul { display:inline-block; margin:0; padding:0;}
.venueMapSteps ul li { width:100%; display:inline-block; margin:0; padding:0; padding-left:0; list-style:none; font:300 16px "Roboto", Arial, Helvetica, sans-serif; position:relative;}
.venueMapSteps ul li i { color:#16de18; margin-right:10px; position:absolute; top:0; left:0;}
.venueMapSteps ul li .warning { color:#ffb40c;}
.venueMapSteps ul li .error { color:#de1616;}
.lauchVenueBtn { color:#fff; border:0px; background-color:rgb(0, 202, 253); padding:0 20px; font-size:14px; display:inline-block; font-family:'Roboto', Arial, Helvetica, sans-serif; margin:4px 0; border-radius:4px; margin-top:15px;}
.lauchVenueBtn:hover { background-color:#0393ef !important;}

.helpTooltip { display:inline-block; color:#888;}
.helpInfo { width:240px; position:absolute; bottom:100%; right:-8px; padding:10px 13px; margin-bottom:9px; background:rgba(0,0,0,.7); color:#fff; font:13px Arial, Helvetica, sans-serif; z-index:1111; border-radius:3px; text-shadow:1px 1px 1px rgba(0,0,0,.4); box-shadow:1px 2px 3px rgba(0, 0, 0, 0.2); text-align:left;}
.helpInfo:before { position:absolute; top:100%; right:10px; margin-bottom:-9px; content:""; width:0; height:0; border:9px solid transparent; border-top-color:rgba(0,0,0,.7); z-index:1112;}

.ecDate, .ecTime { display:inline-block; min-width:136px; position:relative; line-height:normal;}
.ecDate .md-datepicker-button { display:inline-block; width:auto; margin:0; padding:8px 0; vertical-align:middle;}
.ecDate.md-datepicker-open .md-datepicker-calendar-icon { fill:rgba(0,0,0,0.54);}
.ecDate md-input-container md-icon,
.ecTime md-input-container md-icon,
.ecDate md-input-container.md-input-focused:not(.md-input-invalid) md-icon,
.ecTime md-input-container.md-input-focused:not(.md-input-invalid) md-icon { color:rgba(0,0,0,0.54);}
.ecTime md-input-container { width:100%; margin:0;}
.ecTime md-input-container input { margin-top:3px;}

.pickupDateContainer { width: 400px; }
.pickupDateContainer .md-datepicker-input-container { width:calc(100% - 12px);}
.pickupDateContainer .ecDate, .pickupDateContainer .ecTime { width:100%;}
.pickupDateContainer .ecDate .md-datepicker-input { width:calc(100% - 36px) !important;}
.blueTitle { color:rgb(0, 202, 253); font-size:14px;}
.dateCounts { font-size:14px; font-weight:500; color:#333;}
.dateCounts span { display:inline-block; margin-left:5px; font-weight:normal; color:#999;}
.timeRangeSymbol { position:relative; padding-right:30px;}
.timeRangeSymbol:after { display:inline-block; width:15px; content:'-'; line-height:10px; text-align:center; position:absolute; top:calc(50% - 5px); right:0;}
.cstDateBox { position:relative; padding-left:0; padding-right:36px;}
.cstViewActions { position:absolute; right:0; top:calc(50% - 19px);}
.cstViewActions.faqCategoryActions {
  right:18px;
  top:50%;
  transform:translateY(-50%);
}
.cstEditActions { width:36px; position:absolute; right:0; bottom:0;}
.cstAddActions { position:absolute; right:15px; bottom:5px;}
.weekDays { width:100%; display:flex; padding:15px; background:#eee;}
.weekDays md-radio-button { display:inline-block; width:100%; margin-bottom:0; text-align:center;}
.weekDays md-radio-button ._md-container { left:calc(50% - 10px);}
.weekDays md-radio-button ._md-label { margin-left:0; margin-top:30px;}
.addOnButtons { display:inline-block; margin-left:15px; margin-bottom:15px;}
.addOnButtons i { margin-right:0;}
.addOnButtons span { float:none !important;}
.addOnButtons .addTicketBtnSave, .addOnButtons .addTicketBtnSave:hover { background-color:#00cafd !important; color:#fff !important;}
.addOnTicketAddRoow { width:100%; clear:both; max-width:800px; margin-bottom:30px;}
.addOnTicketAddRoow.layout-row > .flex > md-input-container { width:100%; max-width:100%; padding-right:15px;}
.addOnTitle { font-weight:500; font-size:20px;}
.addOnDesc { font-weight:300; font-size:100%; line-height:22px;}
.addOnTicket { padding:15px 30px 0 15px; border-bottom:1px solid #eee; position:relative; min-height:50px;}
.addOnTicket .trashIconConCls { width:40px;}
.addOnTicket > .layout-row > .flex > md-input-container { padding-right:15px;}
.addOnTicket:hover { background:#f5f5f5;}
.iconDragDropHandler { width:24px; height:28px; display:inline-block; position:absolute; left:10px; top:10px; cursor:move;}
.addOnName { color:#000; font:500 16px/18px 'Roboto', Arial, Helvetica, sans-serif;}
.addOnInfo { color:#999; margin-top:2px; font:14px 'Roboto', Arial, Helvetica, sans-serif;}
.addOnInfo span:not(:last-child) { margin-right:15px;}
.addOnInfo span.color-pink { color:#ff008a;}
.addOnInfo span.color-green { color:#00da7f;}
.addOnAction { position:absolute; right:11px; top:11px; z-index:1;}
.addOnAction a:hover { color:#ff008a;}
.addonButton { background:none; color:#00cafd; margin:15px 0 0 0; padding-left:10px; padding-right:15px;}
.addOnTicketFormScreen .paidTicketContentCoBody { padding:15px 0 0 0 !important;}
.speakersBody, .sponsorsBody { max-width:1100px; margin:0 auto;}
.speakersBody li > img, .sponsorsBody li > img { cursor:move;}
.flexBox { display:flex; flex-flow:wrap;}
.dndPlaceholder { width:140px; background:#f4f4f4; border:2px dashed #e1e1e1; margin:10px; color:transparent; position:relative;}
.dndPlaceholder:after { content:"Drop Here"; width:100%; position:absolute; top:calc(50% - 15px); left:0; font-size:18px; font-weight:bold; color:#888; text-align:center; text-transform:uppercase;}
.addImage { width:140px; height:120px; display:inline-flex; justify-content:center; align-items:center; background:#f4f4f4; border:1px solid #e1e1e1; border-radius:3px; margin:10px; padding:30px; position:relative; text-align:center;}
.addImage span { color:rgba(0,0,0,.5); width:36px; height:36px; font-size:36px;}
.addImage:hover { background:#eee;}
.addImage input { display:inline-block; width:100%; height:100%; margin:0; position:absolute; left:0; top:0; z-index:1; cursor:pointer; opacity:0;}
.dndDragover .addImage { display:none;}

/****************************************************************************************************/
.uploadProfilePic { margin-bottom: 40px;}
.uploadInput-dragDrop { position:relative; border:2px dashed #c8cbce; padding:35px 15px; margin-bottom:15px; text-align:center;}
.uploadInput-text { color:#000; font:bold 18px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase;}
.uploadInput-or { display:inline-block; margin:15px 0; color:#999; font-size:13px;}
.uploadInput-button { background:rgb(0, 202, 253); display:inline-block; padding:10px 15px; color:#fff; font:500 14px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; border-radius:4px;}
.uploadInput-dragDrop:hover .uploadInput-button { background:rgb(3, 147, 239);}
.uploadInput-input { width:100%; height:100%; display:inline-block; position:absolute; left:0; top:0; cursor:pointer; opacity:0;}
/****************************************************************************************************/
.uploadedImage { width:220px; display:inline-block; background:#fff; border:1px solid #e1e1e1; border-radius:3px; box-shadow:0 0 3px rgba(0,0,0,.06); margin:10px; padding:10px; position:relative;}
.uploadedImage img { max-width:200px; max-height:200px; border:1px solid #e1e1e1;}
.uploadedImageName { position:relative; padding-right:30px;}
.uploadedImageName span { width:100%; display:inline-block; margin-top:8px; color:#00ccff; font:500 13px 'Roboto', Arial, Helvetica, sans-serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.uploadedImageName span.material-icons { font-family:'Material Icons'; font-size:20px;}
.removeBanner { float:right;}
.uploadedImageRemove { position:absolute; top:0; right:0;}
.uploadedImageRemove i, .removeBanner i { color:#666; display:inline-block; cursor:pointer;}
.uploadedImageRemove:hover i, .removeBanner:hover i { color:#ff1b00;}
.profileBanner { display:inline-block; width:100%; height:400px; background-color:#eee; border:7px solid #ddd; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed;}
/****************************************************************************************************/

/*existing modal*/
.existingModal { padding: 10px;}
.existingModal a .whatisthis { margin-right: 7px; background: #66cafe;}
.existingModal a { font-size: 16px; color: #222;}
.existingBox { height: 236px;overflow-y: scroll;margin: 15px 0;}
.existingBox ul { list-style-type: none;}
.existingBox ul li { display: inline-block; width: 32%; position: relative;}
.existingBox input[type="checkbox"] { display: none;}
.existingBox label { border: 1px solid #e1e1e1; padding: 30px 10px; display: block; position: relative; margin: 5px 2px; cursor: pointer;}
.existingBox label:before { background-color: white; color: white; content: " "; display: block; border-radius: 0; border: 1px solid #66cafe; position: absolute; top: 0; right: 0; width: 25px; height: 25px; text-align: center; line-height: 28px; transition-duration: 0.4s; transform: scale(0); background-color: #66cafe !important;}
.existingBox label img { height: 30px; width: 100%; transition-duration: 0.2s; transform-origin: 50% 50%; object-fit: contain;}
.existingBox :checked + label { border-color: #66cafe; box-shadow: 0 0 3px #66cafe;}
.existingBox :checked + label:before { content: ""; background: url("../../Images/AMaterial/existing-box-check.svg") no-repeat; transform: scale(1); width: 15px; height: 15px; padding: 5px; background-size: contain;}
.existingBox :checked + label img { transform: scale(0.9); z-index: -1;}
.addSponsorsBtn { background: rgb(0,204,255); color: #fff; padding: 0 15px;}

/*existing modal Speakers*/ 
.existingBoxSpeakers { height: 236px;overflow-y: scroll;margin: 15px 0;}
.existingBoxSpeakers ul { list-style-type: none;}
.existingBoxSpeakers ul li { display: inline-block; width: 32%; position: relative;}
.existingBoxSpeakers input[type="checkbox"] { display: none;}
.existingBoxSpeakers label {padding: 0;display: block;position: relative;margin: 5px 2px;cursor: pointer;height: 172px;overflow: hidden;}
.existingBoxSpeakers label:before { background-color: white; color: white; content: " "; display: block; border-radius: 0; border: 1px solid #66cafe; position: absolute; top: 0; right: 0; width: 25px; height: 25px; text-align: center; line-height: 28px; transition-duration: 0.4s; transform: scale(0); background-color: #66cafe !important;}
.existingBoxSpeakers label img {height: 100%;width: 100%;transition-duration: 0.2s;transform-origin: 50% 50%;object-fit: contain;}
.existingBoxSpeakers :checked + label {border: 5px solid #66cafe;}
.existingBoxSpeakers :checked + label:before {content: "";background: url("../../Images/AMaterial/existing-box-check.svg") no-repeat;transform: scale(1);width: 15px;height: 15px;padding: 5px;background-size: contain;z-index: 9;}
.existingBoxSpeakers :checked + label img {transform: scale(1.1);z-index: -1;}
.existingBoxSpeakers ul li h3 { font-size: 15px; margin: 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


@media (min-width:0) and (max-width:767px)
{
	.existingBox ul li { width: 95%; }
  .addSponsorsBtn { padding: 2px;}
	.addTicketsButtons { text-align:center;}
	.addTicketBtnCls { margin-bottom:10px;}
	.EDWebsiteUrlHead { padding:0 20px;}
	.fixSpacing { margin-top:-6px !important;}
  .paddRow { padding-right:80px;}
	 .buyerTotalTxt { font-size:14px; padding-right:0;}
  .paidTicketContentCoHeader md-input-container { width:100%; max-width:100%;}
  .addOnTicket .moreOptions { display:block; position:relative; padding-top:30px;}
  .addOnTicket .moreOptions div:last-child { position:absolute; top:0;}
  .addOnTicket .paidTicketContentCoBody { padding:0 !important;}
  .addOnAction { position:relative; right:auto; top:auto;}
  .editDTMob { margin-left:5px;}
  .venueMapInfoBox .imgBox, .venueMapInfoBox .info, .venueMapSteps { width:100%;display:block; float:none;}
  .venueMapInfoBox .imgBox img { width:auto; min-width:initial;}
  .venueMapInfoBox .info { padding:15px 15px 15px 0;}
  .timeRange { width:50%;}
  .timeRange .ecTime { min-width:110px;}
  .cstDateBox { padding-right:0; padding-bottom:36px;}
  .cstEditActions { width:auto;}
  .speakersBody, .sponsorsBody { padding:0 10px;}
	.tblInstallment tr td { display:block;}
	.tblInstallment tr { padding-bottom:20px; display:block;}
	.tblInstallment tr td .ticketMinTxtBoxCon { margin:0; width:200px; max-width:200px;}
	.tblInstallment tr td md-datepicker.ticketMinTxtBoxCon { padding-right:0;}
	.tblInstallment tr td .ticketMinTxtBoxCon .md-datepicker-input-container { margin-left:0;}
	.tblInstallment tr td .ticketMinTxtBoxCon .md-datepicker-input { width:200px !important;}
}
@media screen and (min-width:768px) and (max-width:991px)
{
	.havFlyer { font-size:13px !important;}
  .paddRow { padding-right:80px;}
  .venueMapSteps { width:100%; margin-top:15px; float:left;}
}

/****************************************************************************************************/
.uploadProfilePic { margin-bottom: 40px;}
.uploadInput-dragDrop { position:relative; border:2px dashed #c8cbce; padding:35px 15px; margin-bottom:15px; text-align:center;}
.uploadInput-text { color:#000; font:bold 18px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase;}
.uploadInput-or { display:inline-block; margin:15px 0; color:#999; font-size:13px;}
.uploadInput-button { background:rgb(0, 202, 253); display:inline-block; padding:10px 15px; color:#fff; font:500 14px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; border-radius:4px;}
.uploadInput-dragDrop:hover .uploadInput-button { background:rgb(3, 147, 239);}
.uploadInput-input { width:100%; height:100%; display:inline-block; position:absolute; left:0; top:0; cursor:pointer; opacity:0;}
/****************************************************************************************************/
.uploadedImage { width:220px; display:inline-block; background:#fff; border:1px solid #e1e1e1; border-radius:3px; box-shadow:0 0 3px rgba(0,0,0,.06); margin:10px; padding:10px; position:relative;}
.uploadedImage img { max-width:200px; max-height:200px; border:1px solid #e1e1e1;}
.uploadedImageName { position:relative; padding-right:30px;}
.uploadedImageName span { width:100%; display:inline-block; margin-top:8px; color:#00ccff; font:500 13px 'Roboto', Arial, Helvetica, sans-serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.removeBanner { float:right;}
.uploadedImageRemove { position:absolute; top:0; right:0;}
.uploadedImageRemove i, .removeBanner i { color:#666; display:inline-block; cursor:pointer;}
.uploadedImageRemove:hover i, .removeBanner:hover i { color:#ff1b00;}
.profileBanner { display:inline-block; width:100%; height:400px; background-color:#eee; border:7px solid #ddd; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed;}
/****************************************************************************************************/

/****************************************************************************************************/
.dateToggle { font-size: 18px; }
	.dateToggle span { font-size: 40px; }
.addtoSchedule { font: 500 18px "Roboto",Arial,Helvetica,sans-serif; color: #0393ef; font-size: 16px; cursor: pointer; }
.createEventBox { background: #f4f4f4; border: 1px solid #c9c7c7; padding: 20px; margin-top: 20px; }
	.createEventBox h3 { margin: 10px 0; font-size: 18px; }
	.createEventBox p { margin: 0; padding-bottom: 10px; }
.d-sm-flex .fs7 { font-size:12px; letter-spacing: 0px;}
.user60 { width: 30px; height: 30px; min-width: 30px; object-fit: cover; }
.rounded-circle { border-radius: 50% !important; }
h5.lineClamp1 { font-size: 15px; margin: 5px 0; }
.editDeleteBtn a { color: #1a2d39; }
.tagStage { background: #fff; padding: 5px 10px; font-size: 12px; font-weight: bold; border-radius: 5px; border: 1px solid #e1dddd; }
md-dialog.addScheduleModal { width: 780px; }
a.addImges { text-align: right; float: right; display: block; width: 100%; padding: 5px; color: #00cafd; }
a.addFild { color: #00cafd; position: absolute; right: 0; }

.ecMemberRequired { color: #FF0000; }
.moreUploadBox { background:#f2f2f2; border:1px solid #d2d2d2; border-radius:2px; padding:1rem; height:150px; font-size:14px; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative }
.moreUploadBox span.material-icons { width:28px; height:28px; border-radius:50%; background-color:rgb(0, 202, 253); color:#fff; padding-top:4px }
.moreUploadBox .mubTitle { font-weight:600; color:rgba(0,0,0,.65); margin-top:1rem }
.uploadItemBox { position:relative; margin-bottom:1rem }
.uploadItemBox img { width:100%; height:150px; object-fit:cover; border-radius:2px }
.uploadItemBox.videoSrc { width:290px; text-align:left }
.uploadItemBox video { width:100%; object-fit:cover; border-radius:2px }
.uploadItemBox span.material-icons { width:36px; height:36px; border-radius:50%; background-color:rgba(0, 202, 253, 0.9); color:#fff; padding-top:10px; position:absolute; bottom:16px; right:12px; font-size:20px; cursor:pointer;     text-align: center;
 }
.uploadItemBox.onPreview video { object-fit:unset; background:#eee }
.sessionGalleryUpload { position:relative; text-align:left; margin-bottom:0.5rem; cursor:pointer; border:2px dashed #aaa; padding:0.5rem 0.5rem 0.5rem 2.4rem }
.sessionGalleryUpload .uploadTitle { display:inline-block; font-size:14px; text-transform:uppercase; font-weight:600; color:#555 }
.sessionGalleryUpload:hover .uploadTitle { color:#000 }
.sessionGalleryUpload a.cameraIcon { position:absolute; left:5px; margin:0; width:100%; cursor:pointer; display:inline-block }
.sessionGalleryUpload.rightIcon { padding-left:0; padding-right:2rem }
.sessionGalleryUpload.rightIcon a.cameraIcon .material-icons { float:right }
.modal, .lighboxWrapper { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); display:none; justify-content:center; align-items:center; z-index:999 }
.modal.open { display:flex }
.modal img { max-width:90%; max-height:90% }
.modal video { max-width:90%; max-height:90% }
.prev-btn, .next-btn, .close-btn { position:absolute; top:50%; transform:translateY(-50%); font-size:2rem; background-color:rgba(255, 255, 255, 0.5); border:none; padding:0; cursor:pointer; outline:none; z-index:99999; background:#000; color:#fff; width:50px; height:50px; line-height:20px !important; border-radius:0 }
.prev-btn.disabled, .next-btn.disabled { cursor:default; pointer-events:none; opacity:0.5 }
.prev-btn { left:0 }
.next-btn { right:0 }
.close-btn { top:34px; right:20px }
.lighboxWrapper { display:none; background:transparent }
.lighboxWrapper.active { display:block; animation:slide-in 0.3s ease-in }