/* Minification failed. Returning unminified contents. (458,96): run-time error CSS1046: Expect comma, found '110' (458,103): run-time error CSS1046: Expect comma, found ')' (459,49): run-time error CSS1046: Expect comma, found '241' (459,56): run-time error CSS1046: Expect comma, found ')' (921,42): run-time error CSS1046: Expect comma, found '131' (921,49): run-time error CSS1046: Expect comma, found ')' (1388,71): run-time error CSS1046: Expect comma, found '202' (1388,78): run-time error CSS1046: Expect comma, found ')' (1389,53): run-time error CSS1046: Expect comma, found '27' (1389,57): run-time error CSS1046: Expect comma, found ')' (1491,117): run-time error CSS1046: Expect comma, found '0' (1491,121): run-time error CSS1046: Expect comma, found '/' (1569,42): run-time error CSS1046: Expect comma, found '131' (1569,49): run-time error CSS1046: Expect comma, found ')' (2372,130): run-time error CSS1046: Expect comma, found '240' (2372,137): run-time error CSS1046: Expect comma, found ')' (2372,150): run-time error CSS1046: Expect comma, found '175' (2372,157): run-time error CSS1046: Expect comma, found ')' (2372,171): run-time error CSS1046: Expect comma, found '175' (2372,178): run-time error CSS1046: Expect comma, found ')' (2372,192): run-time error CSS1046: Expect comma, found '240' (2372,199): run-time error CSS1046: Expect comma, found ')' (2407,123): run-time error CSS1046: Expect comma, found '240' (2407,130): run-time error CSS1046: Expect comma, found ')' (2407,143): run-time error CSS1046: Expect comma, found '175' (2407,150): run-time error CSS1046: Expect comma, found ')' (2407,164): run-time error CSS1046: Expect comma, found '175' (2407,171): run-time error CSS1046: Expect comma, found ')' (2407,185): run-time error CSS1046: Expect comma, found '240' (2407,192): run-time error CSS1046: Expect comma, found ')' */ /*** MD FIXES ***************************************************************************************/ md-input-container.md-default-theme .md-input-messages-animation, md-input-container .md-input-messages-animation, md-input-container.md-default-theme .md-input-message-animation, md-input-container .md-input-message-animation { text-align:left;} .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised, .md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab { background-color:rgb(0,204,255);} .md-button.md-default-theme.md-primary.md-raised:hover:not([disabled]), .md-button.md-primary.md-raised:hover:not([disabled]), .md-button.md-default-theme.md-primary.md-fab:hover:not([disabled]), .md-button.md-primary.md-fab:hover:not([disabled]) { background-color:rgb(3, 147, 239);} md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar { background:rgb(0,204,255);} md-switch.md-default-theme.md-checked.md-primary ._md-thumb, md-switch.md-checked.md-primary ._md-thumb { background-color:rgb(0, 204, 255);} md-switch.md-default-theme.md-checked.md-primary ._md-bar, md-switch.md-checked.md-primary ._md-bar { background-color:rgba(0, 204, 255, 0.5);} md-checkbox { text-align:left;} .orderTable table thead th md-checkbox ._md-icon, .eventlistTable table thead th md-checkbox ._md-icon { border-color:rgba(255, 255, 255, 0.8);} .orderTable table thead th md-checkbox.md-default-theme .md-ink-ripple, .orderTable table thead th md-checkbox .md-ink-ripple, .eventlistTable table thead th md-checkbox.md-default-theme .md-ink-ripple, .eventlistTable table thead th md-checkbox .md-ink-ripple { color:rgba(255, 255, 255, 0.8);} .md-button.md-focused:not([disabled]) { background:rgb(0,204,255); color:#fff;} md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) { background-color:rgb(0, 202, 253);} md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) h2 { color:#fff; line-height:initial;} md-input-container.md-default-theme .md-input::-moz-placeholder, md-input-container .md-input::-moz-placeholder { color:rgba(0, 0, 0, 0.46) !important; opacity:1;} md-input-container.md-docs-dark-theme ._md-select-value ._md-select-icon { color:rgba(255, 255, 255, 0.5);} md-switch { display:inline-block;} md-dialog { width:auto;} md-dialog * { line-height:normal;} md-dialog p { text-align:initial;} md-dialog md-checkbox { line-height:27px;} .md-chips md-chip ._md-chip-content { line-height:inherit;} .profileUrl input { position: relative; z-index: 1; padding-left: 146px} .profileUrl fix-content { left: 0px !important; width: 146px; top: 7px} .requiredLebel { color:red;} /****************************************************************************************************/ a { color:rgb(0, 202, 253);} /****************************************************************************************************/ #accountLeftNav { background:rgba(0, 0, 0, 0.03); padding:10px 20px; margin-bottom:20px;} #accountLeftNav + .c9 { margin-bottom:20px;} .accordions { position:relative; padding:10px 0 10px 40px; margin:0; margin-bottom:10px; font:500 16px/16px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; cursor:pointer;} .accordions:before,.accordions:after { content:""; position:absolute; background:#333; display:inline-block;} .accordions:before { width:24px; height:2px; left:0; top:21px;} .accordions:after { width:2px; height:24px; left:11px; top:10px; transition:transform .5s; transform:rotate(0);} .accordions.accordions-open:after { transform:rotate(90deg);} .accordions + div { border-left:4px solid #0cf; padding-left:15px; margin-left:10px; margin-bottom:10px;} .accordions + div a { width:100%; display:block; padding:5px 10px; color:#666; font:14px 'Roboto', Arial, Helvetica, sans-serif; cursor:pointer;} .accordions + div a:hover, .accordions + div a.active { color:#0cf;} .accordions + div a, .accordions + div a:focus { outline:none;} .accordions + div a:hover { background:rgba(0, 0, 0, 0.01);} /****************************************************************************************************/ .pagination { width:100%; display:inline-block; background:#fff; text-align:center; padding:15px;} .pagination a { width:32px; height:32px; display:inline-block; text-align:center; color:#333; font:15px/32px 'Roboto', Arial, Helvetica, sans-serif; text-decoration:none; border-radius:50%; cursor:pointer;} .pagination a:hover { color:#0bf;} .pagination a.active { background:#0bf; color:#fff; cursor:default;} .pagination a.disabled { opacity:.2; cursor:default;} /* PAGINATION */ .eventPagination { display:flex; align-items:center; justify-content:center; margin:0; list-style:none } .eventPagination li { display:flex; list-style:none } .eventPagination .md-button { text-transform:capitalize; border-radius:4px } .eventPagination .md-button.active { background-color:#00cafd; color:#fff } .eventPagination .md-button:hover, .eventPagination .md-button.active:focus { background-color:#e6e8e9 !important } /****************************************************************************************************/ .numRatings { display:inline-block; background:#fff; text-align:center; position:relative; margin-top:10px;} .numRatings:before { content:attr(label); font-size:18px; width:120px; display:inline-block; text-align:left;} .numRatings .ratNum { width:40px; height:40px; display:inline-block; text-align:center; line-height:36px; color:#cc2f2c; border:1px solid #cc2f2c; border-radius:5px; margin:5px;} .numRatings .ratNum:nth-child(n+4):nth-child(-n+7) { color:#e19831; border-color:#e19831;} .numRatings .ratNum:nth-child(n+8) { color:#74b451; border-color:#74b451;} .numRatings .ratNum.active { background-color:#cc2f2c; color:#fff;} .numRatings .ratNum.active:nth-child(n+4):nth-child(-n+7) { background-color:#e19831; color:#fff;} .numRatings .ratNum.active:nth-child(n+8) { background-color:#74b451; color:#fff;} .numRatings md-radio-group { position:absolute; top:0; right:0;} .numRatings md-radio-group md-radio-button { width:40px; height:40px; display:inline-block; margin:5px; opacity:0;} /****************************************************************************************************/ .sortText { display:inline-block; float:left; cursor:pointer;} .sortIcon { display:inline-block; float:left; margin-left:2px; cursor:pointer;} .sortIcon polygon { fill:currentColor; color:rgba(255,255,255,.3);} .sortIcon:hover polygon { color:rgba(255,255,255,.6);} .sortIcon.ascending polygon.asc { color:rgba(255,255,255,1);} .sortIcon.descending polygon.desc { color:rgba(255,255,255,1);} /****************************************************************************************************/ .exportBox { width:100%; display:inline-block; margin-bottom:10px; position:relative;} .exportTitle { color:#000; font:500 16px/32px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase;} .exportTo { display:inline-block; padding-left:70px; position:absolute; top:0; right:0;} .exportTo:before { content:attr(export); position:absolute; left:0; top:7px; font:500 14px/24px 'Roboto', Arial, Helvetica, sans-serif;} .exportTo a, .btnFileType { width:32px; height:32px; padding-top:13px; display:inline-block; color:#fff; font:500 10px 'Roboto', Arial, Helvetica, sans-serif; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:32px;} .exportTo a:hover, .btnFileType:hover { color:#fff;} .exportLeft .exportTitle { display:inline-block; margin-right:20px;} .exportLeft .exportTo { position:relative; padding-left:70px; right:initial; top:initial;} /****************************************************************************************************/ .progressBar { width:100%; height:5px; display:table; background:rgba(0,0,0,.12); position:relative;} .progressBar .fill { height:5px; display:inline-block; background:rgba(0,204,255,1); position:absolute; top:0; left:0;} .progressBar .fill:before { display:inline-block; width:40px; height:40px; margin-bottom:8px; background:rgba(0,204,255,1); border-radius:0 50% 50% 50%; content:""; position:absolute; right:-19px; bottom:100%; z-index:50; transform:rotate(-135deg);} .progressBar .fill:after { display:inline-block; width:40px; height:40px; margin-bottom:8px; content:attr(percentage); position:absolute; right:-19px; bottom:100%; z-index:51; color:#fff; font:500 16px/40px 'Roboto', Arial, Helvetica, sans-serif; text-align:center;} .progressBar .node { width:5%; max-width:5px; min-width:2px; height:5px; display:inline-block; background:rgba(0,0,0,1); position:absolute; top:0; right:0;} /****************************************************************************************************/ .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;} .uploadInput-disabled-button { background: #a4a4a4; display: inline-block; padding: 10px 15px; color: #fff; font: 500 14px 'Roboto', Arial, Helvetica, sans-serif; text-transform: uppercase; border-radius: 4px;} /****************************************************************************************************/ .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; margin-top:8px; padding-right:30px;} .uploadedImageName span:not(.material-icons) { width:100%; display:inline-block; 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 .material-icons, .removeBanner .material-icons { color:#666; display:inline-block; cursor:pointer;line-height:32px;} .uploadedImageRemove:hover .material-icons, .removeBanner:hover .material-icons { 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;} /****************************************************************************************************/ .photoGallery .addImage { float:left;} .photoGallery .uploadedImage { width:150px;} .photoGallery .uploadedImage img { max-width:130px; max-height:71px;} /****************************************************************************************************/ .addImage { width:140px; height:120px; display:inline-flex; background:#f4f4f4; border:1px solid #e1e1e1; border-radius:3px; margin-top:10px; padding:30px; position:relative; text-align:center;} .addImage span { width:100%; line-height:120px; position:absolute; top:0; left:0; text-align:center; color:rgba(0,0,0,.5);} .addImage .material-icons { width:100%; line-height:120px; position:absolute; top:0; left:0; text-align:center; color:rgba(0,0,0,.5);} .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;} /****************************************************************************************************/ .uploadFile-dragDrop { position:relative; border:2px dashed #c8cbce; border-radius:10px; padding:30px 15px; margin-bottom:15px; text-align:center;} .uploadFile-text { color:#95a2bd; font:16px 'Roboto', Arial, Helvetica, sans-serif;} .uploadFile-dragDrop:hover { opacity:0.7;} .uploadFile-input { width:100%; height:100%; display:inline-block; position:absolute; left:0; top:0; cursor:pointer; opacity:0;} /****************************************************************************************************/ .uploadedFile { width:100%; 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;} .uploadedFile[width-auto] { width:auto; max-width:calc(100% - 20px);} .uploadedFileName { position:relative; padding-right:30px; text-align:left;} .uploadedFileName[file-icon] { height:32px; padding-left:40px;} .uploadedFileName[file-icon] .file-icon { position:absolute; left:0; top:50%; margin-top:-16px;} .uploadedFileName 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;} .uploadedFileRemove { position:absolute; right:0; top:50%; margin-top:-14px;} .uploadedFileRemove i { color:#666; display:inline-block; cursor:pointer;} .uploadedFileRemove:hover i { color:#ff1b00;} /****************************************************************************************************/ .infoMessage { color:#000; background:#f0efef; border:1px solid #eaeada; font:16px "Roboto",Arial,Helvetica,sans-serif; padding:15px; padding-right:50px; border-radius:5px; position:relative;} .success { color:#080; background:#e8f8e8; border-color:#e2f2e2;} .error { color:#800; background:#f8e8e8; border-color:#f2e2e2;} .removeInfoMessage { color:#000; position:absolute; top:50%; right:15px; margin-top:-11px; cursor:pointer;} .removeInfoMessage:hover { color:#ff008a;} /****************************************************************************************************/ .allowDrop { min-height:1px; position:relative; transition:.5s all;} .allowDrop #customSection { position:relative; z-index:1;} .allowDrop.active:empty { background:#eee; min-height:40px;} .allowDrop.active:empty:after { content:"You can drop the custom section here."; position:absolute; left:5px; top:5px; z-index:0; border:2px dashed #888; width:calc(100% - 10px); height:calc(100% - 10px); line-height:26px; padding:0 10px; box-sizing:border-box; text-align:center;} .dragHandle { position:relative; z-index:-1; cursor:move; top:4px; margin-right:10px} .allowPDFDrop { min-height:1px; position:relative; transition:.5s all;} .allowPDFDrop #customSection { position:relative; z-index:1;} .allowPDFDrop.active:empty { background:#eee; min-height:40px;} .allowPDFDrop.active:empty:after { content:"You can drop the custom section here."; position:absolute; left:5px; top:5px; z-index:0; border:2px dashed #888; width:calc(100% - 10px); height:calc(100% - 10px); line-height:26px; padding:0 10px; box-sizing:border-box; text-align:center;} /****************************************************************************************************/ .dragDrapDropdown { width:280px; border: 1px solid #ccc; padding: 10px; border-radius: 4px; max-height: 200px; overflow-y: auto; position:absolute; left:0; top:0; z-index:100; background:#fff; display:none;} md-select[aria-expanded="true"] + .dragDrapDropdown { display:block;} .dragDrapDropdown .dropdown-item { display: flex; align-items: center; padding: 5px; border-bottom: 1px solid #eee;} .dragDrapDropdown .dropdown-item:last-child { border-bottom: none;} .custDropdownMenuContainer { display:none!important;} /****************************************************************************************************/ .statusChip { display:inline-block; padding:6px 12px; min-width:85px; font-weight:bold; background-color:#f7be23; color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,.3); border-radius:3px;} .statusChip.Approved { background-color:#36bf76;} .statusChip.Rejected { background-color:#fd5858;} /****************************************************************************************************/ .pageTitle { color:rgb(255, 0, 138); font:bold 24px "Roboto", Arial, Helvetica, sans-serif; text-transform:uppercase; margin:15px 0;} .subTitle { font-weight:500; font-size:18px; margin-bottom:5px;} .accountTitle { color:#000; font:500 24px/32px "Roboto", Arial, Helvetica, sans-serif; margin-top:0; padding-right:50px;} .accountTitleBox { position:relative;} .accountSearch { min-width:250px; margin:0; position:absolute; top:0; right:0;} md-input-container.accountSearch .md-input { padding:2px 24px 1px 2px; font-size:14px;} .accountSearchIcon { position:absolute; bottom:7px; right:0; color:#999;} /****************************************************************************************************/ .orderTable, .eventlistTable { width:100%; display:inline-block; overflow-x:auto;} .orderTable table, .eventlistTable table { width:100%; border-collapse:separate; border-spacing:0 5px; text-align:left;} .orderTable table thead, .eventlistTable table thead { text-align:left;} .orderTable table tr td, .eventlistTable table tr td { border-right:1px solid #fff; background:#f5f5f5; text-shadow:none; font:14px 'Roboto', Arial, Helvetica, sans-serif; vertical-align:top;} .eventlistTable table .variableTable tbody tr ~ tr > td {border-top: 1px dashed #707070 !important;} .orderTable table thead th, .eventlistTable table thead th { background:#0393ef; border-right:1px solid rgba(255,255,255,.2); color:#fff; font:500 16px 'Roboto', Arial, Helvetica, sans-serif;} .orderTable table tfoot th, .eventlistTable table tfoot th { border-right:1px solid #fff; background:#f5f5f5; text-shadow:none; font:700 14px 'Roboto', Arial, Helvetica, sans-serif; vertical-align:top;} .orderTable table tr:nth-child(even) td, .eventlistTable table tr:nth-child(even) td { background:#f4f4f4;} .thNowrap th, .thNowrap th { white-space:nowrap;} .textLight { color:#888; font-weight:lighter;} .dealTitle { font-weight:500;} .dealLineFix { line-height:13px !important;} .dealLineFix i { font-size:13px;} .dealCustomersTable { background:#e4e4e4 !important; width:95% !important; padding:3px 7px; margin:5px 0 10px 0 !important;} .dealCustomersTable td { background:none !important; border:none !important; font-size:12px !important;} .moreInformation { padding:0;} .moreInformation table { width:100%; margin-top:-9px;} .moreInformation table tr td { text-align:left;} .moreInformation table tr td a { cursor:pointer;} .moreInformation table tr td div {padding:10px;font-size:12px;} .infoBtn { display:inline-block; padding:10px 15px; color:#00b3ff; font:14px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; cursor:pointer;} .infoBtn:hover { background:#e5e5e5; color:#00b3ff;} .dateForm { display:inline-block;} .validation-messages { color:#dd2c00; font-size:12px; position:absolute;line-height:1.2} #dialogDiv .md-dialog-container, #dialogDiv md-backdrop, #dialogDiv .md-scroll-mask { position:fixed; top:0 !important;} #dialogDiv md-dialog { width:auto; text-align:left;} #dialogDiv md-dialog .md-title { margin-bottom:0; line-height:normal;} md-dialog md-checkbox { line-height:27px;} .netSales { display:inline-block; margin-left:5px; float:right; position:relative;} .netSales .whatisthis { position:static; left:initial; top:initial; cursor:pointer;} .salesDetails { width:200px; margin:0; margin-bottom:6px; padding:10px; background:rgba(80,80,80,.9); border-radius:5px; color:#fff; font:14px "Roboto", Arial, Helvetica, sans-serif; position:absolute; bottom:100%; right:0; z-index:111; display:none;} .salesDetails:after { content:""; width:0; height:0; display:inline-block; border:6px solid transparent; border-top-color:rgba(80,80,80,.9); position:absolute; top:100%; right:6px;} .netSales:hover .salesDetails { display:block;} .salesReport { background:#fafafa; width:100%; display:inline-block; margin:5px 0; padding:50px 30px 10px 30px;} .totalBar { width:100%; display:inline-block;} .ticketSold, .totalTickets { color:#000; font:16px/24px 'Roboto', Arial, Helvetica, sans-serif; padding:5px 0;} .ticketSold { float:left;} .totalTickets { float:right;} .dateFilter { width:200px; display: inline-block; margin-right:15px;} .dateFilter.width280 { min-width:280px;} .cstDate { width:200px; display: inline-block; margin-left:15px;} .dateForm .cstDate { margin:18px 15px 18px 0;} .date-picker-row { position:relative; min-height:50px;} .dateForm .cstDate { min-height:initial;} .date-picker-row label { position:absolute; top:-12px; left:0; color:rgb(0,202,253) !important; font-weight:500; font-size:12px;} .date-picker-row md-datepicker { line-height:30px;} .date-picker-row .md-datepicker-input-container { width:100%; margin-left:0; padding-bottom:0;} .date-picker-row .md-datepicker-input { font-size:100%;} .eventTicketLink { color:rgb(0, 202, 253); text-align:left; cursor:pointer;} .eventTicketLink:hover { color:rgb(0, 0, 0);} .orderLink { cursor:pointer;} .tbIcon { display:inline-block; padding:5px; cursor:pointer;} .dashboardLinks a { font-size:15px;} .dashboardLinks a:hover { color:#0393ef; text-decoration:underline;} .dashboardLinks span { display:inline-block; font-size:12px; color:#000;} .dashboardLinks span.material-icons { font-size:24px; color:#00b3ff;} .reminderList { background:#f6f6f6; border:1px dashed #f2f2f2; padding:15px; margin-bottom:15px; font-family:"Roboto", Arial, Helvetica, sans-serif;} .remindersHeading { color:#0393ef; font-weight:500; font-size:18px; margin-bottom:10px;} .remindersBlock { width:100%;} .reminder { width:100%; padding:10px 100px 10px 25px; position:relative;} .reminder:hover { background:rgba(0,0,0,.01);} .reminder:before { content:""; width:1px; height:100%; display:inline-block; background:#eaeaea; position:absolute; top:0; left:7px;} .reminder:after { content:""; width:15px; height:15px; display:inline-block; background:#02cafd; position:absolute; top:11px; left:0; border-radius:50%;} .reminderTitle { color:#000; font-weight:500; font-size:16px; line-height:normal;} .reminderDesc { color:#666; font-weight:300; font-size:14px;} .reminderEdit { position:absolute; top:20px; right:70px;} .reminderSwitch { position:absolute; top:20px; right:10px; margin:0;} .reminder:hover .reminderEdit, .reminderEdit:hover { color:#0393ef;} .selectTime .labl { color:rgba(0,0,0,.46); font:500 16px/24px 'Roboto', Arial, Helvetica, sans-serif; margin-top:15px; margin-bottom:5px;} .selectTime md-radio-button { display:inline-block; margin-right:15px;} .reminder.isExpanded { padding-right:65px;} .reminder.isExpanded .reminderEdit { top:auto; bottom:65px; right:15px;} /****************************************************************************************************/ .alertBox { position:relative; padding:10px; padding-right:70px; border-bottom:1px solid #f2f2f2; min-height:60px;} .alertBox:hover { background:#fafafa;} .alertTitle { color:#000; font:500 18px 'Roboto', Arial, Helvetica, sans-serif;} .alertDes { color:#999; font:14px 'Roboto', Arial, Helvetica, sans-serif; text-align:left;} .alertAction { position:absolute; right:10px; top:15px; z-index:1;} /****************************************************************************************************/ .orgBox { padding:10px 200px 10px 60px; border-bottom:1px solid #eee; position:relative; min-height:60px;} .orgBox:hover { background:#f5f5f5;} .orgBox img { width:40px; height:40px; position:absolute; left:10px; top:10px;} .orgName { color:#000; font:500 18px 'Roboto', Arial, Helvetica, sans-serif;} .orgEmail { color:rgba(0,204,255,1); font:14px 'Roboto', Arial, Helvetica, sans-serif;} .orgEmail.bidCounter { font:16px 'Roboto', Arial, Helvetica, sans-serif;} .orgEmail.bidCounter label { color:#999;} .orgEmail.bidCounter .Expired { color:#ff0078;} .orgInfo { margin-top:10px; font:14px 'Roboto', Arial, Helvetica, sans-serif;} .orgInfo span { color:#999;} .orgInfo span.Price { color:#ff0078; font-weight:bold;} .orgInfo span.Bids { color:#000; font-weight:bold;} .orgInfo span:not(:last-child) { margin-right:15px;} .orgInfo span a:hover { color:rgba(0,204,255,1); text-decoration:underline;} .orgAction { position:absolute; right:10px; top:15px; z-index:1;} .orgAction a { color:rgb(100,100,100); padding:10px; line-height:32px; cursor:pointer;} .orgAction a:hover { color:rgb(0,204,255);} .addOrganizer { margin:0; position:absolute; top:-4px; right:10px;} .addSpeakersInBatch { margin:0; position:absolute; top:-2px; right:60px;} .dateCreated { color:#999;} .backToMain { margin-right: 50px; position: absolute; top: -9px; right: 10px; } .excelDownloadBtn { padding: 6px 10px; background: #1e7e34; color: #fff !important; border-radius: 4px; display: inline-flex; align-items: center; font: 500 14px "Roboto", Arial, Helvetica, sans-serif; } .excelDownloadBtn:hover { background: #155d27 !important; color: #fff; } .excelDownloadBtn img { width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; } .button-wrapper { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .personalInfoForm, .addOrganizerForm, .editOrganizerForm, .scheduleEmailForm, .editSpeakerForm { width:100%; padding:0 10%; display:inline-block; text-align:justify;} form { text-align:justify;} form h1, form h2, form h3, form h4, form h5, form h6, form a { text-align:left;} .block100 { width:100%; display:inline-block; margin-left:0; margin-right:0;} .block20 { width:20%; display:inline-block;} .block45 { width:48%; display:inline-block;} .block30 { width:31%; display:inline-block;} .block200 { width:200px; display:inline-block;} .max800 { width: 800px;max-width: 100%;} .addSubmit, .editSubmit, .pInfoSubmit, .accountSubmit { padding-left:15px; padding-right:15px; background:rgb(0,204,255); color:#fff;} .addSubmit:hover, .editSubmit:hover, .pInfoSubmit:hover, .accountSubmit:hover { background:rgb(3,147,229) !important; color:#fff;} .btnLight { padding-left:15px; padding-right:15px; background:rgba(158,158,158,0.15); color:rgb(0,203,253);} .btnLight:hover, .accountSubmit:hover { background:rgba(158,158,158,0.3);} .orgEnable { display:inline-block; margin:0; padding:3px 0; float:left;} .btnGreen { background-color:#5cb85c;} .btnGreen:hover { background-color:#5c985c;} .btnRed { background-color:#d9534f;} .btnRed:hover { background-color:#b9534f !important;} .fixTextRight { position:relative;} .ecFixText { position:absolute; right:2px; color:#aaa;} .currencyField.md-input-has-value input { padding-left:10px;} .currencyField.md-input-has-value:before { content:attr(currency); position:absolute; left:0; top:8px;} /****************************************************************************************************/ .mailchimpBanner { width:100%; display:inline-block;} .mailchimpBanner img { width:100%; display:block;} .mailchimpTitle { color:#000; font:500 36px "Roboto", Arial, Helvetica, sans-serif; margin-bottom:0;} .mailchimpCA { color:rgb(0,204,255); font:18px "Roboto", Arial, Helvetica, sans-serif; margin-bottom:15px;} .installApp { width:100%; display:inline-block; padding:15px 30px; border-radius:5px; background:rgb(0,204,255); color:#fff; font:500 18px "Roboto", Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; cursor:pointer;} .installApp:hover { background:rgb(3,147,239); color:#fff;} .mailchimpTit { margin-top:15px;} .mailchimpBox { width:100%; display:table; margin-bottom:30px; background:#f8f8f8; text-align:left;} .mailchimpBox img { width:100px; float:left; margin-right:15px;} .mailchimpBox p { color:#999; font:300 16px "Roboto", Arial, Helvetica, sans-serif; margin:0;} .mailchimpBox p a:hover { color:#000;} .ConnectMailChimp { display:inline-block; padding:15px 30px; margin-top:15px; border-radius:5px; background:rgb(0,204,255); color:#fff; font:500 18px "Roboto", Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; cursor:pointer;} .ConnectMailChimp:hover { background:rgb(3,147,239); color:#fff;} .HubSpotBox .disconnectHubSpot { float:right; margin-top:-45px; margin-right:30px;} .syncPastAttendees { display:inline-block; position:relative; width:30px; height:30px;} .syncPastAttendees > span { background:#fff; position:absolute; left:0; top:0;} .successMessage { position:relative; width:100%; display:inline-block; padding-left:100px; padding-right:20px; margin-top:30px; background:#f0efef;} .successMessage p { font:300 16px "Roboto", Arial, Helvetica, sans-serif; margin:15px 0; text-align:left;} .successMessage p strong { font-weight:500;} .done { width:80px; height:100%; display:inline-block; background:#1aff1a; text-align:center; position:absolute; top:0; left:0;} .done span.material-icons { width:100%; font-size:48px; color:#fff; position:absolute; top:calc(50% - 19px); left:0;} .mailchimpRedTitle { padding:10px 50px 10px 0; color:#ff008a; font:500 20px "Roboto", Arial, Helvetica, sans-serif; text-transform:uppercase; border-bottom:1px solid rgba(0,0,0,.14); position:relative;} .whatisthis { width:24px; height:24px; display:inline-block; background:#888; color:#fff; border-radius:50%; text-align:center; line-height:24px; position:absolute; top:10px; right:0;} .whatisthis:hover { color:#fff;} .mlHeadline { color:#000; font:500 16px "Roboto", Arial, Helvetica, sans-serif; text-align:left;} .AttendeesFrom md-radio-button { color:#666; font:300 16px "Roboto", Arial, Helvetica, sans-serif; margin-left:15px;} .tableBox { width:100%; display:inline-block; overflow:auto; padding:15px 5%;} .tableBox table thead th { color:#000; font:500 16px "Roboto", Arial, Helvetica, sans-serif; border-bottom:2px solid rgba(0,0,0,.14);} .tableBox table tbody td { color:#666; font:300 16px "Roboto", Arial, Helvetica, sans-serif; text-align:left;} .tableBox table tbody td md-checkbox { margin-bottom:0;} .attendeesTable { background:#e9e9e9 !important; padding:5px 10px;} .attendeesTable.fixTableScroll {display:inline-block; overflow-x:auto;} .attendeesTable td { background:none !important; border:none !important;} table.subTable { border-collapse:separate; border-spacing:0 1px;} table.subTable td { background:#e9e9e9 !important;} .Steps { margin:0; padding:10px 0;} .Steps li { margin:0; padding:10px 15px 10px 35px; margin-bottom:1px; list-style:none; position:relative; background:#00cafd; color:#fff; font:500 16px/18px "Roboto", Arial, Helvetica, sans-serif; text-align:left;} .Steps li span { background:rgba(0,0,0,.2); border-radius:50%; width:25px; height:25px; margin-right:10px; display:inline-block; font:bold 14px/25px "Times New Roman", Times, serif; color:#fff; text-align:center;} .Steps li:before { border:22px solid transparent; content:" "; position:absolute; top:50%; left:0; border-left-color:rgba(0,0,0,.2); z-index:2; margin-top:-22px;} .Steps li:last-child { background:#0393ef; color:#fff;} .Steps li:last-child:before { border-left-color:#134a68;} /****************************************************************************************************/ .eventBox { background:#00cafd; color:#fff; font:16px/28px 'Roboto', Arial, Helvetica, sans-serif; padding:15px; margin-bottom:5px; position:relative; text-align:left;} .eventTitle { font:bold 30px 'Roboto', Arial, Helvetica, sans-serif; margin:0;} .eventBox .eventLink { padding:10px; color:#fff !important; font:18px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; position:absolute; right:10px; bottom:5px; transition:right .5s;} .eventBox .eventLink span.material-icons { font-size:30px; margin-top:-5px;} .alignFix { width:100%; display:inline-block; min-height:1px;} .eventIs { display:inline-block; padding:2px 10px; border-radius:11px; font:14px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase;} .eventIs.Live { background:#1adf1a; color:#fff;} .eventIs.Draft { background:#ffdb00; color:#000;} .eventIs.Completed { background:#00cafd; color:#fff;} .eventStatus { position:relative; width:100%; display:inline-block; padding:15px 0 15px 80px; margin-bottom:15px; background:#f5f5f5; text-align:left;} .eventStatus .statusTitle { font:500 18px "Roboto", Arial, Helvetica, sans-serif;} .eventStatus .statusDes { font:300 16px "Roboto", Arial, Helvetica, sans-serif;} .eventStatus .statusIcon { width:80px; height:100%; display:inline-block; background:#aaa; text-align:center; position:absolute; top:0; left:0;} .eventStatus .statusIcon span { width:100%; font-size:48px; color:#fff; position:absolute; top:calc(50% - 19px); left:0;} .eventStatus .statusIcon.Completed { background:#1aff1a;} .eventStatus .statusIcon.InProgress { background:#00cafd;} .eventStatus .statusIcon.Unpublished { background:#aaa;} .eventStatus .statusIcon.Cancelled { background:#ff1b00;} .eventActions { text-align:right;} .evsBtn { margin:4px 0; color:#00cafd;} .evsBtn a { font-weight:500; color:#00cafd;} .urlBox { width:100%; margin:15px 0; display:inline-block;} .urlLabel { width:90px; float:left; color:#000; font:500 16px/36px 'Roboto', Arial, Helvetica, sans-serif;} .eventURL, .URLDiv { width:calc(100% - 90px); float:left; text-align:initial;} .eventURL textarea { width:calc(100% - 400px); height:36px; float:left; color:#00cafd; font:300 16px/36px 'Roboto', Arial, Helvetica, sans-serif; background:none; border:none; box-shadow:none; outline:none; resize:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .urlBtns { display:inline-block; float:right;} .urlBtn { padding:0 15px; margin:0; background:#00cafd; color:#fff;} .urlBtn:not(:first-child) { margin-left:15px;} .urlBtn:hover { background:#0393ef !important; color:#fff;} .d { width:calc(100% - 150px); float:left;} .URLinputContainer { margin:0;} .qrCodeDropdown, .qrCodeCheckbox, .qrCodeImage { width:320px; max-width:100%;} .qrCodeDropdown md-input-container { width:100%;} .qrCodeImage { padding:15px 0;} .multiDateVenue { width:100%; display:inline-block; line-height:normal;} .multiDateVenue.checkInPadding { padding-left:15px; padding-right:15px;} .multiDateVenueText { font-weight:500; font-size:16px; line-height:normal; margin:5px 0;} .multiDateVenue md-input-container { width:280px; max-width:100%; margin-right:15px;} .chkAllSelect { display:flex; padding-left:10.66667px; padding-right:16px;} .chkAllSelect ._md-container { left:10.66667px;} .tabBox { width:100%; display:inline-block; padding:10px 0; margin-top:5px; background:#fafafa;} .reportCounter { width:100%; display:inline-block; background:#00cafd; padding:10px 15px; margin:8px 0; color:#fff; font:16px/24px 'Roboto', Arial, Helvetica, sans-serif; position:relative; border-radius:2px;} .reportCounter .counts { min-width:45px; height:100%; padding:10px 15px; display:inline-block; background:#0393ef; color:#fff; font:18px/24px 'Roboto', Arial, Helvetica, sans-serif; text-align:center; border-radius:0 2px 2px 0; position:absolute; right:0; top:0;} .sendInvitations { display:inline-block; background:#0393ef; padding:10px 15px; color:#fff; font:16px/24px 'Roboto', Arial, Helvetica, sans-serif; text-transform:uppercase; border-radius:2px;} .sendInvitations:hover { background:#00cafd; color:#fff;} .serviceMessage { color:#000; font:300 14px 'Roboto', Arial, Helvetica, sans-serif; position:relative; padding-left:10px; margin:0;} .serviceMessage:after { content:"*"; color:#0393ef; position:absolute; left:0; top:0;} .tooText { color:#000; font:300 16px 'Roboto', Arial, Helvetica, sans-serif; margin:0;} .yourLinks,.promotionalTools { width:100%; display:inline-block; padding:10px 15px; margin-top:15px; background:#f5f5f5;} .promotionalTools { padding-left:0; padding-right:0;} .linkLabel { color:#0393ef; font:500 16px/30px 'Roboto', Arial, Helvetica, sans-serif;} .linkInner { background:#f9f9f9; padding:10px 15px 0 15px; margin:5px 0;} .linkBox { width:100%; display:inline-block; word-break:break-word;} .linkBox .urlLabel { width:140px; float:left; color:#000; font:500 14px/24px 'Roboto', Arial, Helvetica, sans-serif;} .linkBox textarea { width:calc(100% - 140px); height:24px; float:left; color:#00cafd; font:300 16px/24px 'Roboto', Arial, Helvetica, sans-serif; background:none; border:none; box-shadow:none; outline:none; resize:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .linkBox.flexBox { display:flex;} .linkBox.flexBox .flexLabel { display:inline-block; padding-right:15px; color:#000; font:500 14px/24px 'Roboto', Arial, Helvetica, sans-serif;} .linkBox.flexBox .flexLabel a { width:100%; display:inline-block; color:#00cafd; font:300 16px/24px 'Roboto', Arial, Helvetica, sans-serif; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .salSpace { margin-top:50px;} .salDiv { width:100%; display:inline-block;} .stSales { padding:15px !important; margin:0;} .promoteToFacebook { margin-top:24px;} .promoteToFacebook img, .promoteEventRegister img, .promoteOrganizerProfile img { display:inline-block; float:left; margin-right:15px;} .promoteToFacebook p, .promoteEventRegister p, .promoteOrganizerProfile p { line-height:18px;} .promoteOrganizerProfile img { width:32px; height:32px;} .resultChart a { display: inline-block;} .trackingLink img { width:32px; height:32px; display:inline-block; float:left; margin-right:15px;} .dashStatus { width:100%; display:inline-block; margin-top:5px; background:#fafafa; position:relative;} .dashStatus > div { padding-top:15px; padding-bottom:15px;} .dashDetails { width:100%; display:inline-block; padding-left:50px; position:relative;} .dashTitle { font:500 18px "Roboto", Arial, Helvetica, sans-serif;} .dashDes { font:300 16px "Roboto", Arial, Helvetica, sans-serif; text-align:left;} .dashMessage { color:#888; font:300 14px "Roboto", Arial, Helvetica, sans-serif; margin-top:5px;} .colorPink { color:#ff008a;} .dashIcon { position:absolute; left:15px; top:15px;} .dashIcon span { display:inline-block; font-size:40px; line-height:45px; color:#00cafd;} .paymentSetting:hover { color:#0393ef;} .seatInfoInOrders { background:#e2e2e2; padding:5px 10px; display:inline-block; margin:5px; border-radius:4px; text-transform:uppercase;} .seatInfoInOrders.whiteSeat { background:#fff;} /****************************/ .drporder { height: 22px; overflow: hidden; margin: 0px 0px 0px 0px; border: 1px solid rgb(112 110 110); padding: 0px 10px; background: rgb(255, 255, 255); width: 200px; display: inline-block; } md-select[disabled] { background-color: rgb(241 241 241) !important; border-color: rgba(118, 118, 118, 0.3) !important; } .drporder ._md-select-value ._md-select-icon { display: none !important } .drporder ._md-select-value { display: inline-block !important; padding: 0px 0px 1px 0px; } /****************************************************************************************************/ .guestBox { width:100%; display:inline-block;} .guestLine { font:500 16px/26px 'Roboto', Arial, Helvetica, sans-serif;} .preSort .guestLine { display:inline-block; margin-right:10px;} .downloadPDF, .continueBtn { padding:0 15px; margin-left:0; margin-right:0; display:inline-block; background:#00cafd; color:#fff;} .downloadPDF:hover, .continueBtn:hover { background:#0393ef !important; color:#fff;} /****************************************************************************************************/ .marginTB0 { width:100px; margin:0;} .orderReport { display:inline-block; padding-right:80px; position:absolute; top:0; right:0;} .attendeesTotalPaid { width:100%; display:inline-block; text-align:right; margin-top:10px; padding-right:15px;} .attendeesDes { font:16px 'Roboto', Arial, Helvetica, sans-serif; margin-top:0; margin-bottom:10px;} .attendeesNote { font:300 14px 'Roboto', Arial, Helvetica, sans-serif; margin-bottom:15px;} .selectPayment { width:220px;} .totalBox { width:100%; display:inline-block;} .totalPaid { color:#0393ef; display:inline-block; font:bold 24px "Roboto",Arial,Helvetica,sans-serif; margin-bottom:15px;} .detailStar { color:#00cafd;} .attendeeField { width:130px; margin:10px 0; text-align:left;} .addCloneBox { display:inline-block; width:100%; padding-right:60px; position:relative; text-align:justify;} .addClone { color:#1adf1a; cursor:pointer;} .addClone i { font-size:36px;} .addCloneBox .addClone { position:absolute; bottom:50px; right:0;} .removeClone { color:#f00; cursor:pointer;} .manualSeatingBox { min-width:300px; min-height:200px; padding:0 !important; background:url(/Images/AMaterial/printingSpotSpinner.gif) no-repeat center;} .manualSeatingBox .loaderOverlay { position:absolute;} /****************************************************************************************************/ .sendEmail { margin-top:30px; text-align:left;} .sendEmail .labl { display:inline-block; color:#000; font:500 18px/24px 'Roboto', Arial, Helvetica, sans-serif; margin-right:30px;} .sendEmail md-radio-button { display:inline-block; margin-right:15px;} .amountField { margin-left:10px;} .amountField:before { content:"$"; position:absolute; right:100%; top:7px;} .amountField2 { margin-left:10px;} .amountField2:before { content:"$"; position:absolute; right:100%; top:3px;} .timePicker label { color:#00cafd;} /****************************************************************************************************/ .ticketStatus { color:#000; font:500 18px/24px 'Roboto', Arial, Helvetica, sans-serif;} .toggleSwitch { display:inline-block; margin:0;} /****************************************************************************************************/ .teamsStatus { width:100%; display:inline-block;} .teamsStatus span { float:left; margin-right:5px; color:#000; font:500 18px/24px 'Roboto', Arial, Helvetica, sans-serif;} .teamsStatus md-switch { display:inline-block; height:24px; margin:0;} /****************************************************************************************************/ .statusSwitch { display:inline-block; margin:0;} .nameBadges { display:inline-block; width:100%;} .nameBadgesTitle { color:#000; font:18px 'Roboto', Arial, Helvetica, sans-serif;} .nameBadges .addLogoLine { font-size:14px; margin-top:0; color:#0393ef;} .nameBadges .badgeLine { width:100%; display:flex; margin-top:5px; margin-bottom:10px; padding:10px; background:#00cafd;} .nameBadges .badgeLineTitle { font-weight:500; font-size:16px; line-height:40px; text-transform:uppercase;} .nameBadges .pageAlign a { display:inline-block; padding:10px 5px; color:rgba(255,255,255,.8);} .nameBadges .pageAlign a.active, .nameBadges .pageAlign a:hover { background:rgba(255,255,255,.4); color:rgba(255,255,255,1); transition:all .5s;} .nameBadges .pageAlign a i { display:block;} .badgeLineTitle, .customBadgeField, .pageAlign { width:100%; min-width:90px; max-width:400px; margin:15px 10px; display:inline-block;} .badgeLineTitle, .pageAlign { min-width:110px; max-width:120px;} .darkThemeContent { background:none !important;} /****************************************************************************************************/ .orderConTitle { font-size:16px; font-weight:500;} .orderFieldTitle { font-size:16px; font-weight:500; color:#0393ef;} .orderConDes { font-size:16px; font-weight:300; margin:0;} .orderConTitleLarge { font-size:18px; font-weight:500;} .eventPageLaguage { width:100%; max-width:250px;} .timeBlock { margin-bottom:15px;} .timeBlock md-input-container { margin-bottom:0;} .noMarginTop { margin-top:0 !important;} .checkoutFormTitle { font-weight:500; font-size:18px;} .checkoutFormDes { font-size:16px; font-weight:300; margin:0;} .checkoutFormNote { font-weight:300; font-size:12px; margin-top:5px;} .dragMove { width:20px; height:20px; display:inline-block; cursor:move;} .dragMove img { width:20px; height:20px; display:inline-block;} .removesubQuestion { display:inline-block; cursor:pointer;} .removesubQuestion i { float:left; line-height:16px;} .expandCollaps { cursor:pointer;} .expandCollaps span.material-icons { transition:transform .5s;} .expandCollaps i.expanded, .expandCollaps span.expanded { transform:rotate(90deg);} .checkBoxHint { font-size:12px; margin-left:5px; color:#808080; display:inline-block; text-align:left;} .editorSpace { padding-top:30px;} .editorSpace.md-input-has-value { padding-top:0; margin-top:15px;} .inputdemoErrorsAdvanced.setPosition { position:relative; top:-20px;} .inputdemoErrorsAdvanced .hint { display:inline-block; color:#808080; font-size:12px; line-height:14px; text-align:left; transition:all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);} .inputdemoErrorsAdvanced .hint.ng-hide, .inputdemoErrorsAdvanced .hint.ng-enter, .inputdemoErrorsAdvanced .hint.ng-leave.ng-leave-active { opacity:0;} .inputdemoErrorsAdvanced .hint.ng-leave, .inputdemoErrorsAdvanced .hint.ng-enter.ng-enter-active { opacity:1;} .eventlistTable md-checkbox ._md-container { top:10px;} .animat { transition:all linear 0.5s;} .searchProCode { right:80px !important;} .addOrganizerProCode { margin:0; position:absolute; right:15px; top:-4px;} .promotionCode { width:100%; padding:0 10%;} .urlMute, .urlMute:hover { font-size:14px; color:#999; cursor:text;} .urlUnmute, .urlUnmute:hover { font-size:14px; color:#00cafd; cursor:text;} .promotionalCodeSocial { float:right;} .promotionalCodeSocial a { display:inline-block; width:30px; text-align:right; filter: grayscale(100%);} .editPromotionalCodeSocial { text-align:right;} .editPromotionalCodeSocial a { display:inline-block; width:30px; text-align:right; filter: grayscale(0);} .cstFieldset { border:none; padding:0;} .cstLegend { font-size:18px; font-weight:500; margin-bottom:5px; text-align:left;} .beforeEventDays { font-size:12px; color:#999;} .QMark { width:24px; height:24px; line-height:26px; display:inline-block; background:rgba(0,0,0,.5); color:#fff; border-radius:50%; font-weight:bold; text-align:center; margin-left:5px;} .QMark:hover { color:#fff; background:#00cafd;} .specialCodeQ { width:80%; margin:0 auto;} .specialCodeQ .specialCodeIframe { width:100%; display:inline-block; text-align:center;} .specialCodeQ h2 { font:500 24px "Roboto", Arial, Helvetica, sans-serif; color:#0b5394; text-align:center;} .specialCodeQ p { font:16px "Roboto", Arial, Helvetica, sans-serif;} .specialCodeQ.inpopup { width:100%;} .specialIframe { width:100%; height:425px;} .promoCodeTitle { font:500 18px "Roboto", Arial, Helvetica, sans-serif;} .checks { margin-top:5px; margin-bottom:10px;} .ticketSelection { background:#eee; padding:15px; margin-top:-4px;} .ticketSelection.eventListTickets { background:#e8e8e8; margin-top:5px; margin-left:30px;} .ticketSelection.eventListTickets .cstLegend { font-size:16px; color:#666;} /****************************************************************************************************/ .emailInviteTitle { font-size:18px; font-weight:500; display:inline-block;} .emailInviteTitleBig { font-size:20px; font-weight:500; display:inline-block;} .emailInviteTitleBigColor { font-size:20px; font-weight:500; color:#00c9fc;} .emailInviteAddBtn { float:right; color:#fff; cursor:pointer;} .emailInviteClone { width:100%; display:inline-block; background:#00cafd; color:#fff; padding:5px 10px; margin-top:15px;} .radioBox md-radio-button { display:inline-block; margin-right:15px;} .radioBlock { display:inline-block;} .noMargin { margin:0;} .margin10TB { display:inline-block; margin:10px 0;} .removeChipMail { display:inline-block; margin:10px 0; cursor:pointer;} .emalHint { padding-top:0; color:#333;} .notTit { width:40px; display:inline-block; float:left; font-weight:500;} .notDes { width:calc(100% - 50px); display:inline-block; float:left;} /****************************************************************************************************/ .eTicketEmailInvite { width:100%; max-width:600px; display:inline-block; padding:15px; border:1px solid #eee;} .eTicketEmailInvite .orderNowBtn { padding:15px; border-top:1px solid #eee; border-bottom:1px solid #eee; display:inline-block; width:100%; text-align:center; margin-top:15px;} .eTicketEmailInviteLogo { float:left; margin-right:15px;} .productImg { float:left; width:200px; margin-top:15px; margin-right:15px;} .eTicketEmailInviteOrg { color:#555;} .eticketBlock { width:85%; display:inline-block;} .eticketMute { color:#999; font-size:12px;} /****************************************************************************************************/ .paySetting { padding:0 15px;} .paySettingHeading { font-size:18px; font-weight:500; display:inline-block; margin-top:15px;} .paySettingTitle { font:500 20px/32px "Roboto", Arial, Helvetica, sans-serif; display:inline-block; margin-top:15px;} .paySettingTitleC { font:500 16px "Roboto", Arial, Helvetica, sans-serif; margin-top:15px;} .paySettingTitleBlue { color:#00b3ff; font:500 18px "Roboto", Arial, Helvetica, sans-serif; margin-bottom:0;} .paymentGateway { width:220px; display:inline-block; margin-bottom:0;} .payCardIcon { display:inline-block; margin-left:15px;} .payCardIcon img { display:inline-block;} .paySettingSort { font-size:14px; color:#444;} .accountHolderSelect md-radio-button { display:inline-block !important; margin-right:15px;} .dialogConnectAccount { max-width:400px;} .popupTermsCondition { display:inline-block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;} .termsConditionOverlay { display:inline-block; width:100%; height:100%; background:rgba(0,0,0,.3); position:absolute; top:0; left:0; z-index:2; cursor:default;} .termsConditionHeader { display:inline-block; width:calc(100% - 40px); height:60px; padding:20px; background:#fff; font-weight:300; font-size:24px; border-radius:4px 4px 0 0; position:absolute; top:20px; left:20px; z-index:3;} .termsConditionBox { display:inline-block; width:calc(100% - 40px); max-height:calc(100% - 225px); padding:0 20px; background:#fff; border-bottom:20px solid #fff; border-radius:0 0 4px 4px; position:absolute; top:80px; left:20px; z-index:3; overflow-y:auto;} .termsConditionBox li { font-size:14px; line-height:20px; text-align:left; margin-bottom:5px;} .termsConditionOverlay:after { content:""; width:0; height:0; position:absolute; top:calc(100% - 145px); left:calc(50% - 5px); border:10px solid transparent; border-top-color:#fff;} .closeTermsConditionPopup { color:#000; position:absolute; top:15px; right:15px;} .closeTermsConditionPopup:hover { color:#ff008a;} /****************************************************************************************************/ .fbInterTitle { color:#000; font:500 24px "Roboto", Arial, Helvetica, sans-serif; margin:0;} .fbInterTitle2 { color:#000; font:500 20px "Roboto", Arial, Helvetica, sans-serif; margin-bottom:0;} .fbInterTitle3 { color:#00cafd; font:16px "Roboto", Arial, Helvetica, sans-serif;} .fbInterheading { color:#00cafd; font:500 18px "Roboto", Arial, Helvetica, sans-serif;} .fbInterContent { font-size:14px; line-height:24px;} .fbInterNote { color:#444; font:14px "Roboto", Arial, Helvetica, sans-serif;} .fbInterBox { width:100%; display:table; margin-bottom:30px; background:#f1f1f1; text-align:left;} .fbInterBox .fbImg { width:80px; height:90px; float:left; padding:15px;} .fbInterBox img { width:100%; height:100%; border-radius:5px;} .fbInterBox .fbInterName { display:inline-block; font:18px "Roboto", Arial, Helvetica, sans-serif; margin:0; color:#00cafd;} .eventTicketBox { width:100%; position: relative; display:inline-block; margin-bottom:15px; background:#fafafa; box-shadow:0 1px 2px rgba(0,0,0,.5);} .text24 { color:#535252; font:24px 'Roboto', Arial, Helvetica, sans-serif; text-align:left;} /****************************************************************************************************/ .socialStreamTitle { color:#000; font:500 18px "Roboto", Arial, Helvetica, sans-serif; margin-bottom:0;} .socialStreamTitle2 { color:#00cafd; font:500 18px "Roboto", Arial, Helvetica, sans-serif; display:inline-block;} .socialStreamBox { width:100%; display:table; background:#f5f5f5; text-align:left; padding:15px;} .socialStreamBoxCheck { float:left;} .socialStreamBoxImg { float:left; width:24px; height:24px; margin-top:3px;} .socialStreamBtn { padding:10px 15px; border-radius:4px;} /****************************************************************************************************/ .loading-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.7); z-index: 9999; display: flex; flex-direction: column; justify-content: center; align-items: center; } .spinner { border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*AI suggestion css file */ .popBox.success-msg h3 { color: #2e7d32; } .popBox.error-msg h3 { color: #c62828; } .noDataMsg { margin-top: 30px; text-align: center; color: #000; font-size: 22px; } .noDataMsg p { margin: 0; font-weight: 500; } .aichipMatch { display: inline-flex; align-items: center; justify-content: center; height: 26px; border-radius: 16px; font-size: 13px; font-weight: 600; padding: 0 10px; min-width: 90px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; position: relative; z-index: 5; transition: transform 0.15s ease, box-shadow 0.15s ease; } .aichipMatch:hover { transform: scale(1.05); box-shadow: 0 0 4px rgba(0,0,0,0.2); } .nm3-why { text-align: justify; font-size: 15px; color: #1c2b33; line-height: 1.6; margin-top: 10px; } .nm3-why p { margin-bottom: 12px; } .nm3-why b { font-weight: 600; color: #000; } .nm3-why i { color: #444; } .aiSuggestionModal h2 { font-weight: 700; color: #1c2b33; display: flex; align-items: center; gap: 6px; } .affiProTitle { color:#000; font:500 18px "Roboto", Arial, Helvetica, sans-serif; margin-bottom:10px;} .affiProTitleBig { color:#000; font:500 24px "Roboto", Arial, Helvetica, sans-serif;} .affiProFaqTitle { width:100%; display:inline-block; color:#000; font:500 16px "Roboto", Arial, Helvetica, sans-serif;} .affiProFaqTitle:hover { color:#00baff;} .pageBox { width:100%; display:inline-block; position:relative; background:#f5f5f5; padding:7px 15px; padding-right:30px; margin-top:2px;} .pageBox .pageBoxTitle { color:#000; font:500 18px "Roboto", Arial, Helvetica, sans-serif;} .pageBox .pageBoxContent { color:#444; font:14px "Roboto", Arial, Helvetica, sans-serif;} .successMessage .icon30 { font-size:30px; margin-top:5px;} .copyRefLink { position:absolute; right:30px; top:initial; z-index:99;} .iconDown { font-size:40px; color:#444; cursor:pointer;} .iconDown:hover { color:#00baff;} .inlineBlock { display:inline-block;} .faqIcon { position:absolute; top:10px; right:10px;} .noteMessage { width:100%; display:inline-block; padding-left:15px; padding-right:20px; margin-top:30px; background:#f0efef;} .noteMessage p { font:300 16px "Roboto", Arial, Helvetica, sans-serif; margin:15px 0; text-align:left;} .workDayLoader.popOverlay { z-index: 999; } .invitationListSaving-icon i { animation: spin 1s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .invitationListTitleTextField { border-radius: 3px;border: 1px solid #ccc;height: 28px;background: none;display: block;width: 100%;padding: 10px; } .removeInvitationListBtn{background-color: #E84848 !important; color: #fff !important;} .removeInvitationListBtn:disabled{background-color: #eee !important; color: #666 !important;} /****************************************************************************************************/ .selectdemoSelectHeader { /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ } .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: 16px; height: 48px; cursor: pointer; position: relative; display: flex; width: auto; } .selectdemoSelectHeader md-content._md { max-height: 240px; } .selectdemoSelectHeader md-input-container { min-width: 112px; } /********************************************************************************************************/ .webInterTemplete { display: flex; flex-flow: wrap; } .templeteBox { width: 270px; margin: 15px; padding: 15px; background: #fafafa; box-shadow: 0 1px 2px rgba(0,0,0,.5); border: 1px solid #eee; cursor: pointer; } .webInterTitle { color: #000; font: 500 18px "Roboto", Arial, Helvetica, sans-serif; } .webInterContent { color: #444; font: 16px "Roboto", Arial, Helvetica, sans-serif; } .fbInterBox2 { background: #f5f5f5; display: inline-block; width: 100%; } .orSeperator { position: relative; margin: 0 auto 20px auto; padding-bottom: 20px; border-bottom: 1px solid #999; } .orSeperator:before { width: 100%; height: 1px; position: absolute; bottom: -1px; z-index: 5; content: ""; left: 0; background: linear-gradient(to left, rgba(255,255,255,1) 0, rgba(85,85,85,0) 20%,rgba(85,85,85,0) 80%,rgba(255,255,255,1) 100%); } .orSeperator:after { width: 40px; background: #fff; color: #999; position: absolute; bottom: -9px; left: 50%; margin-left: -20px; content: "Or"; z-index: 5; text-align: center; font: italic 600 13px Arial, Helvetica, sans-serif; } .btnPreviewBox { display: inline-block; width: 100%; text-align: center; background: #f8f8f8; padding: 15px; overflow-x: auto; } .btnPreviewBox div { text-align: left; } .customizeField { margin-bottom: 15px; padding-left: 15px; padding-right: 15px; text-align: left; } .customizeField legend { font: 16px "Roboto", Arial, Helvetica, sans-serif; padding-left: 10px; padding-right: 10px; } .customizeField md-radio-button { display: inline-block; margin-right: 15px; } .customizeField md-radio-button img { height: 30px; } .colorBox { display: inline-block; } .colorBox > div { display: inline-block; float: left; } .colorBox .selectColor { border: 1px solid #aaa; background: #00cafd; width: 24px; height: 24px; display: inline-block; float: left; margin-right: 10px; cursor: pointer; } .colorBox .selectColor input[type=color] { width: 100%; height: 100%; float: left; cursor: pointer; opacity: 0; } .webInterSocialBox a { display: inline-block; margin-top: 5px; margin-right: 5px; } .webInterSocialBox img { display: inline-block; filter: grayscale(100%); transition: all .4s; } .webInterSocialBox a:hover img { filter: grayscale(0); } .speakerTable .orgAction { top: 24px;} .orgBox.speakerTable { padding: 10px 200px 10px 100px; min-height: 80px;} .speakerTable .orgName { padding-top: 10px;} .speakerTable img { width: 65px; height: 60px; object-fit: contain; padding: 2px;} .speakerTable .orgEmail { color: rgb(131 131 131); padding-top: 4px;} .projectInfo { width:100%; padding:20px 15px; margin-top:20px; display:inline-block; background:#f4f4f4; border-radius:4px;} .projectCount { font-size:36px; font-weight:bold; margin-bottom:5px;} .projectTitle { font-size:16px; font-weight:bold; color:#888;} .projectIcon { width:60px; height:60px; display:inline-block; background:#fff; border-radius:50%; padding:10px; color:#00ccff; float:right; text-align:center;} .projectIcon span { font-size:32px; line-height:40px;} input.budgetInput, textarea.budgetInput { background:transparent; border-top:none; border-right:none; border-bottom:2px solid #ddd; border-left:none; width:100%; padding:10px;} .tblHead { background:#e4e4e4 !important;} input.currency { background-image: url("data:image/svg+xml;utf8,$"); background-repeat:no-repeat; text-align:left;} .btnRow { background:#fff !important; padding-top:0; padding-bottom:10px;} .tblHead input.budgetInput, textarea.budgetInput { font-weight:bold !important; border-bottom:2px solid #ccc;} .floatTextRightWrapper { position: relative } .floatTextRightWrapper input { padding-right: 3rem } .floatTextRight { position: absolute; right: 4px; font-size: 14px; color: rgba(0, 0, 0, 0.55); top: 6px } .venueSubTitle { display: inline-block; width: 100% } .cancelBtn { border: 1px solid #eee } .middle.md-icon-button { vertical-align: middle; } .sponsorsLogoModal { list-style: none; padding: 0; margin: 0; } .sponsorsLogoModal li { display: inline-block; margin-right: 20px; } .sponsorsLogoModal li img { height: 35px; } .color4TextLink { display: inline-block; } .color4TextLink .color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon { display: inline-block; width: 24px; height: 24px; background-size: 100% 100%; } .color4Button, .colorPickerBox { display: inline-block; } .color4Button .color-picker-wrapper .input-group, .colorPickerBox .color-picker-wrapper .input-group { display: inline-block; width: 24px; height: 24px; opacity: 0; } .color4Button .color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon, .colorPickerBox .color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon { display: inline-block; width: 24px; height: 24px; background: none; } .resetButtonSettings { display: inline-block; margin: 5px; cursor: pointer; } .mobBlock { display: inline-block; } .timezoneInTime { position:absolute; left:78px; top:8px } .minMarginTop { margin-top: 5px; } .widgetButton { display: inline-block; padding: 7px 15px; background: #0393ef; color: #fff; font-family: 'Arial', Helvetica, sans-serif; text-transform: uppercase; border-radius: 3px; cursor: pointer; } .orderTable table tr td .statusChip.Scheduled { background: #ff0089 } .sms-opted { opacity: .45; pointer-events: none; cursor: not-allowed; } .legend { margin:.5rem 0 0; font-size:.9rem; color:#666; } .sms-dot { display:inline-block; width:.8rem; height:.8rem; background:#999; border-radius:50%; margin-right:.35rem; } .icon-link { display: inline-flex; align-items: center; justify-content: center; margin: 0 4px; vertical-align: middle; } .icon-link img { width: 24px; height: 24px; display: block; } .cost-cards{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; margin-bottom: 10px;} .cost-cards .cost-card{ display: flex; align-items: center; padding: 10px;border-radius: 10px;margin-right: 20px;} .cost-cards .cost-card .icon{ width: 50px;margin-right: 10px;} .cost-cards .cost-card .icon img{ width: 100%;} .cost-cards .cost-card .content .cost-title{ font-size: 14px;color: #fff;} .cost-cards .cost-card .content .cost-price{ font-size: 32px;font-weight: 900;color: #fff;} .cost-cards .cost-card.cost-card-1{background:linear-gradient(#0492ef,#74c7fd); } .cost-cards .cost-card.cost-card-2{background:linear-gradient(#ff9b27,#ffc025); } .widgetButton img { height: 20px; float: right; margin-left: 10px; } .widgetButton.small { padding: 5px 12px; font-size: 13px; } .widgetButton.small img { height: 20px; } .widgetButton.medium { padding: 7px 15px; font-size: 15px; } .matchmaking .h-auto { height: auto !important } .matchmaking md-input-container { display: block; margin:0;} .matchmaking p.count{ font-size:12px;text-align:right;color:#8A8A8A;margin:5px 0 0 0; } .matchmaking .row { margin-left: 0 !important; margin-right: 0 !important; } .matchmaking md-nav-ink-bar { color: #00CAFD; background-color: #00CAFD; } .matchmaking md-nav-bar .md-button { font-weight: 600; font-size: 16px; text-transform: none; } .matchmaking md-nav-bar .md-button.md-unselected { font-weight: 600; color: #000000; } .matchmaking table th { white-space: nowrap; } .matchmaking table td.require { width: 80px; } .matchmaking table td.dashboardLinks { width: 120px; } .matchmaking table td md-checkbox { line-height: 1.2 } .matchmaking table td .material-icons { font-size:18px; color:#1A2D39;line-height:1;} .matchmaking table td .material-icons.completed {color:#00CAFD;} .matchmaking table td .material-icons.uncompleted {opacity:0.3;} .matchmaking table td .task h4{ font-size:16px;margin:0;margin-bottom:5px; } .matchmaking table td .task p{ font-size:14px;margin:0; color:#6F7B82; } .matchmaking .accountSearch { position: relative; top: auto; right: auto; margin: 18px 0; width: auto; min-width: auto; max-width: auto; } .matchmaking .exportBox { margin: 0; height: 35px; } .matchmaking md-dialog { width: 850px !important; max-width: 90% !important; } .matchmaking .questions, .matchmaking md-dialog .eventlistTable { max-height: 60vh; overflow: auto } .matchmaking .questions .question { background-color: #F5F5F5; margin-bottom: 5px; padding: 10px; } .matchmaking .questions .question p { margin: 0; } .matchmaking .ranking-blocks { display: flex; align-items: stretch; justify-content: flex-start; } .matchmaking .ranking-block { background: #F5F5F5; border-bottom: 4px solid #00CAFD; padding: 8px; display: flex; align-items: center; width: auto; flex-grow: 1 } .matchmaking .ranking-block .icon { flex: 0 0 50px; width: 50px; height: 50px; background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 10px; font-size: 20px; color: #00CAFD; font-weight: 600 } .matchmaking .ranking-block .icon img { width: 80%; } .matchmaking .ranking-block .content-rank { width: 20%; } .matchmaking .ranking-block .content-qa { width: 80%; } .matchmaking .ranking-block .content-rank .name { color: #1A2D39; font-weight: 600; margin-bottom: 5px; } .matchmaking .ranking-block .content-rank .matches { color: #66737B; font-size: 14px; } .matchmaking .ranking-block .content-qa .question { color: #1A2D39; font-weight: 600; margin-bottom: 5px; } .matchmaking .ranking-block .content-qa .answer { color: #66737B; font-size: 14px; } .matchmaking .attendee-matches { text-align: center; } .matchmaking .attendee-matches span { font-weight: bold; } @media screen and (max-width:991px) { .matchmaking .ranking-blocks { flex-wrap: wrap } .matchmaking .ranking-block { flex-wrap: wrap } } .mymeetings .th-actions { width: 120px; } .widgetButton.medium img { height: 24px; } .widgetButton.large { padding: 10px 20px; font-size: 18px; } .widgetButton.large img { height: 28px; } .accountBtnLink { display: inline-block; padding: 10px 20px; background: rgb(0,204,255); color: #fff; border-radius: 3px; transition: background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .accountBtnLink:hover { background: rgb(3,147,229) !important; color: #fff; } .widgetPreview { width: 100%; height: 100%; display: inline-block; padding: 20px; text-align: center; background: rgba(0, 0, 0, 0.03); position: relative; overflow: hidden; } .widgetPreview iframe { margin: 8px auto 0 auto; } .widgetHeadBox { display: inline-block; width: 100%; background: #eee; padding: 10px 15px; text-align: initial; } .widgetHeadBox .widgetHeadBoxTitle { display: inline-block; font: 500 18px Arial, Helvetica, sans-serif; margin: 0; padding: 0; } .widgetHeadBoxLogo { float: right; height: 24px; } .colorLightBlue { color: #00cbfd; } .backgroundLightBlue { background-color: #00cbfd; } .colorDarkBlue { color: #0293ef; } .backgroundDarkBlue { background-color: #0293ef; } .btnPreviewBox { display:inline-block; width:100%; text-align:center; background:#f8f8f8; padding:15px; overflow-x:auto;} .btnPreviewBox div { text-align:left;} .customizeField { margin-bottom:15px; padding-left:15px; padding-right:15px; text-align:left;} .customizeField legend { font:16px "Roboto", Arial, Helvetica, sans-serif; padding-left:10px; padding-right:10px;} .customizeField md-radio-button { display:inline-block; margin-right:15px;} .customizeField md-radio-button img { height:30px;} .colorBox { display:inline-block;} .colorBox > div { display:inline-block; float:left;} .colorBox .selectColor { border:1px solid #aaa; background:#00cafd; width:24px; height:24px; display:inline-block; float:left; margin-right:10px; cursor:pointer;} .colorBox .selectColor input[type=color] { width:100%; height:100%; float:left; cursor:pointer; opacity:0;} .webInterSocialBox a { display:inline-block; margin-top:5px; margin-right:5px;} .webInterSocialBox img { display:inline-block; filter:grayscale(100%); transition:all .4s;} .webInterSocialBox a:hover img { filter:grayscale(0);} .color4TextLink { display:inline-block;} .color4TextLink .color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon { display:inline-block; width:24px; height:24px; background-size:100% 100%;} .color4Button, .colorPickerBox { display:inline-block;} .color4Button .color-picker-wrapper .input-group, .colorPickerBox .color-picker-wrapper .input-group { display:inline-block; width:24px; height:24px; opacity:0;} .color4Button .color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon, .colorPickerBox .color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon { display:inline-block; width:24px; height:24px; background:none;} .resetButtonSettings { display:inline-block; margin:5px; cursor:pointer;} .mobBlock { display:inline-block;} .minMarginTop { margin-top:5px;} .widgetButton { display:inline-block; padding:7px 15px; background:#0393ef; color:#fff; font-family:'Arial', Helvetica, sans-serif; text-transform:uppercase; border-radius:3px; cursor:pointer;} .widgetButton img { height:20px; float:right; margin-left:10px;} .widgetButton.small { padding:5px 12px; font-size:13px;} .widgetButton.small img { height:20px;} .widgetButton.medium { padding:7px 15px; font-size:15px;} .widgetButton.medium img { height:24px;} .widgetButton.large { padding:10px 20px; font-size:18px;} .widgetButton.large img { height:28px;} .accountBtnLink { display:inline-block; padding:10px 20px; background:rgb(0,204,255); color:#fff; border-radius:3px; transition:background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);} .accountBtnLink:hover { background:rgb(3,147,229) !important; color:#fff;} .widgetPreview { width:100%; height:100%; display:inline-block; padding:20px; text-align:center; background:rgba(0, 0, 0, 0.03); position:relative; overflow:hidden;} .widgetPreview iframe { margin:8px auto 0 auto;} .widgetHeadBox { display:inline-block; width:100%; background:#eee; padding:10px 15px; text-align:initial;} .widgetHeadBox .widgetHeadBoxTitle { display:inline-block; font:500 18px Arial, Helvetica, sans-serif; margin:0; padding:0;} .widgetHeadBoxLogo { float:right; height:24px;} .colorLightBlue { color:#00cbfd;} .backgroundLightBlue { background-color:#00cbfd;} .colorDarkBlue { color:#0293ef;} .backgroundDarkBlue { background-color:#0293ef;} .colorPink { color:#fe288a;} .backgroundPink { background-color:#fe288a;} .colorGreen { color:#3fe129;} .backgroundGreen { background-color:#3fe129;} /****************************************************************************************************/ .codePreview { background:rgba(0, 0, 0, 0.065);} .codePreview pre { display:block; padding:7px 10px; word-wrap:normal; white-space:normal; color:#393318; font:14px Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif; text-align:left;} .codePreview span { display:inline-block; max-width:100%;} .codePreview pre code { background:none; padding:0;} .codePreview .str, .codePreview .lit, .codePreview .tag { color:#7d2727;} .codePreview .atn { color:#e64320;} .codePreview .atv { color:#0f74bd;} .codePreview .pun, .codePreview .pln { color:#303336;} /****************************************************************************************************/ .rewardPointsBox { width:30%; display:inline-block; background:#eee; margin-right:10px; text-align:center;} .rewardTypes { width:100%; display:inline-block; background:#00baff; padding:15px; color:#fff; font:18px "Roboto", Arial, Helvetica, sans-serif;} .rewardTypes strong { display:block; font-size:26px; font-weight:500; text-transform:uppercase;} .rewardPoints { width:100%; display:inline-block; padding:30px 15px; color:#2b2b2b; font:500 36px "Roboto", Arial, Helvetica, sans-serif; overflow-wrap: break-word;} .rewardPointsWork { display:inline-block; width:100%; margin-top:15px;} .rewardPointsTitle { font:500 18px "Roboto", Arial, Helvetica, sans-serif; margin-bottom:0;} .rewardPointsWorkList { font:16px "Roboto", Arial, Helvetica, sans-serif; color:#444; margin-top:10px; padding-left:20px; line-height:24px;} .textBox { display:inline-block; width:100%; background:#f0efef; color:#f08; font:italic 500 16px "Roboto", Arial, Helvetica, sans-serif; padding:15px 20px;} /****************************************************************************************************/ .reportsAnalyticsBox { display:inline-block; width:100%; background:#f5f5f5; padding:15px;} .groupByCheckBox { display:inline-block; width:100%; background:#f5f5f5; padding:10px 15px; margin:10px 0;} .reportsAnalyticsBox .block20 { width:20%; display:inline-block;} .reportsAnalyticsBox .date-picker-row { min-height:35px;} .reportsFilterBox { width:100%; display:table; margin-top:15px;} .reportsFilterBox .reportsFilterBoxCol { cursor:pointer; background:#00cafd; color:#fff; padding:10px 15px;} .reportsFilterBox .reportsFilterBoxCol:hover { background:#0393ef;} .reportsFilterBox .reportsFilterBoxCol span.material-icons { float:left; font-size:36px; color:#fff;} .reportsFilterBox .reportsFilterBoxCol span img { width:24px; height:24px; margin-top:4px;} .reportsFilterBox .reportsFilterBoxCol .filterTo { margin-left:10px; float:left; font-size:14px;} .reportsFilterBox .reportsFilterBoxCol .filterTo strong { display:block; font:18px "Roboto", Arial, Helvetica, sans-serif; font-weight:500;} .reportsFilterBox .reportsFilterBoxCol .filterTo > div { font:14px "Roboto", Arial, Helvetica, sans-serif; color:rgba(255,255,255,.8);} .chartBox { display:inline-block; width:100%; background:#e7e7e7; padding:15px;} .reportsHeading { font:18px "Roboto", Arial, Helvetica, sans-serif; font-weight:500;} .displayBlock { display:inline-block; width:100%;} .filterByShortHeading { display:block; font:14px "Roboto", Arial, Helvetica, sans-serif; color:rgba(255,255,255,.5);} .positionRelative { position:relative;} .positionRelative .top50 { top:-50px;} .colorClear { background:rgba(0,0,0,.1); color:rgba(0,0,0,.8);} .colorClear:hover { background:rgba(0,0,0,.2) !important; color:rgba(0,0,0,1);} .chartHeading { font:500 18px "Roboto", Arial, Helvetica, sans-serif; color:#000;} .chartBtn { font:500 14px "Roboto", Arial, Helvetica, sans-serif; padding:8px 15px; background:rgb(0,204,255); color:#fff; border-radius:4px; cursor:pointer; text-transform:uppercase;} .chartBtn:hover { background:rgb(3,147,229) !important; color:#fff;} .chartBox .noDataChart { margin-top:50px; text-align:center;} .chartBox .noDataChart span { border:1px solid #ddd; border-radius:50%; display:inline-block; height:72px; padding: 14px; width:72px;} .chartBox .noDataChart { font-size:16px; color:#666;} .btnImg img { float:left; margin-top:5px; margin-right:10px;} .paddedTopBottom { padding-top:0; padding-bottom:0;} .reportExport { width:220px; float:right; margin-top:10px;} /****************************************************************************************************/ .trackingPixelsBox { width:100%; display:inline-block;} .trackingPixel { width:100%; height:100px; display:inline-block; margin:15px 0; background:#f5f5f5; padding-left:66px; position:relative; cursor:pointer;} .trackingPixelTitle { font:500 18px "Roboto", Arial, Helvetica, sans-serif; margin-top:20px; margin-bottom:0;} .trackingPixelDes { font:300 16px "Roboto", Arial, Helvetica, sans-serif; text-align:left; margin-top:5px;} .trackingPixelDes span.material-icons { float:left; margin-left:-5px; font-size:20px;} .trackingPixelIcon { width:32px; height:32px; position:absolute; left:20px; top:20px;} .trackingPixel:hover { background:#f1f1f1;} .trackingPixel:hover .trackingPixelDes { color:#00cafd;} .notFound { width:100%; display:inline-block; background:#f2f2f2; padding:50px 15px; text-align:center;} .notFound .des { color:#666; font-size:100%; text-transform:uppercase; margin-top:30px;} .pixelTitle { font-size:18px; font-weight:500;} .helpTooltip { display:inline-block; color:#888;} .helpInfo { width:240px; position:absolute; bottom:100%; left:0; 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%; left:10px; margin-bottom:-9px; content:""; width:0; height:0; border:9px solid transparent; border-top-color:rgba(0,0,0,.7); z-index:1112;} .cstSchedule { background:#eee; padding:5px 85px 5px 5px; margin:1px 0; position:relative; min-height:45px;} .cstSchedule.forMembership { padding-right:170px;} .cstSchedule.forMembership strong { max-width:calc(100% - 100px); float:left;} .cstSchedule .viewFields { text-align:left;} .cstSchedule .editFields { text-align:justify; padding:10px;} .cstSchedule .editDT, .cstSchedule .viewDateTime { margin-left:10px;} .cstSchedule .date-picker-row { min-height:initial;} .cstSchedule .cloneIcon { display:inline-block; padding:5px; cursor:pointer; position:absolute; right:10px; bottom:5px;} .cstSchedule .switchIcon { display:inline-block; padding:3px; cursor:pointer; position:absolute; right:70px; top:8px;} .cstSchedule .cloneIcon:last-child { right:45px;} .cstSchedule .cloneIcon { right:4px; bottom:5px;} .cstSchedule.forMembership .membershipInfo { padding:10px 15px;} .cstSchedule.forMembership .cloneIcon { bottom:calc(50% - 15px);} .cstSchedule.forMembership .cloneIcon:last-child { right:10px;} .cstSchedule.forMembership .cloneIcon:nth-last-child(2) { right:45px;} .cstSchedule.forMembership .cloneIcon:nth-last-child(3) { right:85px; margin:0;} .cstSchedule.forMembership .cloneIcon:nth-last-child(4) { right:120px; margin:0;} .addClone { display:inline-block; float:left; margin-left:5px; cursor:pointer;} .scrollSchedules { width:100%; max-height:250px; overflow-y:auto;} .membershipInviteLink { word-break:break-word;} /****************************************************************************************************/ .listBox { display:inline-block; width:100%; padding:10px 50px 10px 15px; min-height:60px; background:#f4f4f4; position:relative; cursor:pointer; transition:all .2s; margin-bottom:5px;} .listBox:hover { background:#f0f0f0;} .listBox .lbInfo { display:inline-block; width:100%;} .listBox .lbTitle { font-size:16px; font-weight:500; margin-top:0; margin-bottom:0; color:#000;} .listBox .lbContent { font-size:14px; margin:0; color:#666;} .listBox .lbIconRight { position:absolute; right:15px; top:20px; transition:all .2s;} .listBox .lbIconRightSchedule { position:absolute; right:15px; top:50%; margin-top:-18px;} .listBox a { display:inline-block; color:rgb(0,203,253); cursor:pointer;} .listBox a:hover { color:rgb(2,147,239);} .listBox:hover .lbIconRight { right:10px;} /****************************************************************************************************/ .eventReportsTitle { font:500 20px "Roboto", Arial, Helvetica, sans-serif; color:#0393ef; margin-bottom:0;} .eventReportsTitMargin { margin-bottom:10px;} .eventReportsTitleBlue { font:500 16px "Roboto", Arial, Helvetica, sans-serif; color:#0393ef; margin-bottom:10px;} .eventReportsContent { font:16px "Roboto", Arial, Helvetica, sans-serif; color:#333; margin:0 0 5px;} .eventReportsBox { display:inline-block; width:100%; padding:10px 70px 10px 50px; height:55px; background:#f4f4f4; position:relative; cursor:pointer; transition:all .2s; margin-bottom:5px; line-height:normal;} .eventReportsBox:hover { background:#f0f0f0;} .eventReportsBox .erBoxContainer { display:inline-block; width:100%;} .eventReportsBox .erBoxTitle { font:500 16px "Roboto", Arial, Helvetica, sans-serif; margin-top:0; margin-bottom:0; color:#000;} .eventReportsBox .erBoxContent { font:14px "Roboto", Arial, Helvetica, sans-serif; margin:0; color:#666;} .eventReportsBox .erBoxIconRight { position:absolute; right:15px; top:15px; transition:all .2s;} .eventReportsBox .erBoxIconRightSchedule { position:absolute; right:15px; top:50%; margin-top:-18px;} .eventReportsBox .erBoxIconRightSchedule a { display:inline-block; margin:5px; cursor:pointer;} .eventReportsBox:hover .erBoxIconRight { right:10px;} .eventReportsBox .erBoxIconLeft { position:absolute; left:10px; top:12px; color:#333;} .eventReportsBox .erBoxIconLeft i { font-size:30px;} .eventReportsBox2 { padding:15px 15px; background:#fafafa;} .eventReportsBox2 .erBoxTitle { font:500 16px "Roboto", Arial, Helvetica, sans-serif; margin-top:0; margin-bottom:0; color:#000; display:inline-block;} .eventReportsBox2 .erBoxIcon { float:right; color:#000;} .eventReportsChecks { width:280px; display:inline-block;} .updateReportIcon { display:inline-block; margin-right:15px;} .btnGrey { display:inline-block; padding:5px 10px; cursor:pointer; border-radius:4px; transition:all .5s; color:#00b3ff;} .btnGrey:hover { background:#eee; color:#00b3ff;} .eventReportExport { width:auto; float:right; margin-top:15px;} .eventReportsTotal {background:#f5f5f5; width:100%; display:inline-block; margin-bottom:30px; margin-top:5px; padding:15px;} .reportOrderSearch { top:65px;} .inputNote { font:13px "Roboto", Arial, Helvetica, sans-serif; color:#888; margin-top:10px;} .reportHeadingShort { width:100%; display:inline-block; font:500 16px "Roboto", Arial, Helvetica, sans-serif; color:#333; margin-bottom:5px;} .orderCompleteBox { display:inline-block; width:100%; padding:10px; background:#f8f8f8; margin-bottom:5px;} .columnsTitle { font:500 20px "Roboto", Arial, Helvetica, sans-serif; margin-bottom:0; color:#000;} .configureColumns { display:inline-block;} .btnCancel { color:#00b3ff; cursor:pointer;} .selectAllCheckbox { margin:10px;} .inline-radio { display:inline-block; margin-right:15px;} .frequencyTooltip { position:absolute; left:0; top:-26px;} .frequencyTooltip { padding-left:63px;} .frequencyTooltip .helpInfo { width:280px;} .colFixLast { overflow-x:scroll; padding-right:150px; border-collapse:unset !important; border-spacing:unset !important;} .colFixLast tr th, .colFixLast tr td { white-space:nowrap;} .colFixLast tr th:last-child, .colFixLast tr td:last-child { position:absolute; width:150px; right:20px;} .colFixLast tr th:last-child { padding:20px;} .colFixLast tr td:last-child { padding:9px;} .padded15 { padding-left:7.5px; padding-right:7.5px;} .ecLink { color:#00b3ff; text-decoration:none;} .ecLink:hover { color:#0393ef; text-decoration:underline; cursor:pointer;} .apiCode { padding:12px 20px; background:rgba(0, 0, 0, 0.04); color:#666; font-family:"Courier New", Courier, monospace; margin-top:10px; margin-bottom:20px;} .inviteContactsDialog { width:400px; max-width:100%;} .editContactsDialog { width:280px; max-width:100%;} .Dialog320 { width:320px; max-width:100%;} .Dialog400 { width:400px; max-width:100%;} .Dialog800 { width:800px; max-width:100%;} .contactExcel { margin-top:5px;} .contactExcel img { display:inline-block;} .memberSearch { right:180px; min-width:200px;} .memberFilterOption { width:100%; padding:15px 0 10px 0; margin-top:5px; display:inline-block; background:#f5f5f5; position:relative;} .memberFilterOption .date-picker-row { min-height:auto; margin:18px 0;} .memberFilterOption > .md-button { color: #fff; background-color: #00ccff; } .memberFilterOption > .md-button.clearFilter { background-color: #f80b00; } .memberFilterOption > .md-button.clearFilter:hover { background-color: #f80b00 !important; } .filterSearchIcon { position:absolute; right:18px; top:18px;} .filterSearchIcon a { border-radius: 5px;margin:3px;background: rgb(0 202 253);height: 40px;width: 40px;display: inline-block;line-height: 40px;text-align: center;color: #fff; } .filterSearchIcon a:last-child{ background: rgb(255 27 0);} .filterSearchIcon a:hover{ box-shadow:0 0 0 20px rgba(0,0,0,.1) inset;} .membershipButtons { text-align:center; padding:10% 0;} .membershipButtons a { background:rgb(0, 202, 253); display:inline-block; padding:12px 25px; margin:15px; color:#fff; font-size:15px; text-transform:uppercase; border-radius:4px;} .membershipButtons a:hover { background:rgb(3, 147, 239);} .membershipDateFields .date-picker-row { display:inline-block; width:140px; margin-top:18px; margin-right:15px;} .membershipDateFields .date-picker-row:last-child { margin-right:0;} /*My Agenda*/ .myAgendaTab ul { display: inline-block; background: #e6e8e9; padding: 10px; border-radius: 4px;} .myAgendaTab ul li { display: inline-block; padding: 8px 0;} .myAgendaTab ul li a { color: #666666; padding: 10px 25px;} .myAgendaTab ul li.active a, .myAgendaTab ul li:hover a { background: #fff; color: #0cf; border-radius: 4px;} .selectDate { display: inline-flex; background: #0cf; color: #fff; padding: 14px; position: relative; border-radius: 4px; width: 54px; top: 3px; cursor: pointer; overflow: hidden;} .myAgendaSearch { width: 100%; margin: 28px 0;} .myAgendaDateSec { position: relative; display: inline-block; width: 100%; height: 40px; margin: 10px -15px 30px -15px;} .weekDeta { font-size: 25px; margin-top: 70px; color: #1a2d39; font-weight: bold;} .weekDeta span { font-size: 14px; display: block; padding-bottom: 5px; color: #808b91; font-weight: normal;} .myAgendaTabDeta h4 { border-bottom: 1px solid #e0e0e0; margin-top: 40px; padding-bottom: 20px; font-size: 20px; color: #1a2d39; font-weight: bold; } .myAgendaTabDeta h4 span { color: #0cf; font-weight: normal;} .myAgendaEst { background: #f5f5f5; padding: 10px; border-left: 4px solid #283845; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;} .myAgendaEstTime { font-size: 18px; border-right: 1px solid #ccd0d3; padding-right: 30px; font-weight: bold; color: #1a2d39;} .myAgendaEstTime span { font-size: 14px; display: block; color: #99a2a7; font-weight: normal;} .myAgendaEstBtn { background: #e6e8e9; color: #808b91; border-radius: 6px;} .myAgendaEstBtn img { width: 24px; margin-right: 5px; float: left; margin-top: 5px;} .myAgendaEstBtn.active { background: #0cf !important; color: #fff;} .myAgendaEstBtn.ended { background: #d4564b !important; color: #fff; } .myAgendaEst h3 { font-size:16px; width:50%; color: #1a2d39; word-wrap: break-word;} .myAgendaBtnRight { text-align:right;} .myagendaModalImg { height: 300px; width: 100%; object-fit: cover;} .myagendaModal h3 { margin: 0px; font-size: 16px; color: #808b91; font-weight: 600; margin-top:10px;} .myagendaModal h4 { margin: 0; font-size: 16px; color: #001623;} .myagendaModal h4 span { color: #0cf; font-weight: normal;} .myagendaModal h2 { font-size: 26px; margin: 0; color: #001623;} .virtualRoomLink { display: flex; align-items: center; margin-top: 10px; } .virtualRoomLink a { color: #66737b; font-size: 16px;} .virtualRoomLink img { padding-right: 5px;} .stageBtn { background: #e5e8e9; color: #000; text-transform: capitalize; font-weight: bold; font-size: 15px; } .myagendaModal h6 { font-size: 20px; margin: 40px 0 0; color: #001623; } .myagendaModal p { line-height: 26px; font-size: 16px; color: #66737b;} .user60 { width: 60px; height: 60px; min-width: 60px; object-fit: cover; border-radius: 60px; } .chronicleHeader { width:100%; min-height:90px; padding-top:15px; padding-bottom:15px; display:inline-block; background:#f4f4f4;} .chronicleHeader .c4 { text-align:right;} .chronicleHeader img { display:inline-block;} .chronicleContact { display:inline-block; text-align:left;} .chronicleTit { color:#000; font:500 20px "Roboto", Arial, Helvetica, sans-serif; margin-top:5px; margin-bottom:0;} .chronicleLink { color:#00cbfd;} .chronicleLink:hover { color:#0293ef;} .chronicleSnapshot { display:inline-block; border:4px solid #ccc;} .codeSnippet textarea { background:rgba(0,0,0,.02); font-family:'Courier New', Courier, monospace;} .salesforceSearch { position:relative; width:240px; max-width:100%; margin:0; float:right;} md-input-container.salesforceSearch .md-input { padding:2px 24px 1px 2px;} .salesforceCSVImport .uploadedFile { float:left; margin-top:0; margin-bottom:0;} .salesforceCSVImport .md-button { margin-top:8px;} .manageMembership { min-width:165px; margin:0; position:absolute; top:0; right:0;} .viewAllBids { background:#ff008a; color:#fff; border-radius:3px; padding:5px 7px; margin-left:10px; font-size:14px; font-weight:500; position:relative; top:-4px;} .viewAllBids:hover { color:#fff; box-shadow:0 0 0 15px rgba(0,0,0,.2) inset;} .disabled-link-winningbids {pointer-events: none; opacity: 0.5; cursor: not-allowed;} .calClose { position:absolute; right:0; top:15px;} .calClose:hover { background-color:none; color:#00cafd;} .calIcon { width:100%; margin:0; padding:0; display:inline-block;} .calIcon li { width:100%; margin:0; padding:0; list-style:none; display:inline-block; float:left;} .calIcon li a { display:inline-block; color:#000; padding:10px; border-radius:3px; font:18px 'Roboto', Arial, Helvetica, sans-serif;} .calIcon li a:hover { color:#00cafd;} .calIcon li a img { width:24px; float:left; margin-right:10px;} .A2CDialog { max-width:320px;} .vbPreviewBox { width:100%; position:relative; border:4px solid #ccc;} .vbPreviewBox div { display:inline-block; width:70.15%; height:86.12%; position:absolute; top:7.4%; left:3.85%; z-index:1; background:#fff no-repeat center / cover;} .vbPreviewBox img { position:relative; left:0; z-index:2;} /***************************************************************************************************/ .openSalesforceHeading { padding: 10px 15px; background: #00cafd; color: #fff; font: 500 18px "Roboto", Arial, Helvetica, sans-serif; text-align: left;} .openSalesforcePopIMG { border: 4px solid #ccc; border-top: none; width: 100%;} .helpPopup { width: 24px; height: 24px; display: inline-block; background: #888; color: #fff; border-radius: 50%; text-align: center; line-height: 24px; position: absolute; top: 4px; margin-left: 5px; font-size: 16px;} .helpPopup:hover { background: #00baff; color: #fff;} /*purhased Table*/ table.purhasedTable thead th, table.purhasedTable thead th { background: #EAEAEA; border-right: 0; color: #262525; font: 500 16px 'Roboto', Arial, Helvetica, sans-serif;} table.purhasedTable tr td { border: 0; border-bottom: 1px solid #EAEAEA;} table.purhasedTable tr:last-child td { border-bottom: none;} .paidEMIStatus { background: #C8EBD8; color: #0ABE5D; padding: 6px 20px; border-radius: 30px;} .pandingEMIStatus { background: #F7E0C8; color: #FF8E17; padding: 6px 20px; border-radius: 30px;} .moreInformation table tr td.text-right { text-align:right;} .payEMIBtn { margin-left:15px;} /*PARENT CHILD QUESTIONS*/ .parentChildQuestions { background-color:#efefef; display:inline-block; width:100%; border-radius:4px; border:1px solid #c4c4c4 } .parentChildQuestions div { padding:0 !important; font-size:1rem !important } .parentChildQuestions .childQuestions { padding-left:2rem !important } .parentChildQuestions md-input-container { max-width:300px } .parentChildQuestions md-input-container ._md-select-icon { font-size:16px !important } .setDividerHR { border-bottom:3px dashed #a9a9a9; margin-bottom:1.2rem } .setDividerHRWrapper:last-child .setDividerHR { border-bottom-width:0; margin-bottom:0 } /* MANAGE CATEGORIES */ .uploadCategoryIcon { object-fit:contain } .uploadCategoryDelete { top:-8px !important } .categoryAttendeesModal .eventlistTable table thead th { background:#f5f5f5; color:#000; box-shadow:0 1px 0px rgb(0 0 0 / 10%) } .editAttendeeSection { width:100%; display:inline-block; overflow-x:auto } .editAttendeeSection table { width:100%; border-collapse:separate; border-spacing:0; text-align:left } .editAttendeeSection table tr td { vertical-align:top; font-size:14px } .editAttendeeSection table tr td:first-child { border-right:1px solid #cacaca } .tableDesign2 { padding:4px 16px } .tableDesign2 tr td:first-child { border-right:none !important } .tableDesign2 tbody tr td { border-bottom:2px dashed #cacaca } .tableDesign2 tbody tr:last-child td { border-bottom:none } .tableDesign2 tbody md-input-container input { background:#fff; border:1px solid #ddd; border-radius:4px } .borderNone { border:none !important } .customFontSelector { border: none !important } .borderTop { border-top:1px solid #cacaca } .customFontSelector { border: none !important } .guestTable { border-collapse:separate; border-spacing:0 1px !important;} .guestTable thead tr td { background:#c6cbcf !important;} .guestTable td { background:#e3e3e3 !important; border-right:1px solid #eee !important;} .guestTable td:last-child { border-right:none !important;} /*MANAGE MEMBERSHIP*/ .membershipPlansBox { border:1px solid #eee; padding:1rem 2rem; margin-top:1rem } .membershipPlansCard { position:relative; padding:1rem; border-radius:6px;height:100%; border:1px solid #f6f6f6; background-color:rgba(246,246,246,.45); padding-bottom:3.5rem;} .membershipPlansCard .membershipPlansAction { position:absolute; left:0; bottom:0; padding:0.5rem; background-color:#f6f6f6; display:flex; align-items:center; justify-content:space-between; width:100% } .membershipPlansAction md-switch { padding-top:5px } .membershipPlansCard .timeChipTitle { display:inline-block; padding:4px 10px; margin:0.5rem 0; border-radius:15px; background:#ff008a; color:#fff; font-size:14px } .membershipPlansAction .cloneIcon { padding:2px 4px } .membershipPlansCard h2 { font-weight:500 } .membershipPlansCard p { color:#2F404B } .smallNote { font-size:14px; color:#8d8d8d } .multiSelect md-select-value span { display:flex } .membershipPlansBox .tciEditor .tciEditorContainer { height:100px } .membershipInfo div ol, .membershipInfo div ul { padding-left:1rem } .editorBox .tciEditor .tciEditorContainer { height:100px } /*JOIN MEMBERSHIP*/ .eventBannerView { display:inline-block; width:100%; position:relative; color:#fff; padding:50px 15px 100px 15px } #movingDotsEffect { width:100%; position:absolute; top:0; left:0 } .eventBannerView > div { position:relative; z-index:1 } .pageTitle { margin-top:0; margin-bottom:15px; font-weight:500; font-size:48px; line-height:normal; color:#fff } .membershipContentMain { display:inline-block; width:100%; margin-top:0; font:300 18px 'Roboto', Arial, Helvetica, sans-serif } .joinMemberSection { position:relative; background:#fff; border-radius:4px; padding:5px 15px } .joinMemberFormTitle { font:500 24px 'Roboto', Arial, Helvetica, sans-serif; color:#333 } .memberSubmitBtn {font:500 24px 'Capitalize', Arial, Helvetica, sans-serif; display:inline-block; padding:15px 30px; background:#01c9fd; color:#fff; font-weight:300; font-size:16px; line-height:24px; border-radius:5px; border:none; box-shadow:none; outline:none } .membershipPlans { display:flex } .membershipPlans md-radio-button { width:calc(25% - 30px); padding:12px 15px; margin-top:5px; margin-bottom:15px; margin-right:15px; background:#f4f4f4; border:2px dashed #ddd; border-radius:5px; line-height:normal } .membershipPlans md-radio-button:hover { background:#f2f2f2; border-color:#00c9fd } .membershipPlans md-radio-button:last-child { margin-right:0 } .membershipPlans md-radio-button ._md-container { top:20px; left:15px } .membershipPlans md-radio-button ._md-label { width:100% } .membershipPlans md-radio-button .membershipPrice { float:right; font-weight:bold; color:#ff008a } .membershipPlans md-radio-button .membershipDesc { font-size:14px; text-align:left;word-break: break-all; } .membershipDesc ol, .membershipDesc ul { padding-left:1rem; margin-top:0; margin-bottom:0 } .membershipDesc { display:inline-block; padding-top:6px } .membershipPlans ._md-container.md-ink-ripple { opacity:0 } .membershipPlans ._md-label { margin-left:0; } .membershipPlans ._md-label .membershipTitle { font-weight:600; font-size:1.125rem } .membershipPlans md-radio-button.md-checked { background-color:rgba(0, 202, 253, 0.20); border-color:#00cafd } .membershipPlans { flex-wrap:wrap } .ecInlineEditor { position:relative;} .ecInlineEditor input:disabled { background:none; border:none; color:#000;} .ecInlineEditor span.material-icons { color:#00cafd; margin-left:10px; position:relative;} .ecInlineEditor span.material-icons input { position:absolute; width:100%; height:100%; display:inline-block; left:0; top:0; opacity:0; cursor:pointer;} .ecInlineEditor span[contenteditable="true"] { min-width:44px; max-width:100%; display:inline-block; border:1px solid rgb(118,118,118); padding:1px 4px; cursor:text;} .ecInlineEditor span[contenteditable="false"] { word-wrap:break-word;} /*SPONSOR TABLE*/ .sponsorTable .orgAction { top: 24px;} .orgBox.sponsorTable { padding: 10px 200px 10px 100px; min-height: 80px;} .sponsorTable .orgName { padding-top: 10px;} .sponsorTable img { width: 65px; height: 60px; object-fit: contain; border: 1px solid #eeeeee; padding: 2px;} .speakerTable .orgAction { top: 24px;} .orgBox.speakerTable { padding: 10px 200px 10px 100px; min-height: 80px;} .speakerTable .orgName { padding-top: 10px;} .speakerTable img { width: 65px; height: 60px; object-fit: contain; padding: 2px;} .speakerTable .orgEmail { color: rgb(131 131 131); padding-top: 4px;} .middle.md-icon-button { vertical-align: middle; } .sponsorsLogoModal { list-style: none; padding: 0; margin: 0; } .sponsorsLogoModal li { display: inline-block; margin-right: 20px; } .sponsorsLogoModal li img { height: 35px; } /*WHITELIST DOMAIN*/ .whitelistDomainList { padding:0 1.875rem; margin-top:.875rem } .iconButtonStyle { text-transform:capitalize; min-width:40px } .iconButtonStyle .material-icons { padding:6px; background:#0cf; border-radius:50%; font-size:19px; height:30px; width:30px; line-height:19px; color:#fff; margin-right:5px } .whitelistDomainList .hint { font-size:12px } .whitelistDomainList .nowrap { white-space:nowrap } .whitelistDomainList .w-100 { width:100% } /*REMINDERS*/ .createReminders, .reminderListShow { background:#f8f8f8; padding:1rem 2rem; border-radius:4px } .reminderListShow p { opacity:0.7 } .reminderActions { width:100%; background:rgba(0,0,0,.04); display:flex; align-items:center; justify-content:space-between; padding:0 1rem } /*EMAIL EDITOR*/ .emailTemplateWrapper { position:relative } .emailTemplateWrapper.editerViewFull { position:fixed; left:0; top:0; z-index:77; width:100%; height:100vh } .emailTemplatePreview { position:relative; max-height:600px; overflow:auto } .editerViewFull .emailTemplatePreview { max-height:100% } .emailTemplateActions .btn.md-button.md-raised { background:#000 } .emailTemplatePreview .uploadedImage { width:100%; border:none; padding:0; margin:0 } .emailTemplatePreview .uploadedImage img { max-width:100%; max-height:inherit; border:none; padding:0 } .emailTemplatePreview table td { position:relative } .emailInnerActions { position:absolute; top:-1.2rem; left:28px; display:none; flex-direction:row } .emailInnerActions md-icon { background:#ffffff; font-size:18px; box-shadow:0 1px 5px #cecece; border-radius:2px; cursor:pointer; position:relative; margin:0 2px; width:28px; height:28px; text-align:center; margin-bottom:0 !important } .emailInnerActions md-icon .material-icons { line-height:1.2em; color:#000 } .drag-row:hover .emailInnerActions { display:flex; animation:slide-in 0.1s ease-in } .emailInnerActions.buttonWrapper { width:80px; right:0; left:inherit } .pointerNull { pointer-events:none } .editableView .drag-row { border-radius:2px; border:2px dashed transparent; animation:slide-in 0.3s ease-in } .editableView .drag-row:hover { border:2px dashed #81ffc9 } .styleSettings { position:absolute; right:1rem; top:0; display:flex; flex-direction:column } .styleSettings md-icon { line-height: 0;} .styleSettings md-icon .material-icons { line-height: 24px;} .styleSettings button { background-color:#fff } .guideLine { z-index:999999 } .editableView .handle { position:absolute; left:-40px; top:1rem; padding:0.25rem 0; cursor:grab; background:url(/Images/AMaterial/drag.svg); background-repeat:no-repeat; background-size:auto; background-position:center; background-color:#fff } .editableView .handle img { visibility:hidden } .timezoneInTime { position:absolute; left:78px; top:8px } .statsCard { width:100%; padding:1rem; border:1px solid #bdbdbd; border-radius:8px; transition:all 0.2s } .statsCard .StatusIcon { width:58px; height:58px } .statsCard .totalStats div:first-child { color:rgba(0,0,0,.6) } .statsCard .totalStats div:last-child { color:rgba(0,0,0,1); font-size:1.8rem; font-weight:bold } .statsCard[href] { display:inline-block } .statsCard[href]:hover { box-shadow:0 4px 4px rgba(0, 0, 0, .10) } .statsCard .multiStats div:first-child { font-size:14px; color:rgba(0,0,0,.6); white-space:nowrap } .statsCard .multiStats div:last-child { color:rgba(0,0,0,1); font-size:1.2rem; font-weight:bold } .statsCard .multiStats div:last-child span, .statsCard .totalStats div:last-child span { color:rgba(0,0,0,0.6); font-size:0.875rem } .statsCard .row, .rowSet .row { width:100% !important; margin:0!important } .statsCard .multiStats { padding:0 6px } .statsCard .multiStats .material-icons { font-size:18px; line-height:1.2 } .orderTable table tr td .statusChip { background: #737373; border-radius: 15px; color: #fff; font-size: 12px; padding: 2px 8px; vertical-align: inherit } .orderTable table tr td .statusChip.Scheduled { background: #ff0089 } .printBadges .row{margin-left:0 !important;margin-right:0 !important;} .printBadges h2.accountTitle{font-size:20px;} .printBadges md-input-container{width:100%;} .printBadges table th{white-space:nowrap;} .printBadges table th:first-child{max-width:60px;} .printBadges table td{vertical-align:middle !important;} .printBadges table td input{text-align:center;border:1px solid #ccc;min-width:60px;max-width:200px;width:auto;} .printBadges table td:first-child input{width:60px;} .printBadges table button{margin:0 auto !important;display:block;} .printBadges .excel-icon{width:30px !important;display:inline-block;position: relative;top: 10px;margin: 0 5px;} #viewGeneralAdmissionsDialaog md-input-container {width:100%;} #viewGeneralAdmissionsDialaog md-dialog {width:96%;max-width:800px;} #viewGeneralAdmissionsDialaog md-checkbox{margin:0;} #viewGeneralAdmissionsDialaog .orderTable{max-height:330px;} #viewGeneralAdmissionsDialaog td{vertical-align:middle;} .ticket-types-dropdown ._md-container{display:none !important;} .accountSubmit-outline{background:#fff;color:rgb(0,204,255);border:1px solid currentColor;} .accountSubmit-outline:hover{color:#fff;background-color:rgb(0,204,255);border:1px solid currentColor;} #massResendConfirmationEmailsView md-input-container{width:100%;} #massResendConfirmationEmailsView md-checkbox{margin:0;} #massResendConfirmationEmailsView table td{vertical-align:middle;} #massResendConfirmationEmailsView table .btn{border:0;color:rgb(0,204,255);background:transparent;} #massResendConfirmationEmailsView table .btn span{transform:rotate(315deg);font-size:18px} .mymeetings .th-actions { width: 120px; } .mymeetings-dialog { width: 100%; max-width: 800px; max-height: 94% } .mymeetings-dialog.mymeetings-dialog-profile { max-width: 1260px; } .mymeetings-dialog h2 { font-weight: 500; } .mymeetings-dialog .w-100 { width: 100%; } .mymeetings-dialog md-select ._md-container { display: none; } .mymeetings-dialog.venue-details p { font-size: 14px; } .mymeetings-notification { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.3); width: 100vw; height: 100vh; z-index: 99; opacity: 0; visibility: hidden; display: flex; justify-content: center; align-items: center; } .mymeetings-notification.visible { opacity: 1; visibility: visible; } .my-meetings-card { background-color: #f5f5f5; max-width: 450px; width: 90%; padding: 30px 15px; box-shadow: 0 0 20px 10px rgba(0,0,0,0.15); z-index: 9999; border-radius: 4px; } .my-meetings-card h2 { font-size: 20px; margin: 0; margin-bottom: 16px; font-weight: normal; } .my-meetings-card p { font-size: 14px; color: #66737B; margin-bottom: 40px; margin-top: 0; word-wrap: break-word; } .my-meetings-card button { font-size: 14px; } .mymeetings .date-picker-row { min-height: auto !important; } .mymeetings .row { margin-left: -10px !important; margin-right: -10px !important; } .mymeetings .row.selected-attendees { margin-left: 0 !important; margin-right: 0 !important } .mymeetings .hint { color: #808080; font-size: 12px; line-height: 14px; margin-top: 0; } .mymeetings .color-primary { color: #00CAFD !important; } .custom-stats-filters { padding: 30px 10px 10px 10px; background-color: #fafafa; border-radius: 5px; } .custom-stats-filters .row { margin: 0 !important; } .mymeetings-mymeeting { padding: 20px; background-color: #f5f5f5; box-shadow: 0 0 0px 1px rgba(0,0,0,0.1); border-radius: 5px; } .mymeetings-mymeeting .actions { position: absolute; right: 1rem; top: -1rem } .mymeetings-mymeeting .time { font-size: 14px; color: #66737B; margin-bottom: 8px; font-weight: 600 } .mymeetings-mymeeting .title { margin-top: 0; margin-bottom: 0; } .mymeetings-mymeeting .location { font-size: 16px; color: #66737B; margin-bottom: 20px; display: block; word-wrap: break-word; align-items: center; } .mymeetings-mymeeting .location span.material-icons { font-size: 16px !important; } .mymeetings-mymeeting p { color: #66737B; } .mymeetings-mymeeting a { color: #66737B; } .mymeetings-mymeeting ul { padding-left: 15px; } .mymeetings-mymeeting li { color: #66737B; margin-bottom: 15px; } .mymeetings-mymeeting .actions { white-space: nowrap } .mymeetings-mymeeting .actions .md-button.md-icon-button { padding: 0; width: 30px; height: 30px; } .mymeetings-mymeeting .actions .material-icons { font-size: 20px; color: #66737b } .mymeetings-graph { padding: 20px; background-color: #f5f5f5; box-shadow: 0 0 0px 1px rgba(0,0,0,0.1); border-radius: 5px; } .mymeetings-meeting-time { text-align: center; color: #66737B; font-size: 14px; font-weight: 600; position: relative; } .mymeetings-meeting-time span { background-color: #fff; padding: 5px; position: relative; z-index: 9 } .mymeetings-meeting-time::after { content: ''; width: 100%; height: 1px; background-color: #f1f1f1; position: absolute; top: 50%; left: 0; } .mymeetings-label { color: rgba(0, 0, 0, 0.46); font-size: 16px; font-weight: 500; display: inline-block; } .mymeetings-select-attendees { position: relative; } .mymeetings-select-attendees .selected-attendees .attendee { display: flex; align-items: flex-start; position: relative; padding: 20px; border-radius: 5px; box-shadow: 0 0 0px 2px rgba(0,0,0,0.1); height: 100%; background: #fff; } .mymeetings-select-attendees .selected-attendees .attendee.add-attendee { align-items: center; justify-content: center; min-height: 150px; font-size: 16px; text-transform: uppercase; font-weight: 700; color: #ccc; text-align: center; cursor: pointer } .mymeetings-select-attendees .selected-attendees .attendee.add-attendee .material-icons { font-size: 34px; margin-bottom: 10px; } .mymeetings-select-attendees .selected-attendees .attendee .icon { flex: 0 0 50px; width: 50px; height: 50px; border-radius: 50%; margin-right: 10px; overflow: hidden; display: flex; justify-content: center; align-items: center; background: #00b3ff; color: #fff; font-size: 20px; font-weight: 600; } .mymeetings-select-attendees .selected-attendees .attendee .icon img { width: 100%; height: 100%; object-fit: cover; } .mymeetings-select-attendees .selected-attendees .attendee .name { color: #000; font-size: 20px; font-weight: 800; margin-bottom: 10px; display: block; } .mymeetings-select-attendees .selected-attendees .attendee .action { padding: 5px 0; background-color: transparent; border: 0; position: absolute; top: 4px; right: 10px; } .mymeetings-select-attendees .selected-attendees .attendee p { font-size: 14px; margin: 0; margin-bottom: 8px; color: #66737B; } .ellipsismeeting { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mymeetings-select-attendees .selected-attendees .attendee p .material-icons { font-size: 18px; color: #66737B } .mymeetings-select-attendees .attendee-placehoder { background: rgba(0,0,0,0.05); color: #66737B; padding: 5px 10px; font-size: 14px; cursor: pointer; } .mymeetings-select-attendees .selected-attendees .attendee button .material-icons { font-size: 20px; color: #66737B } .mymeetings-select-attendees .selected-attendees .attendee .content { width: calc(100% - 50px); } .mymeetings .accountSearch { position: relative; top: auto; left: auto; right: auto; max-width: 250px; } .mymeetings-search-attendee .search-list { width: 100%; max-height: 54vh; overflow: auto; } .mymeetings-search-attendee { position: relative; } .mymeetings td span.material-icons { font-size: 20px; } md-tooltip ._md-content { height: auto; } .ticCardHistory { width:100%; display:inline-block; margin-bottom:30px; padding:20px; background-color:#fff; border-radius:5px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);} .ticCardHistory table { width:100%; display:inline-block; overflow-x:auto; font-size:14px;} .ticCardHistory table thead { width:100%; text-align:left;} .ticCardHistory table thead th, .ticHistoryTitle { text-transform:uppercase; font-weight:normal; color:#446; border-bottom:1px solid #eee; font-size:14px; padding-bottom:10px; padding-right:10px;} .ticCardHistory table tbody td { font-weight:bold; padding-top:10px; padding-right:10px;} .ticCardHistory table tbody td:first-child { font-weight:bold;} .ticCardHistory .hisLog { font-size:17px; position:relative; padding:20px 0 0 35px;} .ticCardHistory .hisLog:before { content:""; width:3px; height:calc(100% - 30px); display:inline-block; background:#c8c8c8; position:absolute; top:44px; left:8px;} .ticCardHistory .hisLog:after { content:""; width:8px; height:8px; display:inline-block; background:#fff; position:absolute; top:20px; left:0; border:5px solid #ff008a; border-radius:50%;} .ticCardHistory .hisLog:last-child:before { display:none;} .ticCardHistory .hisLog .dat { font-size:14px; color:#888;} .ticCardHistory .hisLog strong { color:#00b3ff; font-weight:normal;} @keyframes slide-in { from { transform: translate(0, -10px); opacity: 0; } } .eventListPage .createEventBtn { position:absolute; top:0; right:0 } .eventListPage .accountSearch { top:60px; z-index:1 } .questionListModalScroll { height: 450px; overflow-y: scroll; margin-bottom:10px;} .questionListModal { border-top: 1px solid #f5f5f5; padding-top: 10px; } .quickAddBoxWrapper { position:relative; display:none } .quickAddBoxWrapper md-icon { background:#fff; border-radius:12px } .quickAddBoxWrapper md-icon .material-icons { line-height:24px; vertical-align:baseline } .quickAddBox { display:inline-block; border-radius:4px; box-shadow:0 0 14px rgba(0,0,0,0.4); position:absolute; padding:0 8px; display:flex; justify-content:space-around; background:#fff } .quickAddBox md-input-container { margin:8px 0 } .selectAttendeeCheckbox { line-height:1;} .mt-auto { top: 50px; right: 16px;} .ateendeeSearch{ right:16px;} .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;} .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 } .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 } .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%; width:auto;} .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 } ._md .customDropdownSession ._md-text { font-size: 13px !important; } ._md .customDropdownSession{ margin-top: 10px !important; } .selectQuestionPopover { margin:6px 0 } .selectQuestionPopover select { border:0; width:290px; } .attendeesTable .fieldsTitle { font-weight:500 } .btnOder { padding-left: 15px; padding-right: 15px; background: rgb(0,204,255); color: #fff; margin-bottom: 40px; } .recipientsIcon { color: #67ccfe; cursor: pointer; position: absolute; right: 3px; top: 5px; } .addMoreIcon { margin: 0px 0 30px; color: #8e989e; cursor: pointer; } .addMoreIcon .material-icons { color: #67ccfe; } .eventMakerTempletes .templeteBoxStyle { padding:0; box-shadow:0 0 5px rgba(0,0,0, .2); border:1px solid transparent; transition:all .3s;} .eventMakerTempletes .templeteBoxStyle .templateTitle { padding:1rem; margin:0; transition:all .3s;} .eventMakerTempletes .templeteBoxStyle:hover .templateTitle { color:rgb(0, 204, 255);} .eventMakerTempletes .templeteBoxStyle:hover { border-color:rgb(0, 204, 255);} .eventMakerCheckPages { display:inline-block; width:100%;} .eventMakerCheckPages .blueCheckbox, .eventMakerCheckPages .addNewPage { line-height:30px; width:100%; padding:3px 10px; border:1px solid rgba(0,0,0, .1);} .eventMakerCheckPages .blueCheckbox.md-checked { border-color:rgb(0, 204, 255); background:#f5f5f5;} .eventMakerCheckPages md-checkbox ._md-container { top:18px; left:8px;} .eventMakerCheckPages .addNewPage { cursor:pointer;} .eventMakerCheckPages .addNewPage .icon { display:inline-block; float:left; margin-right:10px; margin-top:2px;} .modalAddPage { max-width:400px; width:320px;} .websiteUrlBox.urlBox { margin:0;} .websiteUrlBox .urlLabel { width:110px;} .websiteUrlBox .URLDiv { width:calc(100% - 110px);} .eventMakerCheckPages { display:inline-block; width:100%;} .eventMakerCheckPages .blueCheckbox, .eventMakerCheckPages .addNewPage { line-height:30px; width:100%; padding:3px 10px; border:1px solid rgba(0,0,0, .1);} .eventMakerCheckPages .blueCheckbox.md-checked { border-color:rgb(0, 204, 255); background:#f5f5f5;} .eventMakerCheckPages md-checkbox ._md-container { top:18px; left:8px;} .eventMakerCheckPages .addNewPage { cursor:pointer;} .eventMakerCheckPages .addNewPage .icon { display:inline-block; float:left; margin-right:10px; margin-top:2px;} .modalAddPage { max-width:400px; width:320px;} .toolbarLight { background:transparent !important } .toolbarLight h2, .toolbarLight .md-icon-button md-icon { color:#000 !important } .assingIconTop { float: right; margin-top: 12px; } .gridRighrt { display: inline-block; } .assignViewGrid { float: left; } .RoomsNameList { width: 100%; } .myDocumentsTableA { position: relative; } .positionR { position: relative; } .docAction { position: absolute; left: 15px; top: 15px; z-index: 1; } .docAction a { color: rgb(100,100,100); padding: 2px; line-height: 32px; cursor: pointer; } .docAction a:hover { color: rgb(0,204,255); } .tableDocImg { position: absolute; width: 40px; top: 5px; } .sizeKb { margin-left: 50px; } .sizeKb span { margin-left: 10px; color: #999; } .gridRow { margin: 20px -10px !important; } .gridRighrt { display: flex; align-items: center; justify-content: end; } .assignViewGrid { display: flex; align-items: center; } .assignViewGrid h3 { font-size: 14px; color: #646262; font-weight: 300; margin-right: 10px; } .assingIconTop a { color: rgb(100,100,100); padding: 10px; line-height: 32px; cursor: pointer; } .assingIconTop a:hover { color: rgb(0,204,255); } .viewListBtn a { color: rgb(100,100,100); } .viewListBtn a:hover { color: rgb(0,204,255); } .RoomsNameList { list-style: none; max-height: 250px; overflow-y: auto; } .md-dialog-content2 { padding: 0 24px; } .CusomPd { padding: 16px 0; margin: 10px 0; } .RoomsNameList li { background: #f4f4f4; margin-bottom: 5px; padding: 10px; } .modalHeading { font-size: 20px; } .modalHeading span { font-size: 14px; color: #666; } .viewListBtn a.active { color: rgb(0,204,255); } .addAsingBtn { background: #e3e3e3; } .approveColor { color: #00ccff; } .eventlistTable h4 { font-size: 20px; } .eventlistTable h4 span { color: #00cfff; } .text-danger { color: red; } .text-warning { color: #FF9800; } .myDocumentsTableA { width: 200px; } .myDocumentsManageHistoryTable { width: 112px; position: relative; } .docTab { margin-bottom: 0 !important; } .orderTable table tr.active td, .eventlistTable table tr.active td { border-right: 1px solid #fff; background: #e6e6e6; text-shadow: none; font: 14px 'Roboto', Arial, Helvetica, sans-serif; } .eventlistTable .orderTable table tr td, .eventlistTable table tr td { vertical-align: middle; } .myDocumentsManageHistoryTable .orgAction { top: 8px; } .DocumentList { list-style: none; max-height: 360px; overflow-y: auto; } .btnReject { background: #d91414; color: #fff; } .btnReject:hover { background: #d91414 !important; color: #fff; opacity: 0.7; } .readonly-mode { background-color: #f2f2f2; color: #777777; } #autocompleteInput { color: black !important; } .custom-chip { display: inline-flex; align-items: center; background-color: #e0e0e0; padding: 4px 8px; margin: 4px; border-radius: 16px; font-size: 14px; } .custom-chip span { margin-right: 8px; } .custom-chip md-icon { cursor: pointer; } .custom-chip .material-icons { vertical-align: middle !important; line-height: 1em !important; } .selected { background-color: #e0e0e0; padding: 10px; } .p10 { padding: 10px; } .leadgenBox { background: #FF8E17; border-radius: 5.18235px; padding: 20px; margin-bottom: 20px; } .leadgenBox p { font-weight: 500; font-size: 18px; line-height: 21px; color: #FFFFFF; padding: 0; margin: 0; } .leadgenBox h2 { font-weight: 600; font-size: 40px; color: #fff; margin: 0; padding-top: 5px; } .leadgenBox span { font-size: 19px; } .btnWarm { background: #FFC42C; box-shadow: 0px 2px 6px rgba(5, 16, 55, 0.1); border-radius: 6px; color: #fff; padding: 12px 25px; display: inline-block; width: 100px; text-align: center; } .btnCold { background: #0393EF; box-shadow: 0px 2px 6px rgba(5, 16, 55, 0.1); border-radius: 6px; color: #fff; padding: 12px 25px; display: inline-block; width: 100px; text-align: center; } .btnHot { background: #FF8E17; box-shadow: 0px 2px 6px rgba(5, 16, 55, 0.1); border-radius: 6px; color: #fff; padding: 12px 25px; display: inline-block; width: 100px; text-align: center; } .leadgenBoxTable table tr td { vertical-align: middle; } .leadgenBoxControl { background: #FFFFFF; box-shadow: 0px 0px 0px 0.841748px #CDD1DC; border-radius: 5.05049px; width: 100%; border: 0; padding: 12px; margin-top: 16px; } .addNewQuestion { font-style: normal; font-weight: 600; font-size: 12.7704px; line-height: 22px; color: #26D78D; margin-top: 15px; display: block; } .leadgenBoxTable table thead th { padding: 20px; } .questionMappingBox { background:#f5f5f5; min-height:310px; padding:15px 30px; margin-top:15px; border-radius:2px;} .questionMappingBox md-radio-group md-radio-button, .questionMappingBox md-checkbox { padding:15px 0; border-bottom:1px solid #e0e0e0; margin-bottom:0;} .questionMappingBox md-radio-group md-radio-button:last-child, .questionMappingBox md-checkbox:last-child { border-bottom:none;} .questionMappingBox md-radio-button ._md-container, .questionMappingBox md-checkbox ._md-container { top:30px;} .questionMappingBox md-radio-button ._md-label { width:90%;} .questionMappingBox md-radio-button ._md-label span { width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:inline-block;} .selectQuestionPopover { margin: 6px 0 } .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;} .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 } .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 } .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%; width:auto;} .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 } .lightTitle { color:#8a8a8a; font-weight:600; margin-top:0; margin-bottom:0 } .matchmaking .addImage span { padding-left:1rem } .dndPlaceholder { list-style:none; padding:0.5rem } ._md .customDropdownSession ._md-text { font-size:13px !important; } ._md .customDropdownSession{ margin-top:10px !important; } .selectQuestionPopover { margin:6px 0 } .selectQuestionPopover select { border:0; width:290px;} .cardBox { width:100%; display:inline-block; margin-bottom:30px; background-color:#fff; border-radius:5px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);} .cardBoxTitle { width:100%; display:inline-block; background-color:#eee; padding:8px 15px; text-transform:uppercase; line-height:26px;} .cardBoxTitle span { float:left; margin-right:5px;} .cardBoxContent { width:100%; display:inline-block; padding:15px;} .itemBox { display:inline-block; padding:15px 0;} .itemIcon { display:inline-block; margin-right:15px;} .itemIcon span { font-size:48px;} .itemData { display:inline-block; text-align:center;} .projectInfo { width:100%; padding:20px 15px; margin-top:20px; display:inline-block; background:#f4f4f4; border-radius:4px;} .projectCount { font-size:36px; font-weight:bold; margin-bottom:5px;} .projectTitle { font-size:16px; font-weight:bold; color:#888;} .projectIcon { width:60px; height:60px; display:inline-block; background:#fff; border-radius:50%; padding:10px; color:#00ccff; float:right; text-align:center;} .projectIcon span { font-size:32px; line-height:40px;} .task-view-container { display:flex; flex-direction:column; max-width:1000px; margin:0 auto; padding:20px; font-family:Arial, sans-serif;} .task-header { display:flex; justify-content:space-between; align-items:center; padding-bottom:20px; border-bottom:2px solid #f0f0f0;} .task-content { display:flex; margin-top:20px;} .task-details { flex:2;} .task-details ul { padding-left:20px;} .task-sidebar { flex:1; background-color:#f9f9f9; padding:20px; margin-left:20px; border-radius:8px; box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);} .task-status h4 { margin-bottom:10px; font-weight:bold;} .task-status p { margin-bottom:10px;} .task-status label { display:inline-flex; margin-top:10px; font-weight:bold;} .task-status select { width:100%; padding:8px; margin-top:5px; border:1px solid #ccc; border-radius:5px; background-color:#fff;} .task-comments { margin-top:40px;} .comment-box { display:flex; margin-bottom:20px;} .comment-box input { flex:1; padding:10px; border:1px solid #ccc; border-radius:5px;} .btn-comment { background-color:#007bff; color:white; padding:10px 20px; margin-left:10px; border-radius:5px; border:none; cursor:pointer;} .comments-list { margin-top:20px;} .comment-item { background-color:#f4f5f7; padding:10px; margin-bottom:10px; border-radius:5px;} .comment-time { display:block; color:#777; font-size:12px; margin-top:5px;} .attachments { margin-top:10px;} .attachment-item { display:flex; align-items:center; justify-content:space-between; padding:8px; color:#007bff; text-decoration:none; border:1px solid #007bff; border-radius:5px; margin-bottom:5px; transition:background-color 0.3s;} .attachment-item:hover { background-color:#e9f5ff;} .attachment-item img {height:30px; width:auto; margin-right:10px;} .attachment-item .indiv {display:inline-flex; align-items:center} .milestone-deadline { color:#888; font-style:italic; margin-left:10px;} .tableCheckbox { top:5px;} .dashEventName { font-size:48px; color:#0393ef; margin-top:0; margin-bottom:15px;} .dashEventName .eventStatusChip { font-size:14px; background-color:#eee; color:#000; font-weight:normal; line-height:24px; border-radius:25px; padding:3px 15px;} .dashEventName .eventStatusChip.green { background-color:#1adf1a; color:#fff;} .dashEventInfo { font-size:20px; margin-bottom:15px;} .DashChartFilter { border-color:#aaa; border-radius:3px; color:#888; font-size:13px; padding:3px; width:120px; margin-left:15px;} .dashMore { color:#ff008a; text-decoration:underline; float:right; margin:18px 0; font-size:14px; line-height:22px; font-weight:bold;} .dashTable { width:100%; display:inline-block; overflow-x:auto; font-size:14px; background:url(/Images/AMaterial/background-spinner.gif) no-repeat center center; height:225px;} .dashTable table { width:max-content; min-width:100%;} .dashTable table thead { text-align:left;} .dashTable table thead th { background:#f7f7f7;} .dashTable table tbody td { border-bottom:1px solid #f2f2f2;} .dashTable table tbody td:first-child { font-weight:bold;} .dashRegistrations { height:225px; background:url(/Images/AMaterial/background-spinner.gif) no-repeat center center;} .dashRegistrations ul li { list-style:none; padding:12px 15px; padding-left:60px; line-height:32px; font-weight:bold; position:relative; padding-right:200px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .dashRegistrations ul li:nth-child(odd) { background-color:#f7f7f7;} .dashRegistrations ul li:first-child { border-top:none;} .dashRegistrations ul li:after { content:attr(time); color:#66737b; font-size:14px; font-weight:normal; position:absolute; right:15px; bottom:15px;} .dashRegistrations ul li img { width:32px; height:32px; border-radius:50%; position:absolute; left:15px;} .whiteOverlay { min-height:100%; background:#fff;} .dashCard { padding:10px 30px; height:-webkit-fill-available;} .dashCard .dashCardIcon span.material-icons, .dashCard .dashCardIcon span.material-symbols-outlined { margin-top:10px; font-size:36px; line-height:36px;} .dashCard .md-fab:hover { color:#ff008a !important;} .dashCard h3 { color:#001623; font-size:20px; margin-bottom:0;} .dashCard p { color:#747474; margin-top:7px; margin-bottom:20px;} .dashCard ul li { position:relative; list-style:none; margin-bottom:15px; padding-left:15px;} .dashCard ul li a { color:#0393ef;} .dashCard ul li:before { content:""; width:3px; height:100%; display:inline-block; position:absolute; left:0; background:linear-gradient(180deg, #FF008A 0%, #0393EF 51.87%, #00CAFD 75.7%, #001623 100%);} .dashCounts { padding:10px 5%;} .dashCounts .Title { font-size:16px; line-height:24px; font-weight:bold;} .dashCounts .Title span.material-icons { font-size:30px;} .dashCounts .Count { font-size:48px; font-weight:bolder;} .copyCard { display:inline-block; padding:20px; margin-bottom:15px; margin-right:15px; height:-webkit-fill-available; background-color:#f7f7f7; border-radius:3px; line-height:24px;} .copyCard a { color:#0393ef;} .copyCard a:first-child { margin-right:20px;} .copyCard span.material-icons { line-height:24px;} .attendeesTable .fieldsTitle { font-weight:500;} .eventOrdersTable .Question md-select { width: 400px; } .eventOrdersTable .Question .c4 { width: 100%;} .AddInvitationListPopup { width:600px; max-width:100%; } .AddInvitationListPopup .closeButton { min-width:36px; position:absolute; right:1rem; top:1rem; } @media (max-width: 768px) { .eventOrdersTable .Question md-select { width: 240px; } } .userHolder { width:400px; height:400px; background-repeat:no-repeat; background-size:100%; border-radius:9999px; overflow:hidden; position:relative } .textDiv { pointer-events:none; transform:rotate(-92deg); height:400px; width:400px; z-index:30; position:absolute; } .gredientDiv { opacity:0.87; transform:rotate(120deg); border-radius:9999px; width:100%; height:100%; z-index:10; position:absolute } .setImage { transform:rotate(0deg); background-size:100%; background-position:0% 0%; width:100%; height:100%; border-radius:9999px; background-repeat:no-repeat; position:relative } /***************************************************************************************************/ @media screen and (min-width:768px) and (max-width:960px) { .sendEmail .labl { width:100%;} .nameBadges .badgeLine { display:inline-block;} .badgeLineTitle, .pageAlign { max-width:100%;} .searchProCode { right:60px !important; width:38%;} .proCodeTitle { font-size:16px;} .specialCodeQ .specialCodeIframe iframe { width:100%; height:350px;} .specialIframe { width:100%; height:320px;} .memberFilterOption { padding-right:0;} .memberFilterOption > .md-button, .filterSearchIcon { position:relative; right:auto; top:auto;left: calc(100% - 110px);} .membershipPlans md-radio-button { width:calc(33.33% - 30px) } .eventListPage .accountSearch { top:6px; right:156px } } @media screen and (min-width:0) and (max-width:768px) { .closeBtn { top: -10px; } .sponsorsLogoModal li img { padding: 8px; } .virtualRoomLink a { font-size: 14px; } .myagendaModal h2 { font-size: 16px; } .myAgendaTab ul li a { padding: 10px 15px; } .myagendaModal h3 { font-size: 14px; } .myAgendaDateSec { height: auto; } .myAgendaEst { display: inline-block; width: 100%;} .myAgendaEstTime { float: left; margin-top: 5px;} .myAgendaBtnRight { text-align: left;} .myAgendaEst h3 { width: auto;} .accountSearch { width:100%; position:relative; top:auto; right:auto;} .memberSearch { right:auto; margin-top:18px; margin-bottom:18px;} .dateFilter { width:100%;} .cstDate { width:50%; margin-left:0;} .dateForm { width:100%;} .dateForm .cstDate { width:100%;} .dateForm .cstDate .md-datepicker-triangle-button { transform:translateY(-25%) translateX(25%);} .accountTitle { margin-top:15px;} .accountTitleBox .search { width:100%; position:relative; top:auto; right:auto;} .ticketSold, .totalTickets { float:none;} .exportTo { position:relative; bottom:auto; right:auto;} .personalInfoForm, .addOrganizerForm, .editOrganizerForm, .scheduleEmailForm, .editSpeakerForm { padding:0;} .orgBox { padding-right:10px;} .orgAction { position:relative; right:auto; top:auto;} .orgAction a { padding:5px;} .block45, .block30, .block200 { width:100%; margin-left:0; margin-right:0;} .mailchimpTitle { font-size:24px;} .HubSpotBox .mailchimpTitle { margin-top:0;} .HubSpotBox .disconnectHubSpot { float:none; margin:10px 0;} .eventBox { padding-bottom:50px;} .eventTitle { font-size:24px;} .eventStatus { padding:100px 0 15px 0; text-align:center;} .eventStatus .statusTitle { margin-bottom:5px;} .eventStatus .statusIcon { width:100%; height:80px;} .eventActions { text-align:center; margin-top:10px;} .urlLabel, .eventURL, .eventURL textarea, .URLDiv { width:100%; line-height:initial;} .URLDiv { margin-top:15px;} .urlBtns { float:none;} .urlBtn:not(:first-child) { margin-left:0; margin-bottom:15px;} .urlBtn:not(:last-child) { margin-right:15px; margin-bottom:15px;} .URLDiv .URLinputContainer { max-width:50%; margin-bottom:15px;} .multiDateVenue.checkInPadding { padding-top:15px; padding-left:0; padding-right:0;} .multiDateVenue md-input-container { width:100%; margin-right:0;} .linkBox.flexBox { display:inline-block;} .bgMobile { background:#eee;} .marInMob { margin-bottom:15px;} .orderReport { padding-right:0; position:relative; top:initial; right:initial;} .orderReport .exportTo { padding-left:0;} .sendEmail .labl { width:100%;} .nameBadges .badgeLine { display:inline-block;} .badgeLineTitle, .customBadgeField, .pageAlign { width:calc(100% - 20px);} .badgeLineTitle, .pageAlign { max-width:100%;} .searchProCode { right:0 !important;} .proCodeTitle { font-size:18px; width:85%;} .addOrganizerProCode { right:0;} .promotionalCodeSocial { float:none; margin-top:10px;} .checkBoxMobile { position:absolute; right:-25px; top:0;} .fbInter { text-align:left;} .specialCodeQ .specialCodeIframe iframe { width:100%; height:163px;} .specialIframe { width:100%; height:136px;} .templeteBox { width:100%; margin-left:0; margin-right:0;} .selectColor { margin-left:0;} .colorBox { margin-right:15px;} .mobBlock { width:100%;} .mobBlock md-radio-button.no-margin { margin-right:0;} .mobBlock .customTextInput { width:85%;} .rewardPointsBox { width:100%; margin:0; margin-bottom:15px;} .paymentGateway { width:100%;} .chronicleHeader, .chronicleHeader .c4, .chronicleContact { text-align:center;} .cstSchedule { padding:5px 5px 5px 5px;} .cstSchedule.forMembership { padding-right:5px; padding-bottom:40px;} .cstSchedule.forMembership .cloneIcon { bottom:5px;} .salesforceSearch { width:100%; float:none;} .manualSeatingBox { min-width:100%;} .selectTime { margin-bottom:30px;} .selectTime md-radio-button { display:block;} .memberFilterOption { padding-right:0;} .memberFilterOption > .md-button, .filterSearchIcon { position:relative; right:auto; top:auto; left: calc(100% - 110px);} .moreOptions { display:block;} .moreOptions .flex { min-width:120px;} .threeButtonsInPopup .md-button { padding:0 5px; min-width:70px; min-height:32px; line-height:32px; font-size:12px;} .membershipPlans md-radio-button { width:100%; margin-right:0 } .massUpdateList { max-height:auto } .eventListPage .accountSearch { top:0 } } @keyframes spin {to { transform: rotate(360deg); }} .rotating { animation: spin 1s linear infinite; } .text-center { text-align: center; } .p-3 { padding: 1rem; } .auctionHeader { width:100%; height:72px; padding:.3rem 0; backdrop-filter:blur(12px); background-color:#fff; position:fixed; top:0; transition:all .3s; z-index:78; box-shadow:0 2px 4px rgba(0,0,0,0.14)} .auctionHeader .logo { display:inline-block;} .auctionHeader .logo img { display:block;} .auctionPageBanner { padding-top:70px; padding-bottom:70px; font-size:24px; font-weight:300; color:#fff; background-color:#096ac6; background-repeat:no-repeat; background-position:top center; background-size:cover; background-attachment:fixed; position:relative;} .auctionPageBanner.ProductPage { background-image:linear-gradient(110deg, #00a, #0ff);} .auctionPageBanner:after { content:""; background-color:rgba(0,0,0,.4); width:100%; height:100%; position:absolute; top:0; left:0; z-index:0;} .auctionPageBanner > div { position:relative; z-index:1;} .auctionPageTitle { margin-top:0; margin-bottom:15px; font-size:60px; line-height:normal; color:#fff; font-weight:bold;} .auctionPageIntro { text-align:justify;} .catTitle { margin-top:25px; font-size:36px; line-height:normal; color:#000;} .ceHeading { background:#edfbff;} .ceHeading h2 { color:rgb(255, 0, 138); font-weight:bold; font-size:24px; line-height:40px; margin:0;} .auctionSubmitBtn { display:inline-block; padding:15px 30px; background:linear-gradient(0deg, #0293ef, #01c9fd); color:#fff; font-size:16px; line-height:24px; text-transform:uppercase; border-radius:5px; border:none; box-shadow:none; outline:none;} .auctionSubmitBtn img { display:inline-block; margin-right:10px; float:left;} .auctionSubmitBtn:hover { background:linear-gradient(135deg, #0293ef, #01c9fd); color:#fff;} .auctionSubmitBtn.pink { background:linear-gradient(0deg, #fe288a, #da006b); padding:12px 20px;} .auctionSubmitBtn.pink:hover { background:linear-gradient(135deg, #fe288a, #da006b);} .catBox { width:100%; background:#f4f4f4; overflow-x:auto;} .catItem { display:inline-block; padding:30px; font-size:15px; font-weight:300; color:#333; text-transform:uppercase; text-align:center; line-height:normal; position:relative;} .catItem:before { content:""; width:1px; height:50%; display:inline-block; background:rgba(0,0,0,.1); position:absolute; right:0; top:25%;} .catItem:last-child:before { display:none;} .catItem:hover { color:#00cafd;} .catItem.active { color:#ff008a;} .catItem.active:after { content:""; width:100%; height:2px; display:inline-block; background:#ff008a; position:absolute; left:0; bottom:0;} .productCard { width:100%; display:inline-block; margin-bottom:30px; background:#fff; box-shadow:10px 10px 20px 0 rgba(0,0,0,.1); border-radius:10px; text-align:initial; position:relative;} .productImg { width:240px; height:100%; display:inline-block; overflow:hidden; border-radius:10px 0 0 10px; position:absolute; left:0; top:0;} .productImg img { max-width:initial; min-width:100%; height:100%; border-radius:1px;} .productDetails { padding:15px 20px 15px 260px;} .productTitle { display:block; font-weight:bold; font-size:20px; line-height:normal; margin-bottom:10px; color:#000;} .productTitle:hover { color:#00cafd;} .productFavourite { display:inline-block; width:40px; height:40px; line-height:41px; text-align:center; background:#9c9c9c; color:#fff; border-radius:50%; cursor:pointer; float:right; margin-top:15px;} .productFavourite.like { background:#ff008a;} .productWinning { font-size:16px; text-transform:uppercase; line-height:normal; font-weight:300; margin-top:15px; float:left;} .productCard .bidCount { float:right; margin-top:32px;} .productCard .winningPerson { width:100%; display:inline-block; font-weight:500; text-transform:initial; font-weight:500;} .btnBid { width:180px; padding:10px; display:inline-block; background:#ff008a; color:#fff; font-size:15px; font-family:'Roboto Condensed', sans-serif; text-transform:uppercase; text-align:center; line-height:normal; position:relative; cursor:pointer;} .btnBid .large { width:100%; display:block; font-weight:700; font-size:22px;} .btnBid .small { width:100%; display:block; font-size:14px;} .btnBid:hover { background:#ee007a; color:#fff;} .bidTimer { width:100%; height:5px; display:inline-block; background:rgba(255,255,255,.5); position:absolute; bottom:0; left:0;} .bidTimer span { background:#000; width:0; height:100%; display:inline-block; float:left;} .md-title { line-height:normal;} .prodStatus { color:#ff008a; font-size:20px; font-weight:bold;} .prdImage { width:500px;} .prdInfo { width:100%; padding-top:15px; padding-bottom:15px;} .prdInfo .row { margin-bottom:0;} .prdInfoLabel { color:#0393ef; font-size:24px; font-weight:300; padding-top:15px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #c8c8c8;} .prdInfoData { color:#000; font-size:28px; font-weight:700;} .prdName { color:#000; font-weight:300; font-size:42px; line-height:48px; margin:0;} .prdDescription { font-weight:300; font-size:16px; line-height:normal;} .bidSection { background:#f0f0f0; border-top:1px solid #ddd; position:fixed; left:0; bottom:0; z-index:11;} .bidAmount { width:100%; margin-top:20px; margin-bottom:0;} .minimumBid { color:#ff0078;} .prdInfo .btnBid { width:100%; margin-top:5px; padding:12px 0;border-radius:3px;font-size: 16px;} .prdInfo .c2 .btnBid { margin-top:20px;} .back2Auction { color:#ff0078; padding:15px 0; margin-top:4px; display:inline-block;} .back2Auction:hover { color:#ff0078;} .auctionCountdown { padding:15px; text-align:center; font-size:48px;} .auctionCountdown span { width:100px; display:inline-block; box-shadow:0 11px 20px rgba(5, 16, 55, 0.1); border-radius:12px; padding:15px; padding-top:40px; font-size:48px; line-height:60px; position:relative; text-align:center;} .auctionCountdown span:before { content:attr(label); color:#ff008a; font-size:16px; line-height:16px; position:absolute; top:15px; left:0; width:100%; text-align:center;} .bidCloses { text-align:center; font-size:18px;} .auctionCountBox { display:flex;} .auctionCounts { width:100%; display:inline-block; margin:15px 0; padding:15px 25px; background-color:#fcfcfc; border-radius:5px; text-align:center;} .auctionCounts .Title { font-size:18px; line-height:24px;} .auctionCounts .Count { font-size:36px; font-weight:bolder;} .auctionFooter { background:#f5f5f5; padding:50px 0;} .auctionFooter .logo { display:inline-block;} .auctionFooter .logo img { display:block; max-height:120px;} .auctionFooter .info { margin-top:0; font-size:20px;} .auctionFooter .Links { border-top:1px solid #d8d8d8; padding-top:30px; margin-top:20px;} .auctionFooter .Links ul li { display:inline-block;} .auctionFooter .Links ul li a { color:darkblue; padding:10px 25px; position:relative;} .auctionFooter .Links ul li a:hover { color:#ff008a;} .auctionFooter .Links ul li:not(:last-child) a:after { content:'|'; position:absolute; left:100%; color:#000 !important;} .auctionSocial a { padding:4px; display:inline-block; transition:all .3s;} .auctionSocial a:hover svg path { fill:#ff008a;} .ccInfoPopup { width:800px; max-width:90%;} .ccList md-radio-button { margin-bottom: 25px; } .ccList .cardTitle { font-size:18px; font-weight:500; display:block; margin-bottom:3px;} .ccList .cardNumber { color:#999; font-size:14px; display:block;} .cvv_info { display:inline-block; position:absolute; top:0; right:7px;} .cvv_info i { color:#999; font-size:16px; cursor:pointer;} .cv_card { width:270px; display:none; border:5px solid #999; border-radius:5px; position:absolute; bottom:100%; right:-7px;} .cv_card:before { position:absolute; top:100%; right:0; content:""; width:0; height:0; border:10px solid transparent; border-top-color:#999; z-index:5555;} .cvv_info:hover .cv_card { display:inline-block;} .cardType { position:absolute; top:0; right:7px;} .ccInfoPopup .block50 { width:45%; display:inline-block;} .ccPopupActions { padding:10px 20px; border-top:1px solid #f0f0f0 !important;} .paymentHeading { font-size:18px; font-weight:500;} .paymentInfoBox { background:#f5f5f5; padding:20px 5px; border-radius:3px;} .bidPageTitle { color:rgb(255, 0, 138); font-size:24px; font-weight:bold; margin:0;} .bidCard { width:100%; background:#f8f8f8; border-top:1px solid #eee; padding:15px; padding-left:130px; min-height:132px; position:relative;} .bidCard:last-child { border-bottom:1px solid #eee;} .bidImage { width:100px; height:100px; display:inline-block; position:absolute; top:15px; left:15px;} .bidImage img { width:100%; height:100%;} .bidTitle { display:block; font-weight:500; font-size:18px; line-height:normal; margin-bottom:10px; color:#000;} .bidTitle:hover { color:#00cafd;} .bidWinner { font-size:14px; text-transform:uppercase; margin-bottom:5px;} .bidInfo { width:100%; display:flex;} .bidInfoBox { width:100%;} .bidInfoLabel { color:#666; font-size:15px; font-weight:300; text-transform:uppercase;} .bidInfoData { color:#000; font-size:18px; font-weight:700;} .bidInfoData.Pink { color:#ff0078;} .bidInfoData.Blue { color:#69c6ff;} .auctionTitle { color:#000; font-weight:300; font-size:42px; line-height:48px; margin:0;padding-right: 30px !important;} .dsbTitle { color:#888; font-size:16px; text-transform:uppercase; font-family:'Roboto Condensed', sans-serif; margin-top:15px;} .dsbData { color:#000; font-size:24px; font-weight:700;} .dsbData.Pink { color:#ff0078;} .dsbData.Green { color:#05cc00;} .userChip { background:#d6e0ff; color:#5b58f9; font:500 18px/40px 'Roboto', Arial, Helvetica, sans-serif; display:inline-block; padding-left:55px; padding-right:15px; margin:5px; position:relative; border-radius:20px; max-width:100%;} .userChip img { background:#5b58f9; width:40px; height:40px; position:absolute; left:0; top:0; border-radius:50%;} .addProduct { background-color:#ff0078 !important; float:right; margin:0; margin-top:-6px;} .bidCard.Dashboard { padding-left:150px; min-height:152px;} .bidCard.Dashboard .bidImage { width:120px; height:120px;} .winnerInfo { width:100%; display:inline-block; background:#eee; padding:15px 20px; border-radius:3px;} .winnerRow { width:100%; display:inline-block; margin-bottom:5px;} .winnerLabel { display:inline-block; margin-right:30px;} .winnerLabel:last-child { margin-right:0;} .winnerTotal { float:right; line-height:24px; font-size:24px; font-weight:700; color:#ff0078;} .winnerPhone { float:right; color:#31afff;} .uploadInput-dragDrop { position:relative; border:2px dashed #c8cbce; padding:35px 15px; text-align:center;} .uploadInput-text { color:#000; font-weight:bold; font-size:18px; 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-weight:500; font-size:14px; 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-weight:500; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .removeBanner { float:right;} .uploadedImageRemove { position:absolute; top:0; right:0;} .uploadedImageRemove span.material-icons, .removeBanner span.material-icons { 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;} .uploadPic { display:inline-block; height:35px; margin:18px 0; font-size:14px; line-height:35px; text-transform:uppercase;} .picIcon { position:relative; margin-left:10px; float:right; color:rgba(0,0,0,.5); line-height:30px; transition:all 500ms ease; overflow:hidden;} .picIcon:hover { color:rgba(0,0,0,1)} .picIcon input { display:inline-block; width:100%; height:100%; margin:0; position:absolute; left:0; top:0; z-index:1; cursor:pointer; opacity:0;} .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 { width:100%; margin-left:0; padding-bottom:0;} .shape-bg { display:inline-block; width:100%; height:100%; position:absolute; top:0;} .shape-bg span { display:inline-block; width:120px; height:120px; background:rgba(255,255,255,.1); position:absolute; border-radius:50%; z-index:1;} .shape-bg .span-200 { width:200px; height:200px;} .shape-bg .span-150 { width:150px; height:150px;} .shape-bg .span-100 { width:100px; height:100px;} .shape-bg .span-75 { width:75px; height:75px;} .shape-bg .span-50 { width:50px; height:50px;} .shape-bg :nth-child(1) { bottom:auto; left:-4%; background:rgba(255,255,255,.1);} .shape-bg :nth-child(2) { top:10%; right:4%; background:rgba(255,255,255,.1)} .shape-bg :nth-child(3) { top:82px; right:26.66666%; background:rgba(255,255,255,.3);} .shape-bg :nth-child(4) { top:70px; right:10%; background:rgba(255,255,255,.15);} .shape-bg :nth-child(5) { top:38%; right:auto; left:1%; background:rgba(255,255,255,.05);} .shape-bg :nth-child(6) { top:44%; right:auto; left:10%; width:200px; height:200px; background:rgba(255,255,255,.15);} .shape-bg :nth-child(7) { right:36%; bottom:50%; background:rgba(255,255,255,.04);} .shape-bg :nth-child(8) { right:2%; bottom:70px; background:rgba(255,255,255,.2);} .shape-bg :nth-child(9) { right:45%; bottom:15%; background:rgba(255,255,255,.1);} .shape-bg :nth-child(10) { right:auto; bottom:1%; left:1%; background:rgba(255,255,255,.05);} .auctionInactiveView { width:100%; min-height:150px; margin:30px 0; padding:15px 30px 15px 155px; background:#f4f4f4; border-radius:5px; position:relative;} .auctionInactiveView img { width:120px; position:absolute; left:15px; top:15px;} .auctionInactiveView h2 { color:#444; font:500 30px 'Roboto', Arial, Helvetica, sans-serif; margin:20px 0 5px 0;} .auctionInactiveView p { color:#444; font:300 20px 'Roboto', Arial, Helvetica, sans-serif; margin:0 0 20px 0;} .auctionInactiveView .material-icons { color:#098; position:absolute; left:50px; font-size:58px; top:50px;} .samemberSearch { right:220px; min-width:200px;} .accountSearch.withoutExport { right:70px;} .saexportTo { right:63px !important;} .organizerOuter {background:#dce1e1;} .organiserBox { width:100%; min-height:100px; position:relative; padding:15px 15px 15px 100px;} .organiserBox > img { width:70px; height:70px; display:inline-block; position:absolute; left:15px; top:15px;} .organiserBox > div { width:100%; display:table; text-align:left; font:16px 'Roboto', Arial, Helvetica, sans-serif;} .organiserBox p { display:inline-block; margin-bottom:5px; font:500 16px 'Roboto', Arial, Helvetica, sans-serif;} .organiserBox span { display:inline-block; line-height:20px; margin-right:30px; float:left;} .organiserBox a { color:#00baff; cursor:pointer; text-decoration:none;} .organiserBox span a { text-transform:uppercase; font-size:14px;} .organiserBox a:hover { color:#000;} .organiserBox .social { line-height:20px; margin-right:5px;} .organiserBox .social a { display:inline-block;} .auctionDates { color:#ff0078; display:inline-block;} .targetBox div { display:inline-block; padding:10px 3px; font-size:22px;} .targetBox strong { font-size:42px;} .targetBox strong.colorPink { color:#ff008a;} .orVerticle { position:relative; height:108px;} .orVerticle:after {content:"";width:1px;height:100%;position:absolute;top:0;left:50%;background: linear-gradient(to top, rgb(240 240 240) 0, rgb(175 175 175) 20%,rgb(175 175 175) 80%,rgb(240 240 240) 100%);z-index:0;} .orVerticle span { background:#f0f0f0; color:#ee007a; font:italic 600 13px Arial, Helvetica, sans-serif; width:100%; padding:5px; z-index:1; position:relative; top:calc(50% - 14px); text-align:center;} .smText { font-size:13px; display:inline-block; color:#ee007a;} md-dialog p { text-align:initial;} .orgBox { padding-right:300px;} .noneClosedBidexportTo { display: inline-block;padding-left: 94px;position: absolute;top: 3px;left: 325px;} .multi-line-ellipsis {display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; /* Number of lines to show */overflow: hidden;text-overflow:ellipsis;line-height: 1.5; /* Adjust based on your text size */max-height: 3em; /* Adjust based on your text size and line-height */} /****************************************************************************************************/ @media screen and (min-width:768px) and (max-width:960px) { } @media (min-width:0) and (max-width:767px) { .auctionPageTitle { font-size:42px;} .productCard .productImg { width:100%; height:auto; position:relative; border-radius:10px 10px 0 0;} .productCard .productDetails { padding-left:20px;} .prdName, .auctionTitle { font-size:36px; line-height:initial;padding-right:30px !important;} .prdInfo .btnBid { padding:10px;} .back2Auction { padding-left:10px;} .mHalf { width:50%;} .bidCard, .bidCard.Dashboard { padding-left:15px;} .bidImage, .bidCard.Dashboard .bidImage { width:100%; height:auto; position:relative; top:auto; left:auto; margin-bottom:15px;} .bidImage img, .bidCard.Dashboard .bidImage img { width:100%; height:auto;} .ccInfoPopup .block50 { width:100%;} .winnerLabel { display:block; margin-right:0;} .winnerTotal { float:none; line-height:normal;} .winnerTotal:before { content:"Total: "; color:#000; font-weight:normal;} .organiserBox span a { font-size:14px;} .orVerticle { height: 50px;} .orVerticle:after { width:100%;height:1px;position:absolute;top:50%;left:0;background: linear-gradient(to left, rgb(240 240 240) 0, rgb(175 175 175) 20%,rgb(175 175 175) 80%,rgb(240 240 240) 100%);} .samemberSearch, .accountSearch.withoutExport { right:0;} .saexportTo {right: 0 !important;margin:5px 0} .auctionCountBox { display:block;} .auctionCountdown { font-size:36px;} .auctionCountdown span { width:60px; padding:0; padding-top:30px; font-size:36px; line-height:48px; box-shadow:none;} .orgBox { padding-right:10px;} .orgInfo > span { display:block;} }