@charset "UTF-8"; /* 1. Use a more-intuitive box-sizing model. */ *, *::before, *::after { box-sizing: border-box; } /* 2. Remove default margin */ * { margin: 0; } /* Typographic tweaks! 3. Add accessible line-height 4. Improve text rendering */ body { line-height: 1.5; -webkit-font-smoothing: antialiased; } /* 5. Improve media defaults */ img, picture, video, canvas, svg { display: block; max-width: 100%; } /* 6. Remove built-in form typography styles */ input, button, textarea, select { font: inherit; } /* 7. Avoid text overflows */ p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } /* 8. Create a root stacking context */ #root, #__next { isolation: isolate; } a:hover { text-decoration: none; } :root { --main-color: #06B2E4; --secondary-color: #5fc35b; --body-color: #8c8c8c; --heading-color: #000; --main-font: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif; } .intercom-lightweight-app { display: none !important; } body { font-family: var(--main-font) !important; background-color: #F5F5F5; } .container { max-width: 1730px; width: 100%; } h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: bold; } p { margin: 0px; margin-bottom: 10px; font-size: 16px; line-height: 26px; } #rapid-webinar-app { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; margin: 0px; } body { margin: 0; padding: 0; background-color: #F5F5F5; } .app-wrap { margin: 0 auto; padding: 30px; background: #F5F5F5; } @media only screen and (max-width: 1024px) { .app-wrap { padding: 20px; } } .fade-enter-active, .fade-leave-active { transition: opacity 0.2s; } .fade-enter-from, .fade-leave-to { opacity: 0; } @media only screen and (max-width: 767px) { .app-wrap { margin: 0 auto; padding: 10px; background: #F5F5F5; } } h1 { font-size: 32px; font-weight: bold; } @media only screen and (max-width: 767px) { h1 { font-size: 22px; text-align: center; } } h2 { font-size: 22px; font-weight: bold; } @media only screen and (max-width: 767px) { h2 { font-size: 18px; } } p { margin: 0px; margin-bottom: 10px; font-size: 16px; line-height: 26px; } .easepick-wrapper { z-index: 9999; } .easepick-wrapper .calendar { padding: 15px !important; } .easepick-wrapper .footer { padding: 20px !important; } .icon-upload { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 239 239' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;'%3E%3Cg transform='matrix(8.33333,0,0,8.33333,-8580.63,-3131.97)'%3E%3Cpath d='M1043.99,404.456C1036.08,404.456 1029.68,398.05 1029.68,390.147C1029.68,382.243 1036.08,375.837 1043.99,375.837C1051.89,375.837 1058.3,382.243 1058.3,390.147C1058.3,398.05 1051.89,404.456 1043.99,404.456Z' style='fill:rgb(6,178,228);fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(8.33333,0,0,-8.33333,-8580.63,8895.06)'%3E%3Cpath d='M1041.75,1055.78C1041.75,1055.78 1039.37,1056.11 1039.37,1054.5L1039.37,1049.04C1039.37,1049.04 1039.51,1047.71 1040.7,1047.71L1047.58,1047.71C1047.58,1047.71 1048.6,1047.81 1048.6,1049.25L1048.6,1054.66C1048.6,1054.66 1048.51,1055.78 1047.51,1055.78L1046.25,1055.78' style='fill:none;fill-rule:nonzero;stroke:white;stroke-width:1.25px;'/%3E%3C/g%3E%3Cg transform='matrix(0,-8.33333,8.33333,0,-8607.43,8790.57)'%3E%3Cpath d='M1040.63,1047.25L1047.44,1047.25' style='fill:none;fill-rule:nonzero;stroke:white;stroke-width:1.25px;'/%3E%3C/g%3E%3Cg transform='matrix(8.33333,0,0,-8.33333,-8580.63,8777.54)'%3E%3Cpath d='M1041.8,1043.85L1044.03,1045.87L1046.27,1043.85' style='fill:none;fill-rule:nonzero;stroke:white;stroke-width:1.25px;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-delete { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 138 159' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;'%3E%3Cg transform='matrix(8.33333,0,0,8.33333,-10923.5,-5227.61)'%3E%3Cpath d='M1317.84,628.551L1320.15,628.551C1321.25,628.551 1322.15,629.446 1322.15,630.551L1322.15,632.794C1322.15,633.899 1321.25,634.794 1320.15,634.794L1317.84,634.794C1316.74,634.794 1315.84,633.899 1315.84,632.794L1315.84,630.551C1315.84,629.446 1316.74,628.551 1317.84,628.551Z' style='fill:white;fill-opacity:0.1;fill-rule:nonzero;stroke:rgb(220,38,37);stroke-width:0.6px;'/%3E%3C/g%3E%3Cg transform='matrix(8.33333,0,0,8.33333,-10923.5,-5119.43)'%3E%3Cpath d='M1315.66,632.116C1314.37,632.116 1314.21,631.255 1314,630.455C1313.78,629.656 1313.38,623.047 1313.34,621.153C1313.29,619.258 1312.06,618.784 1312.06,618.784C1312.06,618.784 1312.61,618.614 1314.24,618.481C1315.85,618.382 1317.38,618.258 1318.98,618.275C1320.59,618.247 1322.27,618.399 1323.87,618.481C1325.5,618.614 1326.06,618.784 1326.06,618.784C1326.06,618.784 1324.82,619.258 1324.78,621.153C1324.73,623.047 1324.33,629.656 1324.11,630.455C1323.9,631.255 1323.75,632.116 1322.45,632.116L1315.66,632.116Z' style='fill:white;fill-rule:nonzero;stroke:rgb(220,38,37);stroke-width:0.6px;'/%3E%3C/g%3E%3Cg transform='matrix(-0.24952,-8.3296,8.3296,-0.24952,-3408.99,11174.9)'%3E%3Cpath d='M1312.9,454.91L1321.12,454.91' style='fill:none;fill-rule:nonzero;stroke:rgb(220,38,37);stroke-width:0.6px;stroke-linecap:round;'/%3E%3C/g%3E%3Cg transform='matrix(0.24952,-8.3296,8.3296,0.24952,-4033.19,10981.9)'%3E%3Cpath d='M1316.99,454.91L1325.21,454.91' style='fill:none;fill-rule:nonzero;stroke:rgb(220,38,37);stroke-width:0.6px;stroke-linecap:round;'/%3E%3C/g%3E%3C/svg%3E%0A"); cursor: pointer; } .icon-copy { filter: none !important; content: url("data:image/svg+xml,%0A%3Csvg width='20px' height='20px' viewBox='0 0 161 184' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;'%3E%3Cg transform='matrix(8.33333,0,0,8.33333,-10594.7,-5092.57)'%3E%3Cpath d='M1273.6,616.766L1283.7,616.766C1284.25,616.766 1284.7,617.214 1284.7,617.766L1284.7,630.882C1284.7,631.434 1284.25,631.882 1283.7,631.882L1273.6,631.882C1273.04,631.882 1272.6,631.434 1272.6,630.882L1272.6,617.766C1272.6,617.214 1273.04,616.766 1273.6,616.766Z' style='fill:white;fill-rule:nonzero;stroke:black;stroke-width:0.6px;'/%3E%3C/g%3E%3Cg transform='matrix(8.33333,0,0,8.33333,-10594.7,-5166.25)'%3E%3Cpath d='M1278.27,621.187L1279.98,621.187C1282.63,621.187 1285.21,621.869 1286.75,623.528C1288.29,625.187 1289.38,626.746 1289.38,631.024L1289.38,635.303C1289.38,635.855 1288.93,636.303 1288.38,636.303L1278.27,636.303C1277.72,636.303 1277.27,635.855 1277.27,635.303L1277.27,622.187C1277.27,621.635 1277.72,621.187 1278.27,621.187L1278.27,621.187Z' style='fill:white;fill-rule:nonzero;stroke:black;stroke-width:0.6px;'/%3E%3C/g%3E%3Cg transform='matrix(7.27971,-4.0559,4.0559,7.27971,-11060.6,1996.04)'%3E%3Cpath d='M1282.97,442.034C1282.97,442.034 1285.59,443.669 1284.59,445.754C1283.86,447.274 1282.9,448.746 1282.97,448.927C1283.04,449.108 1283.91,449.506 1284.88,450.041C1287.16,451.311 1287.28,453.591 1286.39,455.198' style='fill:none;fill-rule:nonzero;stroke:black;stroke-width:0.6px;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-arrow-down { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.49992 10.2072L11.707 6.00006L3.29282 6.00006L7.49992 10.2072Z' fill='%23000000'/%3E%3C/svg%3E"); } .email-icon { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='31px' height='31px' viewBox='0 0 265 265' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;'%3E%3Cg transform='matrix(8.33333,0,0,8.33333,-4563.78,-4076.75)'%3E%3Cpath d='M563.544,520.991C554.769,520.991 547.654,513.876 547.654,505.1C547.654,496.324 554.769,489.21 563.544,489.21C572.32,489.21 579.435,496.324 579.435,505.1C579.435,513.876 572.32,520.991 563.544,520.991Z' style='fill:rgb(6,178,228);fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(8.33333,0,0,8.33333,-4563.78,-4068.41)'%3E%3Cpath d='M558.303,499.956L569.784,499.956C570.889,499.956 571.784,500.851 571.784,501.956L571.784,507.245C571.784,508.349 570.889,509.245 569.784,509.245L558.303,509.245C557.198,509.245 556.303,508.349 556.303,507.245L556.303,501.956C556.303,500.851 557.198,499.956 558.303,499.956Z' style='fill:white;fill-rule:nonzero;stroke:rgb(6,178,228);stroke-width:0.6px;'/%3E%3C/g%3E%3Cg transform='matrix(8.33333,0,0,-8.33333,-4563.78,10216.1)'%3E%3Cpath d='M557.306,1212.58L564.044,1208.54L570.781,1212.58' style='fill:none;fill-rule:nonzero;stroke:rgb(6,178,228);stroke-width:0.6px;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-copy-secondary { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='48px' height='48px' viewBox='0 0 367 367' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(8.33333,0,0,8.33333,-12053.7,-7626.22)'%3E%3Cpath d='M1459.52,915.147L1477.36,915.147C1484.58,915.147 1490.43,921 1490.43,928.22L1490.43,946.061C1490.43,953.282 1484.58,959.135 1477.36,959.135L1459.52,959.135C1452.3,959.135 1446.45,953.282 1446.45,946.061L1446.45,928.22C1446.45,921 1452.3,915.147 1459.52,915.147Z' style='fill:rgb(95,195,90);fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(8.33333,0,0,8.33333,-12053.7,-7602.88)'%3E%3Cpath d='M1474.74,928.767C1475.38,928.767 1475.9,929.287 1475.9,929.929L1475.9,941.553C1475.9,942.194 1475.38,942.714 1474.74,942.714L1465.34,942.714C1464.7,942.714 1464.18,942.194 1464.18,941.553L1464.18,929.929C1464.18,929.287 1464.7,928.767 1465.34,928.767L1474.74,928.767ZM1474.36,930.067L1465.71,930.067L1465.71,941.39L1474.36,941.39L1474.36,930.067Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(8.33333,0,0,8.33333,-12053.7,-7669.54)'%3E%3Cpath d='M1471.93,933.574L1471.93,934.87L1470.87,934.87L1470.87,934.873L1462.52,934.873L1462.52,945.906L1460.98,945.906L1460.98,934.735C1460.98,934.094 1461.5,933.574 1462.14,933.574L1470.67,933.574L1470.67,933.574L1471.93,933.574Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-check-mark { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='12px' height='12px' viewBox='0 0 567 501' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-133.333,-166.667)'%3E%3Cpath d='M686.99,173.581C701.583,184.805 704.313,205.734 693.087,220.325L359.753,653.66C353.907,661.26 345.067,665.977 335.493,666.597C325.922,667.22 316.546,663.687 309.763,656.907L143.096,490.24C130.079,477.22 130.079,456.117 143.096,443.097C156.114,430.08 177.219,430.08 190.237,443.097L330.059,582.92L640.247,179.678C651.47,165.086 672.4,162.356 686.99,173.581Z' style='fill:white;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-profile { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 467 467' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-166.667,-166.667)'%3E%3Cpath d='M283.333,283.333C283.333,218.875 335.543,166.667 400,166.667C464.46,166.667 516.667,218.875 516.667,283.333C516.667,347.793 464.46,400 400,400C335.543,400 283.333,347.793 283.333,283.333ZM400,225C432.083,225 458.333,251.25 458.333,283.333C458.333,315.417 432.083,341.667 400,341.667C367.917,341.667 341.667,315.417 341.667,283.333C341.667,251.25 367.917,225 400,225Z'/%3E%3Cpath d='M400,458.333C322.125,458.333 166.667,497.417 166.667,575L166.667,633.333L633.333,633.333L633.333,575C633.333,497.417 477.877,458.333 400,458.333ZM400,516.667C478.75,516.667 569.167,554.29 575,575L225,575C231.708,554 321.542,516.667 400,516.667Z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-payment { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 667 534' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-66.6667,-133.333)'%3E%3Cpath d='M666.667,133.333L133.333,133.333C96.333,133.333 67,163 67,200L66.667,600C66.667,637 96.333,666.667 133.333,666.667L666.667,666.667C703.667,666.667 733.333,637 733.333,600L733.333,200C733.333,163 703.667,133.333 666.667,133.333ZM666.667,600L133.333,600L133.333,400L666.667,400L666.667,600ZM666.667,266.667L133.333,266.667L133.333,200L666.667,200L666.667,266.667Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-membership { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 556 557' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-21.964,-27.9888)'%3E%3Cpath d='M249.75,539.25C184.334,473.831 119.153,408.678 54.025,343.472C46.39,335.827 38.603,328.261 31.706,319.975C25.413,312.416 22.098,303.089 22.079,293.202C21.935,217.874 21.926,142.546 22.055,67.218C22.086,49.596 34.764,33.04 52.834,29.052C55.988,28.356 59.291,28.045 62.526,28.042C137.521,27.988 212.516,27.954 287.511,28.048C299.329,28.063 309.846,32.507 318.101,40.738C401.297,123.7 484.374,206.782 567.327,289.987C573.581,296.26 577.131,304.106 577.159,313.576C577.187,323.43 576.47,332.763 570.021,340.768C569.001,342.034 568.07,343.391 566.926,344.535C490.816,420.678 414.733,496.849 338.518,572.887C325.031,586.343 302.07,588.117 287.616,575.773C274.394,564.482 262.487,551.652 249.75,539.25M325,105.5C314.042,94.539 303.209,83.447 292.015,72.732C289.909,70.716 286.366,69.161 283.482,69.153C211.496,68.958 139.509,68.999 67.523,69.009C66.085,69.009 64.648,69.148 63,69.233L63,74.988C63,145.975 63.042,216.962 62.905,287.948C62.896,292.636 64.346,295.955 67.604,299.208C146.26,377.736 224.841,456.339 303.422,534.942C305.769,537.29 307.969,539.785 310.326,542.306C312.221,540.747 313.827,539.619 315.205,538.259C321.399,532.147 327.527,525.968 333.68,519.815C399.667,453.834 465.654,387.853 531.641,321.872C536.514,316.998 536.512,316.994 531.591,312.073C462.895,243.382 394.197,174.691 325,105.5Z' style='fill-rule:nonzero;'/%3E%3Cpath d='M349.75,445.75C340.897,454.601 332.296,463.203 323.692,471.804C316.313,479.18 306.784,479.265 299.53,472.013C278.67,451.159 257.724,430.39 237.002,409.401C229.366,401.666 221.178,394.147 215.112,385.255C197.402,359.293 204.714,323.247 232.905,307.129C252.381,295.994 282.528,298.638 298.532,316.362C303.247,321.584 305.86,328.698 309.48,334.919C310.113,336.006 310.966,336.965 311.716,337.983C312.468,337.045 313.547,336.221 313.917,335.151C316.667,327.196 320.93,320.22 327.065,314.45C336.141,305.913 346.923,301.372 359.4,301.01C367.912,300.763 376.212,301.178 384.341,304.617C401.31,311.798 411.904,324.495 415.811,342.016C420.204,361.712 415.262,379.298 400.657,393.918C383.626,410.966 366.873,428.294 349.75,445.75Z' style='fill-rule:nonzero;'/%3E%3Cpath d='M129.038,108.973C151.008,101.1 177.233,115.923 181.175,139.891C183.48,153.909 179.676,165.658 170.551,175.593C164.903,181.744 157.332,185.46 148.757,187.098C135.669,189.599 124.266,186.027 114.554,177.707C106.625,170.914 102.123,161.779 100.986,151.185C100.09,142.834 101.62,134.432 105.562,127.612C110.598,118.896 118.163,111.763 129.038,108.973Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-settings { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 667 534' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;'%3E%3Cg transform='matrix(1,0,0,1,-66.6667,-133.333)'%3E%3Cpath d='M100,266.667L500,266.667M500,266.667C500,321.895 544.77,366.667 600,366.667C655.23,366.667 700,321.895 700,266.667C700,211.438 655.23,166.667 600,166.667C544.77,166.667 500,211.438 500,266.667ZM300,533.333L700,533.333M300,533.333C300,588.563 255.228,633.333 200,633.333C144.772,633.333 100,588.563 100,533.333C100,478.103 144.772,433.333 200,433.333C255.228,433.333 300,478.103 300,533.333Z' style='fill:none;fill-rule:nonzero;stroke:black;stroke-width:66.67px;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-integration { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 40 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-4,-6)'%3E%3Cpath d='M30.2,42L30.2,35.8L22.5,35.8L22.5,15.2L17.9,15.2L17.9,21.7L4,21.7L4,6L17.9,6L17.9,12.2L30.3,12.2L30.3,6L44,6L44,21.8L30.2,21.8L30.2,15.3L25.5,15.3L25.5,32.8L30.2,32.8L30.2,26.3L44,26.3L44,42L30.2,42ZM7,9L7,18.8L7,9ZM33.2,29.2L33.2,39L33.2,29.2ZM33.2,9L33.2,18.8L33.2,9ZM33.2,18.8L41,18.8L41,9L33.2,9L33.2,18.8ZM33.2,39L41,39L41,29.2L33.2,29.2L33.2,39ZM7,18.8L14.9,18.8L14.9,9L7,9L7,18.8Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-affiliate { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-1.09594,-0.999999)'%3E%3Cpath d='M253.531,1C257.558,1.666 261.09,2.606 264.678,2.952C284.912,4.902 304.133,10.807 322.772,18.461C345.002,27.588 365.183,40.183 383.503,55.876C404.992,74.284 422.063,95.99 435.527,120.851C447.515,142.987 455.185,166.516 459.873,191.048C463.574,210.417 463.544,230.126 462.871,249.756C462.588,258.012 460.896,266.219 459.728,275.371C442.255,271.031 424.923,266.728 408.431,262.632C408.966,247.927 410.406,233.678 409.779,219.52C408.889,199.422 403.706,180.066 395.852,161.493C389.349,146.113 380.636,131.981 370.305,118.981C359.536,105.431 346.722,93.858 332.398,84.073C315.148,72.288 296.363,63.859 276.143,58.558C257.416,53.648 238.321,51.71 219.119,53.149C192.641,55.134 167.273,61.972 144.27,75.524C133.316,81.978 123.146,89.851 113.029,97.613C99.129,108.277 88.813,122.129 79.552,136.868C68.234,154.879 60.557,174.268 55.928,195.013C52.354,211.029 50.889,227.247 52.177,243.467C53.986,266.245 59.666,288.08 69.827,308.844C80.096,329.83 93.699,348.157 111.115,363.411C132.211,381.887 156.258,395.147 183.738,402.168C200.548,406.464 217.471,408.363 234.676,407.879C241.623,407.683 248.53,406.125 255.46,405.221C256.75,405.052 258.062,405.047 259.714,404.944C264.027,422.166 268.314,439.282 272.74,456.952C266.16,457.965 259.585,459.411 252.94,459.897C243.051,460.621 233.074,461.395 223.203,460.863C194.127,459.296 165.961,453.426 139.134,441.65C115.553,431.299 94.182,417.759 74.908,400.569C50.573,378.866 33.05,352.472 19.702,323.119C11.487,305.056 6.584,285.892 3.007,266.399C2.57,264.021 2.173,261.636 1.379,259.127C1,241.312 1,223.625 1.389,205.328C2.512,200.748 3.437,196.801 3.948,192.802C6.917,169.578 14.762,147.858 25.128,127.106C33.068,111.21 43.059,96.571 54.445,82.764C65.693,69.123 78.486,57.402 92.528,46.86C107.137,35.893 122.861,26.94 139.641,19.675C158.964,11.309 178.969,5.686 199.829,2.979C203.903,2.45 207.944,1.666 212,1C225.688,1 239.375,1 253.531,1Z' style='fill-rule:nonzero;'/%3E%3Cpath d='M476.375,513C475.645,512.466 475.369,511.855 474.925,511.41C447.521,483.927 420.103,456.458 392.239,428.54C372.716,448.072 353.328,467.47 333.176,487.631C315.997,418.948 298.928,350.708 281.659,281.666C350.848,298.964 419.227,316.058 487.142,333.037C467.692,352.473 448.065,372.086 428.248,391.888C456.755,420.356 484.546,448.108 512.669,475.93C513,476.75 513,477.5 512.669,478.695C501.225,490.427 490.112,501.713 479,513L476.375,513Z' style='fill-rule:nonzero;'/%3E%3Cpath d='M131.755,312.333C120.534,298.816 113.732,283.488 109,267.12C104.746,252.407 104.081,237.273 105.189,222.216C106.181,208.734 109.456,195.587 114.931,183.03C121.683,167.548 130.701,153.62 142.751,141.854C160.211,124.809 180.978,113.678 204.765,107.911C218.412,104.602 232.278,103.953 245.955,105.24C269.563,107.462 291.249,115.653 310.508,129.924C321.693,138.211 331.142,148.03 338.898,159.532C349.094,174.652 355.935,191.328 358.72,209.195C360.721,222.03 360.318,235.239 361.07,249.889C342.107,245.215 324.645,240.911 306.982,236.558C307.82,220.778 303.569,206.156 295.835,192.872C284.823,173.956 268.328,162.003 246.748,156.897C229.779,152.882 213.802,155.313 198.708,163.179C188.508,168.495 180.479,176.629 172.843,185.346C164.5,194.869 158.639,205.483 156.3,217.639C152.687,236.414 155.345,254.376 165.462,271.071C173.24,283.909 183.384,293.999 196.957,300.438C208.094,305.721 219.838,308.517 232.245,307.971C233.642,307.909 235.022,307.447 236.605,307.132C241.747,325.111 246.9,343.126 252.245,361.812C249.093,362.226 246.123,363.051 243.194,362.923C231.369,362.409 219.287,362.924 207.8,360.593C190.296,357.04 173.31,350.719 159.232,339.371C149.369,331.421 141.003,321.613 131.755,312.333Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-pencil { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 618 618' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-87.8986,-98.9978)'%3E%3Cpath d='M491.267,265.733L190,567L170.3,634.2L236.133,615.167L538.4,312.9L491.267,265.733ZM657.3,123.267L680.867,146.833C713.181,179.157 713.181,232.343 680.867,264.667L271.133,674.433L130.467,715.1C127.465,715.966 124.356,716.405 121.232,716.405C102.946,716.405 87.899,701.358 87.899,683.071C87.899,679.911 88.348,676.767 89.233,673.733L130.833,531.9L539.5,123.233C571.824,90.919 625.01,90.919 657.333,123.233L657.3,123.267Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-back { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 871 708' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(0.707709,0.706504,0.706504,-0.707709,-141.421,353.975)'%3E%3Cpath d='M200,600L200,270.7L680.35,751.05L751.05,680.35L270.7,200L600,200L600,100L100,100L100,600L200,600Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-eye { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 721 467' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-39.679,-166.667)'%3E%3Cpath d='M399.813,516.667C464.247,516.667 516.48,464.433 516.48,400C516.48,335.567 464.247,283.333 399.813,283.333C335.38,283.333 283.146,335.567 283.146,400C283.146,464.433 335.38,516.667 399.813,516.667ZM399.813,449.813C372.303,449.813 350,427.51 350,400C350,372.49 372.303,350.187 399.813,350.187C427.323,350.187 449.627,372.49 449.627,400C449.627,427.51 427.323,449.813 399.813,449.813Z'/%3E%3Cpath d='M400,166.667C239.626,166.667 130.557,253.635 72.977,315.993C28.58,364.073 28.58,435.927 72.977,484.007C130.557,546.367 239.626,633.333 400,633.333C560.373,633.333 669.443,546.367 727.023,484.007C771.42,435.927 771.42,364.073 727.023,315.993C669.443,253.635 560.373,166.667 400,166.667ZM121.956,361.22C172.944,306.001 265.563,233.333 400,233.333C534.437,233.333 627.057,306.001 678.043,361.22C698.857,383.76 698.857,416.24 678.043,438.78C627.057,494 534.437,566.667 400,566.667C265.563,566.667 172.944,494 121.956,438.78C101.142,416.24 101.142,383.76 121.956,361.22Z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-hide-eye { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.4955 7.44088C3.54724 8.11787 2.77843 8.84176 2.1893 9.47978C0.857392 10.9222 0.857393 13.0778 2.1893 14.5202C3.9167 16.391 7.18879 19 12 19C13.2958 19 14.4799 18.8108 15.5523 18.4977L13.8895 16.8349C13.2936 16.9409 12.6638 17 12 17C7.9669 17 5.18832 14.82 3.65868 13.1634C3.03426 12.4872 3.03426 11.5128 3.65868 10.8366C4.23754 10.2097 4.99526 9.50784 5.93214 8.87753L4.4955 7.44088Z' fill='%230F0F0F'/%3E%3Cpath d='M8.53299 11.4784C8.50756 11.6486 8.49439 11.8227 8.49439 12C8.49439 13.933 10.0614 15.5 11.9944 15.5C12.1716 15.5 12.3458 15.4868 12.516 15.4614L8.53299 11.4784Z' fill='%230F0F0F'/%3E%3Cpath d='M15.4661 12.4471L11.5473 8.52829C11.6937 8.50962 11.8429 8.5 11.9944 8.5C13.9274 8.5 15.4944 10.067 15.4944 12C15.4944 12.1515 15.4848 12.3007 15.4661 12.4471Z' fill='%230F0F0F'/%3E%3Cpath d='M18.1118 15.0928C19.0284 14.4702 19.7715 13.7805 20.3413 13.1634C20.9657 12.4872 20.9657 11.5128 20.3413 10.8366C18.8117 9.18002 16.0331 7 12 7C11.3594 7 10.7505 7.05499 10.1732 7.15415L8.50483 5.48582C9.5621 5.1826 10.7272 5 12 5C16.8112 5 20.0833 7.60905 21.8107 9.47978C23.1426 10.9222 23.1426 13.0778 21.8107 14.5202C21.2305 15.1486 20.476 15.8603 19.5474 16.5284L18.1118 15.0928Z' fill='%230F0F0F'/%3E%3Cpath d='M2.00789 3.42207C1.61736 3.03155 1.61736 2.39838 2.00789 2.00786C2.39841 1.61733 3.03158 1.61733 3.4221 2.00786L22.0004 20.5862C22.391 20.9767 22.391 21.6099 22.0004 22.0004C21.6099 22.3909 20.9767 22.3909 20.5862 22.0004L2.00789 3.42207Z' fill='%230F0F0F'/%3E%3C/svg%3E"); } .icon-download { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 651 650' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-75,-75)'%3E%3Cpath d='M418.45,550.203C413.713,555.383 407.02,558.333 400,558.333C392.98,558.333 386.287,555.383 381.55,550.203L248.216,404.37C238.899,394.18 239.607,378.367 249.797,369.05C259.988,359.733 275.801,360.44 285.117,370.63L375,468.94L375,100C375,86.193 386.193,75 400,75C413.807,75 425,86.193 425,100L425,468.94L514.883,370.63C524.2,360.44 540.013,359.733 550.203,369.05C560.393,378.367 561.1,394.18 551.783,404.37L418.45,550.203Z' style='fill-rule:nonzero;'/%3E%3Cpath d='M125,500C125,486.193 113.807,475 100,475C86.193,475 75,486.193 75,500L75,501.83C74.999,547.417 74.999,584.16 78.884,613.06C82.918,643.063 91.548,668.323 111.612,688.387C131.676,708.453 156.938,717.083 186.942,721.117C215.841,725 252.585,725 298.171,725L501.83,725C547.417,725 584.16,725 613.06,721.117C643.063,717.083 668.323,708.453 688.39,688.387C708.453,668.323 717.083,643.063 721.117,613.06C725,584.16 725,547.417 725,501.83L725,500C725,486.193 713.807,475 700,475C686.193,475 675,486.193 675,500C675,547.847 674.947,581.217 671.563,606.397C668.273,630.857 662.26,643.807 653.033,653.033C643.807,662.26 630.857,668.273 606.397,671.563C581.217,674.947 547.847,675 500,675L300,675C252.153,675 218.782,674.947 193.604,671.563C169.145,668.273 156.192,662.26 146.967,653.033C137.742,643.807 131.727,630.857 128.438,606.397C125.053,581.217 125,547.847 125,500Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-check-paid { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='12px' height='12px' viewBox='0 0 600 434' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;'%3E%3Cg transform='matrix(1,0,0,1,-100,-183.333)'%3E%3Cpath d='M133.333,420.37L297.436,583.333L666.667,216.667' style='fill:none;fill-rule:nonzero;stroke:rgb(90,187,112);stroke-width:66.67px;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-search { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 123 158' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;'%3E%3Cg transform='matrix(-7.21689,4.16664,-4.16664,-7.21689,7640.44,-1535.52)'%3E%3Cellipse cx='883.772' cy='289.975' rx='4.021' ry='4.021' style='fill:none;stroke:rgb(140,140,140);stroke-width:1.2px;'/%3E%3C/g%3E%3Cg transform='matrix(4.16662,7.21691,-7.21691,4.16662,-1470.86,-7532.19)'%3E%3Cpath d='M883.915,296.692L891.383,296.692' style='fill:none;fill-rule:nonzero;stroke:rgb(140,140,140);stroke-width:1.2px;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-copy { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 146 165' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;'%3E%3Cg transform='matrix(8.33333,0,0,8.33333,-9607.41,-4220.11)'%3E%3Cpath d='M1155.38,511.778L1163.87,511.778C1164.34,511.778 1164.71,512.154 1164.71,512.618L1164.71,523.643C1164.71,524.107 1164.34,524.484 1163.87,524.484L1155.38,524.484C1154.91,524.484 1154.54,524.107 1154.54,523.643L1154.54,512.618C1154.54,512.154 1154.91,511.778 1155.38,511.778Z' style='fill:white;fill-rule:nonzero;stroke:rgb(6,178,228);stroke-width:0.8px;'/%3E%3C/g%3E%3Cg transform='matrix(8.33333,0,0,8.33333,-9607.41,-4282.04)'%3E%3Cpath d='M1159.31,515.494L1167.8,515.494C1168.27,515.494 1168.64,515.87 1168.64,516.334L1168.64,527.359C1168.64,527.823 1168.27,528.199 1167.8,528.199L1159.31,528.199C1158.84,528.199 1158.47,527.823 1158.47,527.359L1158.47,516.334C1158.47,515.87 1158.84,515.494 1159.31,515.494Z' style='fill:white;fill-rule:nonzero;stroke:rgb(6,178,228);stroke-width:0.8px;'/%3E%3C/g%3E%3C/svg%3E"); } .icon-export { filter: none !important; content: url("data:image/svg+xml,%0A%3Csvg width='20px' height='20px' viewBox='0 0 799 659' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,0,-70.4167)'%3E%3Cpath d='M0,423.367L170.494,593.814L203.765,560.591L90.07,446.85L563.577,446.85L563.577,399.838L90.07,399.838L203.765,286.144L170.494,252.873L0,423.368L0,423.367ZM610.663,127.217L742.099,258.652L610.663,258.652L610.663,127.217ZM778.24,228.205L641.063,91.076C627.934,77.946 609.723,70.417 591.181,70.417L281.252,70.417L281.252,352.77L328.31,352.77L328.31,117.475L563.605,117.475L563.605,305.711L751.84,305.711L751.84,682.182L328.311,682.182L328.311,493.946L281.251,493.946L281.251,729.24L798.898,729.24L798.898,278.134C798.898,259.593 791.369,241.381 778.24,228.205L778.24,228.205Z' style='fill:white;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-useradd { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='26px' height='26px' viewBox='0 0 750 389' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-33.3333,-200)'%3E%3Cpath d='M227.778,394.443C281.389,394.443 325,350.833 325,297.222C325,243.611 281.389,200 227.778,200C174.167,200 130.556,243.611 130.556,297.222C130.556,350.833 174.167,394.443 227.778,394.443ZM700,511.11L700,427.777L783.333,427.777L783.333,372.223L700,372.223L700,288.889L644.443,288.889L644.443,372.223L561.11,372.223L561.11,427.777L644.443,427.777L644.443,511.11L700,511.11ZM227.778,443.057C162.778,443.057 33.333,475.557 33.333,540.277L33.333,588.89L422.223,588.89L422.223,540.277C422.223,475.557 292.778,443.057 227.778,443.057ZM227.778,498.61C178.055,498.61 121.667,517.223 98.333,533.333L357.223,533.333C333.89,517.223 277.5,498.61 227.778,498.61ZM269.444,297.222C269.444,274.167 250.833,255.556 227.778,255.556C204.722,255.556 186.111,274.167 186.111,297.222C186.111,320.278 204.722,338.89 227.778,338.89C250.833,338.89 269.444,320.278 269.444,297.222ZM366.667,394.443C420.277,394.443 463.89,350.833 463.89,297.222C463.89,243.611 420.277,200 366.667,200C360,200 353.333,200.556 346.943,201.944C368.057,228.056 380.557,261.111 380.557,297.222C380.557,333.333 367.5,366.11 346.39,392.223C353.057,393.61 359.723,394.443 366.667,394.443ZM477.777,540.277C477.777,502.5 458.89,473.057 431.11,450.557C493.333,463.61 561.11,493.333 561.11,540.277L561.11,588.89L477.777,588.89L477.777,540.277Z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-chat { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 650 623' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-75,-100)'%3E%3Cpath d='M213.7,575L625,575C652.429,575 675,552.429 675,525L675,200C675,172.571 652.429,150 625,150L175,150C147.571,150 125,172.571 125,200L125,646L213.7,575ZM231.25,625L115.6,717.5C111.171,721.037 105.668,722.964 100,722.964C86.299,722.964 75.02,711.701 75,698L75,200C75,145.142 120.142,100 175,100L625,100C679.858,100 725,145.142 725,200L725,525C725,579.858 679.858,625 625,625L231.25,625Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-edit { filter: none !important; background-image: url("/wp-content/plugins/rapidwebinars/assets/images/icon/edit.png"); height: 20px; width: 20px; background-size: contain; background-position: center center; } .icon-manage { filter: none !important; background-image: url("/wp-content/plugins/rapidwebinars/assets/images/icon/analytic.png"); height: 24px; width: 24px; background-size: contain; background-position: center center; } .icon-access { height: 16px; width: 20px; filter: none !important; content: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.54625e-07 6.00127C-0.000461201 4.92741 0.287413 3.87312 0.83357 2.94846C1.37973 2.02379 2.16414 1.26265 3.10493 0.744503C4.04571 0.226354 5.10837 -0.0298076 6.18197 0.00275993C7.25556 0.0353274 8.30073 0.35543 9.20836 0.92965L9.978 0.160727C10.0544 0.0843845 10.1517 0.032431 10.2577 0.0114506C10.3636 -0.00952981 10.4734 0.00140729 10.5731 0.0428759C10.6728 0.0843444 10.758 0.154478 10.8178 0.244387C10.8776 0.334297 10.9094 0.439935 10.9091 0.547915V2.72926C10.9091 2.87389 10.8516 3.0126 10.7493 3.11487C10.647 3.21714 10.5083 3.27459 10.3636 3.27459H8.18182C8.07395 3.27457 7.96852 3.24257 7.87884 3.18265C7.78916 3.12273 7.71927 3.03757 7.67799 2.93793C7.63672 2.8383 7.62592 2.72867 7.64695 2.6229C7.66799 2.51713 7.71992 2.41997 7.79618 2.34371L8.41145 1.72857C7.66485 1.30648 6.82061 1.08748 5.96293 1.09338C5.10525 1.09929 4.26411 1.32991 3.52339 1.76223C2.78268 2.19456 2.16827 2.81348 1.74146 3.55728C1.31465 4.30108 1.09034 5.14376 1.09091 6.00127C1.09091 6.1459 1.03344 6.28461 0.93115 6.38688C0.828857 6.48915 0.690119 6.54661 0.545455 6.54661C0.400792 6.54661 0.262053 6.48915 0.15976 6.38688C0.0574679 6.28461 5.54625e-07 6.1459 5.54625e-07 6.00127ZM11.4545 5.45593C11.3099 5.45593 11.1711 5.51339 11.0689 5.61566C10.9666 5.71793 10.9091 5.85664 10.9091 6.00127C10.9076 7.30252 10.39 8.55005 9.46966 9.47017C8.54934 10.3903 7.30153 10.9078 6 10.9093C5.1547 10.9108 4.32365 10.6916 3.58909 10.2734L4.20382 9.65884C4.28008 9.58257 4.33201 9.48541 4.35305 9.37964C4.37408 9.27387 4.36328 9.16424 4.32201 9.06461C4.28073 8.96498 4.21084 8.87981 4.12116 8.81989C4.03148 8.75997 3.92605 8.72797 3.81818 8.72795H1.63636C1.4917 8.72795 1.35296 8.7854 1.25067 8.88767C1.14838 8.98994 1.09091 9.12865 1.09091 9.27328V11.4546C1.09088 11.5625 1.12284 11.6679 1.18275 11.7576C1.24265 11.8473 1.32781 11.9172 1.42746 11.9585C1.49364 11.9861 1.56466 12.0002 1.63636 12C1.78102 11.9999 1.91973 11.9425 2.022 11.8402L2.79164 11.0729C3.75042 11.6823 4.86388 12.004 6 12C7.59072 11.9981 9.11576 11.3655 10.2406 10.2409C11.3654 9.11635 11.9981 7.59165 12 6.00127C12 5.85664 11.9425 5.71793 11.8402 5.61566C11.7379 5.51339 11.5992 5.45593 11.4545 5.45593Z' fill='black'/%3E%3C/svg%3E%0A"); } .icon-mail-sent { height: 50px; width: 50px; filter: none !important; display: inline-block; content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 800 800' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M778.669,258.622L541.378,21.331C512.935,-7.111 466.667,-7.111 438.229,21.331L21.329,438.226C-7.11,466.669 -7.11,512.937 21.329,541.376L258.621,778.671C287.063,807.11 333.333,807.111 361.771,778.671L778.667,361.774C807.11,333.331 807.107,287.062 778.669,258.622ZM302.359,749.875C298.958,748.711 295.718,747.001 293.002,744.286L55.711,506.997C55.646,506.929 55.632,506.845 55.562,506.777L302.357,506.776L302.357,749.875L302.359,749.875ZM70.177,458.149L458.155,70.169L458.159,447.545C458.155,453.218 453.22,458.157 447.545,458.157L70.177,458.149ZM350.977,720.698L350.977,506.777L447.548,506.777C463.377,506.777 478.254,500.615 489.435,489.435C500.617,478.253 506.776,463.379 506.777,447.547L506.777,350.977L720.688,350.986L350.977,720.698ZM506.776,302.357L506.776,55.562C506.842,55.63 506.929,55.645 506.997,55.712L744.288,293.003C746.999,295.717 748.711,298.955 749.869,302.365L506.776,302.357Z' style='fill:rgb(95,195,91);fill-rule:nonzero;'/%3E%3Cpath d='M23.692,103.073L272.69,103.073C285.772,103.073 296.38,92.467 296.38,79.384C296.38,66.301 285.773,55.694 272.69,55.694L23.692,55.694C10.607,55.694 0.002,66.3 0.002,79.384C0.002,92.467 10.607,103.073 23.692,103.073Z' style='fill:rgb(95,195,91);fill-rule:nonzero;'/%3E%3Cpath d='M23.692,196.138L179.831,196.138C192.914,196.138 203.519,185.532 203.519,172.448C203.519,159.366 192.914,148.759 179.831,148.759L23.692,148.759C10.607,148.759 0.002,159.365 0.002,172.448C0.002,185.532 10.607,196.138 23.692,196.138Z' style='fill:rgb(95,195,91);fill-rule:nonzero;'/%3E%3Cpath d='M23.692,286.385L124.503,286.385C137.584,286.385 148.193,275.779 148.193,262.694C148.193,249.61 137.586,239.004 124.503,239.004L23.692,239.004C10.607,239.004 0.002,249.611 0.002,262.694C0.002,275.777 10.607,286.385 23.692,286.385Z' style='fill:rgb(95,195,91);fill-rule:nonzero;'/%3E%3Cpath d='M124.503,721.983L23.692,721.983C10.607,721.983 0.002,732.59 0.002,745.673C0.002,758.756 10.607,769.363 23.692,769.363L124.503,769.363C137.584,769.363 148.193,758.758 148.193,745.673C148.193,732.59 137.586,721.983 124.503,721.983Z' style='fill:rgb(95,195,91);fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A"); animation: sent-mail-icon 0.5s ease-in-out; } @keyframes sent-mail-icon { 0% { transform: scale(0.3); opacity: 0; } 50% { transform: scale(1.2); opacity: 0.5; } 100% { transform: scale(1); opacity: 1; } } .icon-modal-checkmark { animation: sent-mail-icon 0.5s ease-in-out; height: 50px; width: 50px; filter: none !important; display: inline-block; content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 650 650' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-75,-75)'%3E%3Cpath d='M400,75C220.797,75 75,220.797 75,400C75,579.203 220.797,725 400,725C579.203,725 725,579.203 725,400C725,220.797 579.203,75 400,75ZM340.625,563.094L214.688,423.141L251.859,389.688L339.359,486.906L546.875,239.781L585.219,271.875L340.625,563.094Z' style='fill:rgb(95,195,91);fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon-warning { animation: sent-mail-icon 0.5s ease-in-out; height: 50px; width: 50px; display: inline-block; filter: none !important; content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 800 800' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M400,66.667C217.139,66.667 66.667,217.139 66.667,400C66.667,582.861 217.139,733.333 400,733.333C582.861,733.333 733.333,582.861 733.333,400C733.333,217.139 582.861,66.667 400,66.667ZM400,600C381.714,600 366.667,584.953 366.667,566.667C366.667,548.381 381.714,533.333 400,533.333C418.286,533.333 433.333,548.381 433.333,566.667C433.333,584.953 418.286,600 400,600ZM433.333,433.333C433.333,451.619 418.286,466.667 400,466.667C381.714,466.667 366.667,451.619 366.667,433.333L366.667,233.333C366.667,215.047 381.714,200 400,200C418.286,200 433.333,215.047 433.333,233.333L433.333,433.333Z' style='fill:rgb(245,37,37);fill-rule:nonzero;'/%3E%3C/svg%3E%0A"); } .loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 9999; display: none; } .loading-overlay.active { display: flex; } .loading-spinner { width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; } .loading-text { color: white; margin-top: 10px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes bgchanges { 0% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .field-group_upload { position: relative; display: flex; align-items: center; margin-bottom: 10px; } .field-group_upload input[readonly] { background-color: #fff; flex-grow: 1; } .icon-upload { cursor: pointer; padding: 10px; transition: opacity 0.2s; margin-left: 10px; } .icon-upload:hover { opacity: 0.8; } .upload-status { position: absolute; right: 40px; display: none; } .upload-status .success { color: #4CAF50; font-size: 14px; } .upload-info { color: #666; font-size: 12px; margin-top: 4px; } #upload-loading { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.8); color: white; padding: 20px; border-radius: 5px; z-index: 1000; } .loading-progress { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; display: none; } .loading-progress.active { display: flex; } .progress-container { max-width: 400px; width: 100%; background-color: white; border-radius: 24px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px; } .progress-circle { position: relative; width: 192px; height: 192px; } .progress-circle-bg, .progress-circle-fill { fill: none; stroke-width: 10; } .progress-circle-bg { stroke: #e6f3ff; } .progress-circle-fill { stroke: #0ea5e9; transform: rotate(-90deg); transform-origin: center; transition: stroke-dasharray 1s ease-out; } .progress-percentage { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px; font-weight: bold; color: #0ea5e9; } .progress-lines { display: flex; flex-direction: column; align-items: center; margin-top: 8px; } .progress-line { width: 32px; height: 2px; background-color: #e6f3ff; margin: 2px 0; } .progress-status { margin-top: 20px; font-size: 20px; color: #0ea5e9; font-weight: bold; } .progress-circle-fill { transition: stroke-dashoffset 0.3s ease-in-out; } .progress-bar-fill { transition: width 0.3s ease-in-out; height: 100%; background: #4CAF50; border-radius: 4px; } .progress-bar { height: 4px; background: #e0e0e0; border-radius: 4px; margin-top: 10px; overflow: hidden; } .tables { padding: 40px; margin: 0 auto; } @media (max-width: 768px) { .tables { padding: 30px 15px; } } .tables__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 45px; } .tables__header h1 { margin: 0px; } @media (max-width: 768px) { .tables__header h1 { text-align: center; } } @media (max-width: 768px) { .tables__header { flex-direction: column; align-items: flex-start; gap: 15px; } } .tables__title { font-size: clamp(24px, 4vw, 32px); font-weight: bold; display: flex; position: relative; align-items: center; gap: 30px; } .tables__title .back-link { position: absolute; left: -40px; } @media (max-width: 767px) { .tables__title .back-link { position: relative; left: 0px; } } .tables__photo { border-radius: 100%; width: clamp(60px, 10vw, 120px); height: clamp(60px, 10vw, 120px); object-fit: cover; } .tables__actions { display: flex; justify-content: flex-end; gap: 1rem; margin-bottom: 0; width: 100%; } .tables__actions input, .tables__actions select { border-color: #ECECEC; width: 300px; } .tables__actions .button { display: flex; gap: 10px; align-items: center; justify-content: center; max-width: 175px; width: 100%; } .tables__actions .button i { filter: brightness(0) invert(1) !important; } .tables__actions .button__message { display: none; } .tables__actions .button.button__outline { display: flex; gap: 0px; align-items: center; background-color: #fff; border-color: var(--secondary-color); font-weight: bold; color: #000; } .tables__actions .button.button__outline i { position: relative; top: -3px; } @media (max-width: 767px) { .tables__actions { display: grid; grid-template-columns: 1fr; } .tables__actions input, .tables__actions select { border-color: #ECECEC; width: 100%; } .tables__actions .button { max-width: 100%; } } .tables__table thead th { font-weight: bold; padding: 10px 0; text-align: left; } .tables__table tbody tr { cursor: pointer; } .tables__table tbody tr td { background-color: #fff; border-top: 2px solid #EBEBEB; } .tables__details { max-width: 915px; width: 100%; margin: 0 auto; padding-top: 30px; } .tables__delete { text-align: center; display: block; width: 100%; color: #BE2C2C !important; font-weight: bold; margin-top: 40px; } .tables .required-field-note { color: var(--body-color); text-align: right; } .tables__pagination { display: flex; justify-content: flex-end; align-items: center; margin-top: 30px; gap: 20px; } .tables__pagination .pagination__btn { display: flex; align-items: center; gap: 8px; padding: 8px 16px; background-color: var(--main-color); color: white; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; transition: background-color 0.3s ease; } .tables__pagination .pagination__btn:hover { background-color: var(--secondary-color); } .tables__pagination .pagination__btn:disabled { background-color: #ECECEC; color: #888; cursor: not-allowed; } .tables__pagination .pagination__btn .icon-arrow-left, .tables__pagination .pagination__btn .icon-arrow-right { font-size: 12px; } .tables__pagination .pagination__bullets { display: flex; gap: 5px; align-items: center; justify-content: center; } .tables__pagination .pagination__bullets .page-number { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 14px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; } .tables__pagination .pagination__bullets .page-number:hover { background-color: #ECECEC; } .tables__pagination .pagination__bullets .page-number.active { background-color: var(--main-color); color: white; } .tables__pagination .pagination__bullets .pagination__ellipsis { font-weight: bold; padding: 0 5px; } @media (max-width: 767px) { .tables__pagination { flex-direction: column; gap: 10px; } } .tables__empty-text { text-align: center; padding: 0.625rem; font-size: clamp(1rem, 2vw, 1.25rem); color: var(--body-color, #666); opacity: 0.8; transition: opacity 0.3s ease; } .tables__empty-text:hover { opacity: 1; } .tables__details .button i { filter: none !important; } .field-group-colors { margin-bottom: 20px; } .color-picker { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 15px; } .color-item { display: flex; flex-direction: column; align-items: center; gap: 8px; } .color-circle { position: relative; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; border: 1px solid #ddd; overflow: hidden; } .color-circle input[type=color] { position: absolute; width: 50px; height: 50px; border: none; padding: 0; margin: 0; cursor: pointer; opacity: 1; } .color-item small { font-size: 12px; color: #666; text-align: center; } /* Remove default color picker styling in webkit browsers */ input[type=color]::-webkit-color-swatch-wrapper { padding: 0; } input[type=color]::-webkit-color-swatch { border: none; } input { border-radius: 15px !important; } textarea { height: 100px; } select { appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: right 0.7rem top 50% !important; background-size: 0.65rem auto !important; border: unset !important; border-radius: 15px !important; border: solid 0.6px #ececec !important; } .field-group { margin-bottom: 20px !important; position: relative; } .field-group input, .field-group select, .field-group textarea { border-radius: 15px !important; height: 50px; padding: 0px 20px !important; margin-top: 8px; width: auto; display: block; } .field-group textarea { height: 150px; padding: 10px 20px !important; } .field-group label { font-size: 16px; font-size: bold !important; display: block; } .field-group small { color: #8C8C8C; font-size: 14px; display: block; } .field-group_upload { position: relative; } .field-group_upload::after { content: " "; width: 100px; position: absolute; right: -100px; height: 100%; } .field-group_upload :hover .delete-icon { display: block; } .field-group_upload .delete-icon { position: absolute; right: -25px; top: 25px; cursor: pointer; z-index: 10; display: none; } .field-group_upload .icon-upload { position: absolute; right: 8px; top: 10px; } .field-group .color-picker { margin-top: 10p; display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 10px; justify-content: space-between; } .field-group .color-picker .color-item { display: flex; flex-direction: column; align-items: center; width: 16.6666666667%; } .field-group .color-picker .color-item .color-circle { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; position: relative; margin-bottom: 0.5rem; } .field-group .color-picker .color-item .color-circle input[type=color] { position: absolute; width: 50px; height: 50px; background: none !important; cursor: pointer; border: none !important; outline: none !important; padding: 0px !important; outline: none !important; } .field-group .color-picker .color-item .color-circle .vc-color-wrap { width: 50px !important; height: 50px !important; } .field-group .color-picker .color-item .color-circle .vc-color-wrap .current-color { width: 50px !important; height: 50px !important; } .field-group .color-picker .color-item small { color: #333; font-style: italic; display: block; text-align: center; font-size: 12px; } .field-group .color-picker-template2 { display: flex; flex-direction: column; gap: 2rem; margin-top: 10px; } .field-group .color-picker-template2 .color-picker-row { display: flex; justify-content: space-between; gap: 1rem; } .field-group .color-picker-template2 .color-picker-row .color-item { width: 25%; /* 4 columns */ margin: 0; } .field-actions { display: flex; justify-content: center; gap: 1rem; margin-top: 1rem; } .field-actions .button { max-width: 188px; width: 100%; background-color: var(--main-color); color: #fff; border: 1px solid var(--main-color); } button, input, select, textarea { padding: 12px 30px !important; text-decoration: none; font-size: 16px; } input, select, textarea { border: solid 0.6px #ececec; } input:focus, select:focus, textarea:focus { outline: 2px solid var(--main-color); } .field-error { display: none; color: #EF4444; font-size: 0.875rem; margin-top: 0.25rem; } .field-group.has-error input, .field-group.has-error select, .field-group.has-error textarea { border-color: #EF4444; background-color: #FEF2F2; } .field-group.has-error .field-error { display: block; } .required-field::after { content: "*"; color: #EF4444; margin-left: 4px; } .error-indicator { color: #EF4444; margin-left: 0.5rem; } .validation-error { margin: 1rem 0; padding: 1rem; border-radius: 0.375rem; background-color: #FEF2F2; border: 1px solid #EF4444; } .section-error { border-left: 4px solid #EF4444; } .loading-error { margin-top: 1rem; color: #EF4444; text-align: center; } /* Success states */ .field-group.is-valid input, .field-group.is-valid select, .field-group.is-valid textarea { border-color: #10B981; } .field-group.is-valid::after { content: "✓"; color: #10B981; position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); } .icon-copy:hover { opacity: 0.8; } .icon-check { color: #4CAF50; } .copy-tooltip { position: absolute; background: #333; color: white; padding: 4px 8px; border-radius: 4px; font-size: 12px; bottom: 100%; left: 50%; transform: translateX(-50%); margin-bottom: 8px; white-space: nowrap; display: none; z-index: 1000; } .copy-tooltip:after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 4px solid transparent; border-top-color: #333; } #createWebinarForm, #updateWebinarForm { /* Make sure the error message doesn't break layout */ /* Match the alert style with existing error states */ } #createWebinarForm .field-group input.error, #updateWebinarForm .field-group input.error { border-color: #EF4444 !important; background-color: #FEF2F2 !important; text-align: left; } #createWebinarForm .error-message, #updateWebinarForm .error-message { color: #EF4444; font-size: 12px; position: absolute; right: 0; top: 0; display: flex; padding: 0px; background: none; font-style: italic; } #createWebinarForm .field-group, #updateWebinarForm .field-group { position: relative; } #createWebinarForm input.error:focus, #updateWebinarForm input.error:focus { outline: 2px solid #EF4444 !important; } .button { border-radius: 15px; font-size: 18px; font-weight: 600; text-decoration: none; padding: 12px 30px !important; cursor: pointer; } .button:hover, .button:focus { color: #fff; } .button__outline { border: 1px solid var(--main-color); color: var(--main-color); } .button__outline:hover { color: var(--main-color); } .button__outline_primary { border: 1px solid var(--main-color); background-color: none; color: var(--main-color); } .button__outline_primary:hover { color: var(--main-color) !important; } .button__primary { background-color: var(--main-color); color: #fff; border: 1px solid var(--main-color); } .button__secondary { background-color: var(--secondary-color); color: #fff; border: 1px solid var(--secondary-color); } .button__grey { background-color: var(--body-color); color: #fff; border: 1px solid var(--body-color); } .button__block { width: 100%; font-weight: bold; display: block; } .button__small { padding: 5px 10px !important; font-size: 14px; border-radius: 5px; } @media only screen and (max-width: 767px) { .button { padding: 10px 15px !important; font-size: 14px; } } .popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 1000; transition: opacity 0.3s ease-in-out; } .popup.active { display: flex; } .popup__content { background-color: white; padding: 50px; border-radius: 8px; max-width: 90%; max-height: 90%; overflow-y: auto; } @media only screen and (max-width: 768px) { .popup__content { padding: 30px; } } .popup__title { color: var(--main-color); font-size: 1.2rem; text-align: center; font-weight: bold; } .popup__subtitle { font-size: 2rem; text-align: center; margin-bottom: 0.5rem; } .popup__description { color: #000; text-align: center; margin-bottom: 2rem; } .modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; transition: opacity 0.3s ease-in-out; } .modal .modal__header { padding: 16px 24px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; transition: padding 0.2s ease; } .modal .modal__header h3 { margin: 0; font-size: 18px; color: #333; transition: color 0.2s ease; } .modal .modal__close { background: none; border: none; font-size: 24px; cursor: pointer; color: #666; padding: 0; line-height: 1; transition: color 0.2s ease; } .modal .modal__close:hover { color: #333; } .modal .modal__body { padding: 24px; text-align: center; transition: padding 0.2s ease; } .modal .modal__icon { color: #f44336; margin-bottom: 16px; width: auto; display: inline-block; transition: color 0.2s ease; } .modal .modal__message { margin: 0; color: #666; font-size: 16px; line-height: 1.5; transition: color 0.2s ease; } .modal .modal__footer { padding: 16px 24px; border-top: 1px solid #eee; text-align: right; transition: padding 0.2s ease; } .modal .button__primary { background-color: var(--main-color); color: white; border: none; padding: 8px 16px; border-radius: 15px; cursor: pointer; font-size: 14px; transition: all 0.2s ease; width: 100%; display: block; } .modal .button__primary:hover { background-color: #0056b3; transform: translateY(-1px); } .modal.active { display: block; animation: fadeIn 0.3s ease-in-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .modal__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(2px); } .global-popup.step { text-align: center; } .global-popup .field-group { margin: 0 auto; margin-bottom: 1rem; display: block; width: 100%; max-width: 426.7px; } .global-popup .field-group label { display: block; font-size: 16px; font-weight: 600; margin-bottom: 0.5rem; } .global-popup .field-group small { display: block; font-size: 14px; color: #666; margin-bottom: 0.5rem; } .global-popup .field-group input, .global-popup .field-group textarea, .global-popup .field-group select { width: 100%; max-width: 426.7px; padding: 0.75rem; background: #F5F5F5; } .global-popup .field-group textarea { height: 50px; padding-bottom: 0px !important; } .global-popup.show-popup { display: flex; } .modal__content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.7); background: white; border-radius: 8px; width: 90%; max-width: 400px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); opacity: 0; transition: all 0.3s ease; } .modal.active .modal__content { transform: translate(-50%, -50%) scale(1); opacity: 1; } #requiredInformationPopup #requiredInformationForm .create-webinar__actions .button { margin-top: 20px !important; max-width: fit-content !important; font-weight: bold !important; } #deleteModal .modal-footer { display: flex; justify-content: center; align-items: center; padding: 16px 24px; gap: 20px; } body.modal-open #viewActivity { display: flex; } #viewActivity .popup__content__tablelist { height: calc(60vh - 30px); overflow-x: scroll; } #viewActivity .popup__content__tablelist::-webkit-scrollbar { width: 3px; } #viewActivity .popup__content__tablelist::-webkit-scrollbar-track { background: #fff; } #viewActivity .popup__content__tablelist::-webkit-scrollbar-thumb { background: var(--main-color); border-radius: 3px; } #viewActivity thead { position: sticky; top: 0; z-index: 1; background: white; } #viewActivity tbody { overflow-y: scroll; box-sizing: border-box; } #viewActivity .field-group-button { text-align: center; margin-top: 30px; margin-bottom: 0px; } .modal-confirmation .modal__content { max-width: 500px; padding: 20px; } .modal-confirmation .modal__body, .modal-confirmation .modal__header, .modal-confirmation .modal__footer { border: none !important; padding: 0px; text-align: left; margin-bottom: 10px; } .modal-confirmation .modal__message { color: #000; } .modal-confirmation .modal__footer { text-align: right; margin-top: 20px !important; } .modal-confirmation .modal__footer .button__small { border-radius: 30px; padding: 5px 30px !important; border: none; } .modal-confirmation .modal__footer .modal__cancel { background: #000; } .modal-confirmation .modal__footer .modal__confirm { background: var(--main-color); border-color: var(--main-color); color: #fff; } .header { display: flex; align-items: center; justify-content: space-between; padding: 20px 30px; background-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .header_left { display: flex; align-items: center; gap: 30px; position: relative; } .header__logo a:hover { background-color: transparent; } .header__logo-image { width: 172.41px; } .header__menu-toggle { display: none; cursor: pointer; margin-right: 10px; } .header__nav { display: flex; gap: 1.5rem; z-index: 999; } .header__nav-link { text-decoration: none; color: #000; font-size: 16px; font-weight: 600; } .header__nav-link.active, .header__nav-link:hover { color: var(--main-color); } .header__user { position: relative; display: flex; align-items: center; gap: 15px; cursor: pointer; } .header__user_info { display: block; } .header__user_info span { display: block; text-align: right; } .header__user-avatar { width: 44.6px; height: 44.6px; border-radius: 50%; object-fit: cover; } .header__user-name { font-size: 16px; font-weight: bold; display: flex !important; justify-content: end; } .header__user-name span { color: var(--main-color); } .header__user-level { font-size: 10px; color: #000; } .header__user-dropdown { position: absolute; top: 100%; right: 0; background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); z-index: 1000; width: 250px; overflow: hidden; display: none; } .header__user-dropdown.show { display: block; } .header__user-dropdown::before { content: ""; position: absolute; right: 12px; top: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; } .header__user-dropdown-item { display: block; padding: 15px 30px; color: #000; text-decoration: none; font-size: 16px; } .header__user-dropdown-item:hover { background-color: #f5f5f5; } .header__user-dropdown-item_logout { position: relative; } .header__user-dropdown-item_logout:before { content: ""; width: 90%; height: 1px; background-color: #e0e0e0; top: 0; position: absolute; left: 10px; } body.admin-bar .header { position: relative; top: 32px; } @media only screen and (max-width: 768px) { .header { padding: 10px; } .header_left { justify-content: left; gap: 0; } .header__logo-image { max-width: 200px; height: auto; } .header__menu-toggle { display: flex; } .header__nav { position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; width: 100%; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); gap: 0; } .header__nav--open { max-height: 300px; } .header__nav-link { padding: 5px 15px; border-bottom: 1px solid #e0e0e0; } .header__nav-link:last-child { border-bottom: none; } .header__user { margin-left: auto; } .header__user-avatar { width: 40px; height: 40px; } .header__user_info { display: none; } .header__user-dropdown-item { padding: 10px 20px; font-size: 14px; font-weight: 500; } .header__user-dropdown-item:hover { color: var(--main-color); } } .top-bar { background-color: var(--main-color); text-align: center; color: #fff; font-size: 16px; padding: 7px; font-weight: 600; } .top-bar a { color: #fff; } .onboarding { background-color: #F5F5F5; } .onboarding__logo { display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; background-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .onboarding__logo img { width: 172.41px; } .onboarding__container { max-width: 915px; margin: 0 auto; padding-top: 55px; padding-bottom: 55px; } @media only screen and (max-width: 600px) { .onboarding__container { padding: 30px 15px; } } .onboarding__steps { display: flex; justify-content: left; gap: 10px; margin-bottom: 20px; } .onboarding__step { width: 60px; height: 4px; background-color: #e0e0e0; border-radius: 2px; transition: background-color 0.3s ease; } .onboarding__step.active { background-color: var(--main-color); } .fade-enter-active, .fade-leave-active { transition: opacity 0.3s ease; } .fade-enter-from, .fade-leave-to { opacity: 0; } .onboarding__content { background-color: white; border-radius: 10px; padding: 40px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin-top: 50px; } .onboarding__header { display: flex; justify-content: space-between; align-items: center; } .language-selectors { display: flex; gap: 10px; } .select-control { padding: 8px; border: 1px solid #e0e0e0; border-radius: 5px; } .sections { margin-bottom: 30px; } .section { border-bottom: 1px solid #e0e0e0; } .section__header { padding: 20px 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .section__header h2 { margin: 0; font-size: 18px; } .section__content { padding-bottom: 20px; } .section__content .last-updated { color: #666; font-style: italic; } .action-buttons { display: flex; gap: 20px; margin-top: 30px; } .action-buttons .button { flex: 1; padding: 12px 24px; border-radius: 5px; border: none; cursor: pointer; font-weight: 500; } .action-buttons .button--primary { background-color: #4caf50; color: white; } .action-buttons .button--primary:disabled { opacity: 0.7; cursor: not-allowed; } .action-buttons .button--grey { background-color: #e0e0e0; color: #333; } .form-group input { width: 100%; } .toggle-icon { font-size: 20px; color: #666; } .onboarding .subdomain-control { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .onboarding .domain-suffix { background-color: #f5f5f5; padding: 0.75rem; border: 1px solid #ddd; border-left: none; border-radius: 0 15px 15px 0; color: #666; font-size: 1rem; border-left: 1px solid #D4D3D3; } .onboarding .error-text { color: #dc3545; font-size: 0.875rem; margin-top: 0.5rem; } .onboarding .is-invalid { border-color: #dc3545; } .onboarding .toggle-icon { font-size: 32px; font-weight: bold; } .onboarding__content { background-color: white; border-radius: 10px; padding: 40px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .onboarding__step-text { color: #666; margin-bottom: 20px; } .onboarding__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .onboarding__header h1 { font-size: 32px; margin: 0; } .onboarding .form .field-group input { width: 100%; } .onboarding .form .field-group label { font-weight: bold; } .onboarding .form-group { margin-bottom: 20px; } .onboarding .form-control { width: 100%; padding: 12px; border: 1px solid #e0e0e0; border-radius: 5px; font-size: 16px; } .onboarding .form .button { max-width: 320px; width: 100%; } .onboarding .password-input { position: relative; margin-bottom: 10px; } .onboarding .password-input .password-toggle { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 0px !important; } .onboarding .button { padding: 12px 24px; border-radius: 15px; border: none; cursor: pointer; font-size: 16px; font-weight: 500; width: 100%; margin-top: 20px; margin-bottom: 10px; font-weight: bold; } .onboarding .button--primary { background-color: #4caf50; color: white; } .onboarding .button--grey { background-color: #e0e0e0; color: #333; } .onboarding .action-buttons { display: flex; gap: 20px; margin-top: 30px; } .onboarding .section { border-bottom: 1px solid #e0e0e0; } .onboarding .section__header { padding: 20px 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .onboarding .section__content { padding-bottom: 20px; } .onboarding .select-control { padding: 8px 12px; border: 1px solid #e0e0e0; border-radius: 5px; margin-left: 10px; } .onboarding .subdomain-input { position: relative; } .onboarding .subdomain-input .domain-suffix { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); color: #666; } .onboarding .sign-in-text { text-align: left; margin-top: 20px; margin-bottom: 20px; } .onboarding .sign-in-text a { color: #2196f3; text-decoration: none; } #accountForm .field-group { margin-bottom: 20px; } #accountForm .password-input { position: relative; } #accountForm .password-toggle { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 5px; } #accountForm .form-control { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; } #accountForm .password-hint { font-size: 0.9em; color: #666; margin-top: 5px; } #accountForm .terms-text { margin: 20px 0; } #accountForm .button--primary { width: 100%; padding: 12px; background-color: var(--secondary-color); color: white; border: none; border-radius: 4px; cursor: pointer; border-radius: 15px !important; } #accountForm .button--primary:disabled { opacity: 0.7; cursor: not-allowed; } #accountForm a { color: var(--main-color); } #accountForm .sign-in-text { text-align: left; margin-top: 20px; } .app-wrap.webinar-wrap { display: flex; gap: 30px; } @media only screen and (max-width: 1024px) { .app-wrap.webinar-wrap { display: block; } } .webinars { background-color: #fff; padding: 40px; width: calc(100% - 287.9px); border-radius: 15px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 1024px) { .webinars { width: 100%; margin-bottom: 20px; overflow: hidden; } } @media only screen and (max-width: 768px) { .webinars { padding: 30px; } } .webinars__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 48.5px; } @media only screen and (max-width: 768px) { .webinars__header { display: block; } } .webinars__actions { display: flex; gap: 1rem; } @media only screen and (max-width: 768px) { .webinars__actions { display: block; margin-top: 20px; } } .webinars__actions select, .webinars__actions input { background: #f5f5f5; border-radius: 20px; border: 1px solid #ECECEC; padding: 0.75rem 1.5rem; } @media only screen and (max-width: 768px) { .webinars__actions select, .webinars__actions input { display: block; width: 100%; margin-bottom: 10px; } } .webinars__actions select { width: 200px; } @media only screen and (max-width: 768px) { .webinars__actions select { width: 100%; } } .webinars__table { width: 100%; border-collapse: collapse; } .webinars__table th, .webinars__table td { padding: 1rem; text-align: left; border-bottom: 1px solid #eee; } @media only screen and (max-width: 768px) { .webinars__table thead { display: none; } .webinars__table tbody tr { display: block; margin-bottom: 1rem; border: 1px solid #ddd; } .webinars__table tbody td { display: block; text-align: right; padding: 0.5rem; position: relative; padding-left: 50%; } .webinars__table tbody td:before { content: attr(data-label); position: absolute; left: 6px; width: 45%; padding-right: 10px; text-align: left; font-weight: bold; } } .webinars .webinar-name a { color: #000; } .webinars__performance { padding: 0.25rem 0.75rem; border-radius: 12px; font-size: 0.875rem; } .webinars__performance--winner { background-color: #5FC35B; color: #fff; } .webinars__performance--average { background-color: #FFBC00; color: #fff; } .webinars__performance--poor { background-color: #FFCBCB; color: #FF6363; } .webinar-name { cursor: pointer; } .create-webinar.step { text-align: center; } .create-webinar__field-group { margin: 0 auto; margin-bottom: 1rem; display: block; width: 100%; max-width: 426.7px; } .create-webinar__field-group label { display: block; font-size: 16px; font-weight: 600; margin-bottom: 0.5rem; } .create-webinar__field-group small { display: block; font-size: 14px; color: #666; margin-bottom: 0.5rem; } .create-webinar__field-group input { width: 100%; max-width: 426.7px; padding: 0.75rem; background: #f5f5f5; border: 1px solid #ECECEC; border-radius: 8px; } .create-webinar__actions { display: flex; justify-content: center; gap: 1rem; margin-top: 1rem; } .create-webinar__actions .button { max-width: 188px; width: 100%; } .update-webinar.step { text-align: left; } .update-webinar__field-group { margin: 0 auto; margin-bottom: 1rem; display: block; width: 100%; max-width: 426.7px; } .update-webinar__field-group label { display: block; font-size: 16px; font-weight: 600; margin-bottom: 0.5rem; } .update-webinar__field-group small { display: block; font-size: 14px; color: #666; margin-bottom: 0.5rem; } .update-webinar__field-group input { width: 100%; max-width: 426.7px; padding: 0.75rem; background: #fff; border: 1px solid #ECECEC; border-radius: 8px; } .update-webinar__actions { display: flex; justify-content: center; gap: 1rem; margin-top: 1rem; } .update-webinar__actions .button { max-width: 188px; width: 100%; } .update-webinar form { margin-top: 30px; } .create-webinar form { margin-top: 30px; } .create-webinar form .button { max-width: 188px; display: block; width: 100%; } .create-webinar__field-group { margin: 0 auto; margin-bottom: 1rem; display: block; width: 100%; max-width: 426.7px; text-align: left; text-align: left; } .create-webinar__field-group label { font-size: 16px; font-weight: 600; line-height: 22px; } .create-webinar__field-group small { font-size: 14px; line-height: 19px; } .create-webinar__field-group input { background: #F5F5F5; max-width: 426.7px !important; width: 100%; display: block; } .create-webinar__actions { display: flex; justify-content: center; gap: 1rem; margin-top: 1rem; } .webinar-setup__content { max-width: 800px; margin: 0 auto; padding: 100px 0px; } @media only screen and (max-width: 768px) { .webinar-setup__content { padding: 50px 15px !important; max-width: 100%; } } .webinar-setup__header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; background-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .webinar-setup__toggle_optional, .webinar-setup__toggle_required { font-size: 16px; font-weight: bold; } .webinar-setup__toggle_optional.active, .webinar-setup__toggle_required.active { color: var(--main-color); } .webinar-setup__form { max-width: 415px; width: 100%; margin: 0 auto; } .webinar-setup__templates { margin-top: 51px; } .webinar-setup__templates_part1 { display: flex; margin-bottom: 20px; justify-content: space-between; align-items: center; } .webinar-setup__templates_part1 h3 { font-size: 16px; } @media only screen and (max-width: 767px) { .webinar-setup__templates_part1 h3 { font-size: 15px; } } .webinar-setup__templates_part1 p, .webinar-setup__templates_part1 a.webinar-setup__selected-template { margin: 0px; color: var(--main-color); cursor: pointer; font-weight: bold; font-size: 16px; } .webinar-setup__templates_part1 p:hover, .webinar-setup__templates_part1 a.webinar-setup__selected-template:hover { color: var(--main-color); } @media only screen and (max-width: 767px) { .webinar-setup__templates_part1 p, .webinar-setup__templates_part1 a.webinar-setup__selected-template { font-size: 15px; } } .webinar-setup__logo img { width: 200px; } .webinar-setup__status { display: flex; align-items: center; gap: 1rem; } .webinar-setup__save-exit { background-color: var(--main-color); color: white; border: none; padding: 0.5rem 1rem; border-radius: 4px; cursor: pointer; text-decoration: none; } .webinar-setup__content { max-width: 800px; margin: 0 auto; padding: 100px 0px; } .webinar-setup__step { color: var(--main-color); font-size: 1.2rem; text-align: center; font-weight: bold; } .webinar-setup__title { font-size: 2rem; text-align: center; margin-bottom: 0.5rem; } .webinar-setup__description { color: #000; text-align: center; margin-bottom: 2rem; } .webinar-setup__template-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; margin-bottom: 2rem; background-color: white; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767px) { .webinar-setup__template-grid { grid-template-columns: repeat(1, 1fr); } } .webinar-setup__template-card { border-radius: 8px; text-align: left; } .webinar-setup__template-card img { width: 100%; height: auto; margin-bottom: 1rem; height: 140px; border-radius: 10px; } .webinar-setup__template-card h4 { margin-bottom: 0.5rem; font-size: 16px; font-weight: bold; } .webinar-setup__template-card p { font-size: 14px; color: var(--body-color); margin-bottom: 1rem; font-style: italic; } .webinar-setup__template_radio { display: none; } .webinar-setup__select-btn { background-color: white; color: var(--main-color); border: 1px solid var(--main-color); padding: 0.5rem 1rem; border-radius: 15px; cursor: pointer; display: block; width: 100%; font-size: 18px; text-align: center; font-weight: bold; } .webinar-setup__select-btn--selected { background-color: var(--main-color) !important; color: white; } .webinar-setup__customize { margin-bottom: 2rem; } .webinar-setup__customize_part2 { display: flex; margin-bottom: 20px; justify-content: space-between; align-items: center; } .webinar-setup__customize_part2 h3 { font-size: 16px; } @media only screen and (max-width: 767px) { .webinar-setup__customize_part2 h3 { font-size: 15px; } } .webinar-setup__customize_part2 p { margin: 0px; color: var(--main-color); } @media only screen and (max-width: 767px) { .webinar-setup__customize_part2 p { font-size: 15px; } } .webinar-setup__toggle { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; } .webinar-setup__field-group { margin-bottom: 1rem; } .webinar-setup__field-group label { display: block; margin-bottom: 0.5rem; font-weight: bold; } .webinar-setup__field-group input, .webinar-setup__field-group select, .webinar-setup__field-group textarea { width: 100%; padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; } .webinar-setup__field-group textarea { min-height: 100px; } .webinar-setup__field-group small { display: block; margin-top: 0.25rem; color: #666; } .webinar-setup__field-group a { color: #00b0ff; text-decoration: none; font-size: 0.9rem; } .webinar-setup__upload-btn { margin-top: 0.5rem; background-color: #f0f0f0; border: 1px solid #ccc; padding: 0.5rem 1rem; border-radius: 4px; cursor: pointer; } .webinar-setup__upload-btn:hover { background-color: #e0e0e0; } .webinar-setup .color-picker { display: flex; flex-wrap: wrap; gap: 1rem; } .webinar-setup .color-picker .color-item { display: flex; flex-direction: column; align-items: center; } .webinar-setup .color-picker .color-item label { font-size: 0.8rem; margin-bottom: 0.25rem; } .webinar-setup .color-picker .color-item input[type=color] { width: 40px; height: 40px; padding: 0; border: none; cursor: pointer; } .webinar-setup__continue-btn { background-color: var(--main-color); color: white; border: none; padding: 0.75rem 1.5rem; border-radius: 20px; cursor: pointer; font-size: 1rem; display: block; max-width: 188px; width: 100%; margin: 0 auto; } .webinar-setup__continue-btn:disabled { background-color: #cccccc; cursor: not-allowed; } .accordion { margin-bottom: 1rem; margin-top: 30px; list-style-type: none; padding: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-radius: 15px; background: #FFF; } .accordion .add-more-link.add-more-schedule { display: none !important; } .accordion__item { border-bottom: 1px solid #e0e0e0; } .accordion__header { display: flex; align-items: center; cursor: pointer; padding: 23px 27px; } .accordion__number { width: 40.2px; height: 40.2px; background-color: #aeaeae; color: white; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 1rem; font-weight: bold; } .accordion__title { flex-grow: 1; font-weight: bold; } .accordion__status { margin-right: 1rem; padding: 5px 20px; border-radius: 12px; font-size: 0.8rem; font-weight: bold; } .accordion__status--Required { background-color: #ffcccb; color: #d32f2f; } .accordion__status--Optional { background-color: #e0e0e0; color: #757575; } .accordion__status--Complete { background-color: #c8e6c9; color: #388e3c; } .accordion__toggle { transition: transform 0.3s ease; } .accordion .accordion__toggle { content: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.49992 10.2072L11.707 6.00006L3.29282 6.00006L7.49992 10.2072Z' fill='%23000000'/%3E%3C/svg%3E"); } .accordion__content { padding: 26px 37px; background-color: #F5F5F5; } @media only screen and (max-width: 768px) { .accordion__content { padding: 15px 20px; } } .publish-button { background-color: var(--main-color); color: white !important; border: none; padding: 0.75rem 1.5rem; border-radius: 20px; cursor: pointer; font-size: 1rem; display: block; max-width: 188px; width: 100%; margin: 0 auto; font-weight: bold; margin-top: 40px; text-align: center; color: #000; } .publish-button:disabled { background-color: #cccccc; cursor: not-allowed; } .set-webinar-schedule .field-group label { display: block; margin-bottom: 0.5rem; font-weight: bold; } .set-webinar-schedule .field-group select, .set-webinar-schedule .field-group input[type=number], .set-webinar-schedule .field-group input[type=time] { width: 100%; padding: 0.5rem; border: 1px solid #e0e0e0; border-radius: 4px; background-color: #fff; } .set-webinar-schedule .field-group .help-text { font-size: 0.8rem; color: #666; margin-top: 0.25rem; } .set-webinar-schedule .schedule-options .schedule-row { display: flex; gap: 0.5rem; align-items: center; position: relative; } @media only screen and (max-width: 767px) { .set-webinar-schedule .schedule-options .schedule-row { display: block; } } .set-webinar-schedule .schedule-options .schedule-item { flex: 1; } .set-webinar-schedule .schedule-options .schedule-item.narrow { flex: 0 0 100px; } .set-webinar-schedule .schedule-options .schedule-item input[readonly] { background-color: #fff; color: #666; } .set-webinar-schedule .schedule-options .schedule-item-timezone { flex: 1.5; } .set-webinar-schedule .schedule-options .field-readonly { width: 115px; } .set-webinar-schedule .schedule-options .field-readonly input[readonly] { background-color: #fff; color: #666; width: 100%; } .set-webinar-schedule .schedule-options .remove-btn { position: absolute; right: -25px; top: 25px; } .set-webinar-schedule .add-more-link { display: block; color: var(--main-color); text-decoration: none; font-size: 0.9rem; text-align: center; margin-top: 1rem; } .add-options-popup .popup-title { font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem; } .add-options-popup .popup-description { margin-bottom: 1rem; } .add-options-popup .button { width: 100% !important; display: block; } .link-offer .field-group { margin-bottom: 1rem; position: relative; } .link-offer .field-group .icon-copy, .link-offer .field-group .icon-check { position: absolute; right: 15px; bottom: 15px; } .link-offer .field-group label { display: block; margin-bottom: 0.5rem; font-weight: bold; position: relative; } .link-offer .field-group input, .link-offer .field-group select, .link-offer .field-group textarea { width: 100% !important; padding: 0.5rem; border: 1px solid #ccc; border-radius: 4px; display: block; } .link-offer .field-group textarea { min-height: 100px; } .link-offer .field-group .help-text { font-size: 0.8rem; color: #666; margin-top: 0.25rem; } .link-offer .add-more-link, .link-offer .create-offer-link { display: block; color: var(--main-color); text-decoration: none; font-size: 0.9rem; text-align: center; margin-top: 30px; } .link-offer .create-offer-link { position: absolute; margin: 0px; right: 0px; top: 0px; } .link-offer .offer-link { position: relative; } .link-offer .remove-page-btn { position: absolute; right: -30px; bottom: 15px; } .upload-webinar .field-group { margin-bottom: 1rem; } .upload-webinar .field-group label { display: block; margin-bottom: 0.5rem; font-weight: bold; } .upload-webinar .field-group input, .upload-webinar .field-group select, .upload-webinar .field-group textarea { width: 100%; padding: 0.5rem; border: 1px solid #e0e0e0; border-radius: 4px; } .upload-webinar .field-group textarea { min-height: 100px; } .upload-webinar .field-group .help-text { font-size: 0.8rem; color: #666; margin-top: 0.25rem; } .upload-webinar .upload-input { display: flex; gap: 0.5rem; } .upload-webinar .upload-input input { flex-grow: 1; } .upload-webinar .upload-input .upload-button { background-color: #00b0ff; color: white; border: none; padding: 0.5rem 1rem; border-radius: 4px; cursor: pointer; } .upload-webinar .customization { margin-top: 2rem; } .upload-webinar .customization .option { margin-bottom: 1rem; } .upload-webinar .customization .option label { display: flex; justify-content: space-between; align-items: center; position: relative; padding-left: 20px; } .upload-webinar .customization .option label::before { position: absolute; left: 0px; content: url("data:image/svg+xml,%3Csvg width='10px' height='10px' viewBox='0 0 50 75' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(8.33333,0,0,8.33333,-4647.45,-3558.68)'%3E%3Cpath d='M557.694,427.041L563.66,431.515L557.694,435.989' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A"); } .upload-webinar .customization .offer-delay-option { position: relative; } .upload-webinar .customization .offer-delay-inputs { display: flex; gap: 0.5rem; margin-top: 0.5rem; position: absolute; left: 150px !important; top: -20px; } .upload-webinar .customization .offer-delay-inputs input, .upload-webinar .customization .offer-delay-inputs select { padding: 0.25rem; border: 1px solid #e0e0e0; border-radius: 4px; width: 45%; } .upload-webinar .customization .offer-delay-inputs input { width: 50%; } .upload-webinar .duration-input-group { display: flex; gap: 10px; align-items: flex-start; } .upload-webinar .duration-dropdowns { display: flex; gap: 10px; align-items: flex-start; align-items: center; } .upload-webinar .duration-dropdowns .duration-input-group { align-items: center; } .upload-webinar .duration-dropdowns .duration-input-group select { width: 120px !important; } .upload-webinar .duration-number { width: 100px !important; } .upload-webinar .duration-unit { width: 120px !important; } .toggle-switch { position: relative; display: inline-block; width: 39px; height: 24px; } .toggle-switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 34px; } .update-webinar { max-width: 768px; padding: 100px; margin: 0 auto; } .update-webinar #createWebinarForm { margin-bottom: 30px; } .slider:before { position: absolute; content: ""; width: 18px; height: 18px; left: 4px; bottom: 3px; background-color: white; transition: 0.4s; border-radius: 50%; } input:checked + .slider { background-color: var(--main-color); } input:focus + .slider { box-shadow: 0 0 1px var(--main-color); } input:checked + .slider:before { transform: translateX(13px); } .review-emails .email-slider { text-align: center; margin-bottom: 20px; } .review-emails .email-slider .slider-dots { margin-bottom: 10px; display: none; } .review-emails .email-slider .slider-dots .dot { display: inline-block; width: 12.2px; height: 12.2px; border-radius: 50%; background-color: #D9D9D9; margin: 0 5px; cursor: pointer; } .review-emails .email-slider .slider-dots .dot.active { background-color: #00b0ff; } .review-emails .email-slider h4 { margin-bottom: 5px; font-size: 16px; font-weight: bold; text-align: left; } .review-emails .email-slider .help-text { color: #666; font-size: 14px; margin: 0; text-align: left; } .review-emails .email-slider .help-text em { font-style: normal; text-decoration: underline; } .review-emails .email-list-header { display: grid; grid-template-columns: 1fr 1fr auto; gap: 20px; padding: 10px 0; border-bottom: 1px solid #e0e0e0; font-weight: bold; color: #666; font-size: 14px; margin-bottom: 30px; } .review-emails .email-list .email-item { display: grid; grid-template-columns: 1fr 1fr auto; gap: 20px; align-items: center; margin-bottom: 40px; position: relative; } .review-emails .email-list .email-item::before { content: ""; position: absolute; height: 35.7px; width: 1px; background-color: #d1edf6; top: 35px; left: 15px; } .review-emails .email-list .email-item:last-child::before { display: none; } .review-emails .email-list .email-item .email-icon-and-title { display: flex; align-items: center; } .review-emails .email-list .email-item .email-icon { color: #00b0ff; margin-right: 10px; font-size: 20px; } .review-emails .email-list .email-item .email-title { font-size: 14px; } .review-emails .email-list .email-item .email-schedule { color: #666; font-size: 14px; } .review-emails .email-list .email-item .preview-button { background-color: var(--main-color); color: white; border: none; border-radius: 15px; cursor: pointer; font-size: 14px; transition: background-color 0.3s ease; padding: 0px 18px !important; line-height: 32px; } .webinar-header_overview { display: grid; grid-template-columns: 1fr 1fr; } @media only screen and (max-width: 767px) { .webinar-header_overview { padding: 10px; } } .webinar-header__logo { width: 200px; } .webinar-header_overview .webinar-header__save-exit { margin: 0px; border-radius: 15px; } @media only screen and (max-width: 1024px) { .webinar-header_overview .webinar-header__save-exit { display: block; width: 300px !important; } } .webinar-header__link { display: flex; gap: 15px; align-items: center; justify-content: right; } .registration-url { display: flex; gap: 15px; align-items: center; font-weight: bold; flex: none; } @media only screen and (max-width: 768px) { .registration-url { display: none; } } .registration-url a { font-weight: normal; max-width: 243px; overflow: hidden; padding: 12px 30px !important; text-decoration: none; font-size: 16px; border: 1px solid #ECECEC; background: #F5F5F5; border-radius: 15px; width: 100%; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; } .webinar-wrap { display: flex; gap: 30px; } @media only screen and (max-width: 1024px) { .webinar-wrap { display: block; } } .webinar-wrap .webinars__header { margin-bottom: 0px; } .switch-wrap { display: flex; gap: 10px; } .switch { margin-bottom: 0px !important; } .webinars { background-color: #fff; padding: 40px; width: calc(100% - 287.9px); border-radius: 15px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767px) { .webinars h1 { font-size: 22px; text-align: center; margin-bottom: 10px; } } @media only screen and (max-width: 1024px) { .webinars { width: 100%; padding: 30px; } } .webinars-header__status { width: auto; } .webinars__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 48.5px; } @media only screen and (max-width: 1024px) { .webinars__header { display: block; } } .webinars__actions { display: flex; gap: 1rem; } @media only screen and (max-width: 1024px) { .webinars__actions { width: 100%; } } @media only screen and (max-width: 767px) { .webinars__actions { display: inline-block; } .webinars__actions input { width: 100%; } .webinars__actions .button { width: 45% !important; display: inline-block; text-align: center; margin: 5px; } } .webinars .webinar-name { cursor: pointer; } .webinars .webinars__actions select, .webinars .webinars__actions input { background: #F5F5F5; border-radius: 20px; border-color: #ECECEC; padding: 0.75rem 1.5rem; } .webinars .webinars__actions select { width: 200px; } .webinars .content-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 0px; margin-bottom: 20px; } @media only screen and (max-width: 768px) { .webinars .content-grid { display: block; height: auto; } .webinars .content-grid canvas { height: 400px !important; } } .webinars .video-analytics, .webinars .campaign-stats { background-color: white; border-radius: 8px; } .webinars .video-analytics h2, .webinars .campaign-stats h2 { font-size: 18px; margin-bottom: 15px; } .webinars .video-analytics .chart-container { margin-bottom: 10px; } .webinars .video-analytics .chart-container img { width: 100%; border-radius: 8px; } .webinars .video-analytics .chart-legend { display: flex; justify-content: center; gap: 20px; margin-bottom: 10px; } .webinars .video-analytics .chart-legend span { display: flex; align-items: center; font-size: 14px; } .webinars .video-analytics .chart-legend span::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px; } .webinars .video-analytics .chart-legend span.watch-rate::before { background-color: #00b0ff; } .webinars .video-analytics .chart-legend span.purchases::before { background-color: #4caf50; } .webinars .video-analytics .chart-note { font-size: 12px; color: #666; font-style: italic; } @media only screen and (max-width: 768px) { .webinars .campaign-stats { display: block; margin-top: 10px; } } .webinars .campaign-stats .stats-header { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; justify-content: space-between; } .webinars .campaign-stats .stats-header h2 { margin-bottom: 0px; } .webinars .campaign-stats .stats-grid { display: grid; grid-template-columns: 1fr; gap: 15px; } .webinars .campaign-stats .stats-grid .stat-item { display: flex; justify-content: space-between; font-size: 14px; } .webinars .campaign-stats .stats-grid .stat-item .stat-label { color: #666; display: flex; gap: 6.5px; } .webinars .campaign-stats .stats-grid .stat-item .stat-label::before { content: "\f0da"; font-family: "FontAwesome"; position: relative; width: 22.1px; height: 22.1px; border-radius: 100%; border: none; display: inline-block; background: transparent; text-align: center; } .webinars .campaign-stats .stats-grid .stat-item .stat-value { font-weight: bold; } .webinars .campaign-stats .stats-grid .stat-item .stat-value .not-ready { color: #fff; background-color: var(--main-color); padding: 2px 5px; border-radius: 3px; opacity: 0.4; font-weight: 500; } .webinars .campaign-stats .stats-grid.loading .stat-item { position: relative; } .webinars .campaign-stats .stats-grid.loading .stat-item::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; bottom: 0; background-image: linear-gradient(270deg, #ffffff, #c2c2c2, #e8e8e8); border-radius: 2px; animation: bgchanges 1s infinite both; background-size: 800% 100%; } .webinars .footer { background-color: white; padding: 20px; border-radius: 8px; text-align: center; font-size: 14px; } .webinars .footer .book-call-button { background-color: #004d40; color: white; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; margin-top: 10px; font-size: 14px; } .video-analytics { padding: 20px; background: white; border-radius: 15px; } .analytics-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .analytics-header h2 { font-size: 20px; color: #666; font-weight: 400; margin-left: 60px !important; } .analytics-header .legend { display: flex; gap: 20px; } .analytics-header .legend .legend-item { display: flex; align-items: center; gap: 8px; color: #666; font-size: 14px; } .analytics-header .legend .legend-item .dot { width: 8px; height: 8px; border-radius: 50%; } .analytics-header .legend .legend-item.watch-rate .dot { background-color: #00b0ff; } .analytics-header .legend .legend-item.purchases .dot { background-color: #4caf50; } .analytics-container { display: flex; gap: 10px; margin-bottom: 20px; } .video-wrapper { position: relative; width: 100%; aspect-ratio: 16/9; background: #000; border-radius: 15px; overflow: hidden; z-index: 1; } .video-wrapper iframe { width: 100%; height: 100%; } .chart-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 60px; background: rgba(0, 0, 0, 0.5); z-index: 999; } .y-axis { display: flex; gap: 5px; } .y-axis .y-axis-label { writing-mode: vertical-lr; transform: rotate(180deg); text-align: center; color: #666; font-size: 12px; padding: 10px 0; } .y-axis .y-axis-values { display: flex; flex-direction: column; justify-content: space-between; text-align: right; padding-right: 10px; color: #666; font-size: 12px; min-width: 30px; } .axis-bottom { margin-top: 10px; } .axis-bottom .x-axis-values { display: flex; justify-content: space-between; color: #666; font-size: 12px; padding: 0 10px; margin-bottom: 5px; } .axis-bottom .x-axis-label { text-align: center; color: #666; font-size: 12px; } .attention-message { text-align: center; color: #666; font-size: 13px; margin-top: 10px; font-style: italic; } :deep(.video-js) { width: 100%; height: 100%; } :deep(.video-js) .vjs-big-play-button { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 999; } :deep(.video-js) .vjs-control-bar { z-index: 3; } .video-analytics { padding: 20px; background: white; border-radius: 15px; } .analytics-container { display: flex; gap: 10px; } .video-wrapper { position: relative; width: 100%; aspect-ratio: 16/9; background: #000; border-radius: 15px; overflow: hidden; z-index: 1; } .chart-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 60px; background: rgba(0, 0, 0, 0.5); z-index: 999; } :deep(.video-js) { width: 100%; height: 100%; } :deep(.video-js) .vjs-big-play-button { top: 58% !important; left: 55% !important; transform: translate(-58%, -55%) !important; } :deep(.video-js) .vjs-control-bar { z-index: 3; } :deep(.video-js).vjs-error .vjs-error-display { display: block; } .video-analytics { padding: 20px; background: white; border-radius: 15px; } .analytics-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .analytics-header h2 { font-size: 24px; color: #AEAEAE; font-weight: 500; margin: 0; font-weight: bold; } .analytics-header .legend { display: flex; gap: 20px; } .analytics-header .legend .legend-item { display: flex; align-items: center; font-size: 16px; color: #8C8C8C; font-weight: 600; } .analytics-header .legend .legend-item::before { content: ""; display: inline-block; width: 20px; height: 20px; border-radius: 50%; margin-right: 8px; } .analytics-header .legend .legend-item.watch-rate::before { background-color: #00b0ff; } .analytics-header .legend .legend-item.purchases::before { background-color: #4caf50; } .analytics-wrapper { display: flex; gap: 10px; margin-bottom: 20px; } .y-axis { display: flex; gap: 5px; } .y-axis .y-axis-label { writing-mode: vertical-lr; transform: rotate(180deg); text-align: center; color: #666; font-size: 14px; padding: 10px 0; } .y-axis .y-axis-values { display: flex; flex-direction: column; justify-content: space-between; text-align: right; padding-right: 10px; color: #666; font-size: 14px; min-width: 30px; } .chart-container { flex: 1; display: flex; flex-direction: column; position: relative; } .video-wrapper { position: relative; width: 100%; aspect-ratio: 16/9; border-radius: 15px; overflow: hidden; background: #000; z-index: 1; } .video-wrapper .video-js { width: 100%; height: 100%; } .progress { color: var(--main-color); } .chart-overlay { position: absolute; top: 0; left: 0; right: 0; height: calc(100% - 54px); background: rgba(0, 0, 0, 0.5); border-radius: 15px; z-index: 999; } .axis-bottom { margin-top: 10px; } .axis-bottom .x-axis-values { display: flex; justify-content: space-between; color: #666; font-size: 14px; padding: 0 10px; margin-bottom: 5px; } .axis-bottom .x-axis-label { text-align: center; color: #666; font-size: 12px; } .chart-note { text-align: center; color: #666; font-style: italic; font-size: 12px; } :deep(.video-js) .vjs-big-play-button { top: 58% !important; left: 55% !important; transform: translate(-58%, -55%) !important; } :deep(.video-js) .vjs-control-bar { z-index: 3; } .campaign-stats { border-radius: 15px; padding: 20px; padding-right: 0px; } .campaign-stats .stats-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .campaign-stats .stats-header h2 { font-size: 20px; color: #AEAEAE; font-weight: 500; margin: 0; font-weight: bold; } .campaign-stats .switch-wrap { display: flex; align-items: center; gap: 10px; } .campaign-stats .switch-wrap .switch-label { font-size: 14px; color: #666; font-style: italic; } .campaign-stats .switch { position: relative; display: inline-block; width: 40px; height: 20px; margin-bottom: 0px !important; } .campaign-stats .switch input { opacity: 0; width: 0; height: 0; } .campaign-stats .switch input:checked + .slider { background-color: #2196F3; } .campaign-stats .switch input:checked + .slider:before { transform: translateX(20px); } .campaign-stats .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 34px; } .campaign-stats .switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; transition: 0.4s; border-radius: 50%; } .campaign-stats .stats-grid { display: grid; gap: 10px; padding: 0px 20px; } .campaign-stats .stats-grid .stat-item { display: flex; justify-content: space-between; align-items: center; font-size: 14px; } .campaign-stats .stats-grid .stat-item .stat-label { color: #000; display: flex; align-items: center; gap: 13.5px; font-weight: bold; gap: 13.5px; } .campaign-stats .stats-grid .stat-item .stat-label::before { content: ""; display: block; width: 22.1px; height: 22.1px; border-radius: 100%; border: 0.6px solid #ECECEC; background: #F5F5F5; } .campaign-stats .stats-grid .stat-item .stat-value { font-weight: 600; display: flex; align-items: center; gap: 5px; } .campaign-stats .stats-grid .stat-item .comparison-value { font-size: 12px; font-weight: normal; width: 45px; margin-left: 5px; } .campaign-stats .stats-grid .stat-item .comparison-value.positive { color: #4caf50; } .campaign-stats .stats-grid .stat-item .comparison-value.positive::before { content: "▲"; font-size: 9px; vertical-align: middle; margin-right: 2px; display: inline-block; margin-top: -2px; margin-left: 2px; } .campaign-stats .stats-grid .stat-item .comparison-value.negative { color: #f44336; } .campaign-stats .stats-grid .stat-item .comparison-value.negative::before { content: "▼"; font-size: 9px; vertical-align: middle; margin-right: 2px; display: inline-block; margin-top: -2px; margin-left: 2px; } .campaign-stats .scale-section { background: #F5F5F5; border-radius: 15px; padding: 15px 8px; text-align: center; margin-top: 40px; border: 2px dashed #E7EBED; } .campaign-stats .scale-section .scale-text { color: #666; font-size: 14px; line-height: 1.4; margin: 0 0 15px 0; padding: 0 10px; } .campaign-stats .scale-section .scale-text em { font-style: italic; } .campaign-stats .scale-section .book-call-button { background: #114B5F; color: white; border: none; padding: 5px 20px !important; border-radius: 8px; font-size: 14px; font-weight: bold; cursor: pointer; transition: background-color 0.2s; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .campaign-stats .scale-section .book-call-button:hover { background: #0D3B4A; } @media only screen and (max-width: 768px) { .campaign-stats { margin-top: 20px; } } .email-item .three-dots-menu { position: relative; display: none; position: absolute; right: -20px; } .email-item .three-dots-btn { background: none; border: none; padding: 5px; cursor: pointer; display: grid; gap: 2px; align-items: center; grid-template-columns: 1fr; } .email-item .dot { width: 4px; height: 4px; background: #666; border-radius: 50%; } .email-item .menu-dropdown { position: absolute; right: 0; top: 100%; background: white; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); display: none; min-width: 100px; } .email-item .menu-item { padding: 8px 12px; cursor: pointer; } .email-item .menu-item:hover { background: #f5f5f5; } .email-item .three-dots-menu:hover .menu-dropdown { display: block; } .page-webinar { height: calc(100vh - 84.59px); overflow: hidden; box-sizing: border-box; } .page-webinar .activity { display: none; box-sizing: border-box; } .page-webinar .webinars { width: 100%; box-sizing: border-box; } .page-webinar .webinars__table-container { height: 100%; position: relative; overflow: hidden; } .page-webinar .webinars__table { width: 100%; border-collapse: collapse; } .page-webinar .webinars__table thead { position: sticky; top: 0; z-index: 1; background: white; } .page-webinar .webinars__table thead th { box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); } .page-webinar .webinars__table thead tr { display: table; width: 100%; table-layout: fixed; } .page-webinar .webinars__table tbody { display: block; overflow-y: auto; height: calc(100vh - 2rem - 334.09px); } .page-webinar .webinars__table tbody tr { display: table; width: 100%; table-layout: fixed; } .page-webinar .webinars__table tbody tr td { border-bottom: 1px solid #eee !important; } .page-webinar .webinars__table tbody::-webkit-scrollbar { width: 3px; } .page-webinar .webinars__table tbody::-webkit-scrollbar-track { background: #fff; } .page-webinar .webinars__table tbody::-webkit-scrollbar-thumb { background: var(--main-color); border-radius: 3px; } .page-webinar .webinars__table .performance { width: 200px; } .page-webinar .webinars__table .date { width: 270px; } .page-webinar .webinars__table .status-label { text-align: center; } .page-webinar .webinars__table .webinar-name { width: 250px; } @media only screen and (max-width: 1024px) { .page-webinar .webinars__table .performance, .page-webinar .webinars__table .date, .page-webinar .webinars__table .status-label, .page-webinar .webinars__table .webinar-name { width: auto; } } @media only screen and (max-width: 600px) { .page-webinar .webinars__table .performance, .page-webinar .webinars__table .date, .page-webinar .webinars__table .status-label, .page-webinar .webinars__table .webinar-name { width: 100%; } } .page-webinar #webinarTableBody { overflow-y: scroll; box-sizing: border-box; } .webimar-manage .webinar-header { display: none !important; } .webimar-manage .webinar-header.webinar-header_overview { display: flex !important; } .field-group_chat_file { display: none; } .tox-tinymce { border: 1px solid #ccc !important; border-radius: 15px; } .accounts { max-width: 915px; width: 100%; margin: 0 auto; } .accounts__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; } .accounts__header h1 { margin: 0px; } .accounts__header .dashboard__actions { margin-bottom: 0px; } .accounts__pages { background-color: white; padding: 40px; border-radius: 15px; border: 1px solid #D9D9D9; } @media only screen and (max-width: 768px) { .accounts__pages { padding: 20px; } } .accounts__pages a { text-decoration: none; } .accounts__pages .button { text-align: center; cursor: pointer; } .accounts__page-item { display: flex; align-items: center; padding: 20px 0px; border-bottom: 1px solid #e0e0e0; cursor: pointer; transition: background-color 0.3s ease; } @media only screen and (max-width: 768px) { .accounts__page-item { padding: 10px 0px; } } .accounts__page-item:last-child { border-bottom: none; } .accounts__page-item i { font-size: 24px; margin-right: 20px; color: var(--main-color); position: relative; top: -10px; } .accounts__page-item .fa-chevron-right { margin-left: auto; color: #999; } .accounts__page-info { flex-grow: 1; } .accounts__page-info h3 { font-size: clamp(16px, 2vw, 18px); color: var(--heading-color); font-weight: bold; } .accounts__page-info p { margin: 0; font-size: clamp(14px, 2vw, 16px); color: var(--body-color); } .accounts .button__back { text-align: center; margin: 0 auto; display: block; margin-top: 60px; width: 240px; font-weight: bold; } .profile-info .profile-field { display: block; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #e0e0e0; position: relative; } .profile-info .profile-field:last-child { border-bottom: none; padding-bottom: 0px !important; } .profile-info .profile-field:first-child { padding-top: 0px !important; } .profile-info .profile-field h2 { font-size: 18px; margin: 0; width: 100%; } .profile-info .profile-field p { flex-grow: 1; font-size: 16px; margin: 0px; } .profile-info a { color: #000; } .edit-button { color: #999; position: absolute; right: 0px; bottom: 30%; padding: 0px; } .edit-button:hover { color: var(--main-color); } .password-input-wrapper { position: relative; display: flex; align-items: center; } .password-input-wrapper input { flex-grow: 1; padding-right: 35px; /* Make room for the eye icon */ } .password-toggle-icon { position: absolute; right: 10px; top: 20px; cursor: pointer; font-size: 18px; color: #999; } .error-message { color: red; margin-bottom: 10px; font-weight: bold; } .section-title { font-size: 18px; font-weight: 500; margin-bottom: 20px; } .membership-info .plan-header { display: flex; justify-content: space-between; align-items: center; position: relative; } .membership-info .plan-header h3 { font-size: 18px; font-weight: bold; margin: 0; } .membership-info .payment-item { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid #e0e0e0; position: relative; } .membership-info .payment-item:last-child { border-bottom: none; } .membership-info .payment-item h3 { font-size: 18px; font-weight: bold; margin: 0; } .membership-info .payment-item p { margin: 0; } .membership-info .payment-method { flex-grow: 1; } .membership-info .card-info { display: flex; align-items: center; margin-top: 5px; } .membership-info .card-info img { margin-right: 10px; width: 50px; } .membership-info .card-info span { font-size: 14px; } .membership-info .next-payment { display: block; padding-top: 0px; } .membership-info .view-history-item { padding-bottom: 0px; cursor: pointer; } #membershipView .accounts__pages { margin-bottom: 40px !important; } .payment-history-table { width: 100%; border-collapse: separate; border-spacing: 0 10px; } .payment-history-row { display: grid; align-items: center; padding: 15px; margin-bottom: 10px; border-radius: 5px; grid-template-columns: 1fr 2fr 2fr 2fr 1fr 1fr 1fr; } .payment-history-row.header { border-bottom: 1px solid #e0e0e0; font-weight: normal; color: #666; padding: 15px 15px; grid-template-columns: 1fr 2fr 2fr 2fr 1fr 1fr 1fr 1fr; } @media (max-width: 768px) { .payment-history-row.header { display: none; } } .payment-history-row:not(.header) { background-color: #ffffff; border: 1px solid #e0e0e0; } .payment-history-row:not(.header):nth-child(even) { background-color: #F5F5F5; } .payment-history-row > div { flex: 1 1 16%; padding: 5px; } @media (max-width: 768px) { .payment-history-row > div { flex: 1 1 100%; padding: 5px 0; } } .payment-history-row > div .label { display: none; font-weight: bold; margin-right: 5px; } @media (max-width: 768px) { .payment-history-row > div .label { display: inline; } } .status { padding: 5px 10px; border-radius: 15px; font-size: 14px; display: inline-flex; gap: 10px; align-items: center; } .status.paid { background-color: #e6f4ea; color: #1e8e3e; } .status.unpaid { background-color: #F3F3F3; color: #A8A8A8; } .download-button { background: none; border: none; color: #000; cursor: pointer; display: flex; align-items: center; font-size: 14px; gap: 10px; padding: 0; } .download-button .icon-download { margin-right: 5px; } .my-account-wrap .woocommerce-MyAccount-navigation { display: none; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .jupiterx-wc-loadmore-button, .woocommerce .jupiterx-wc-loadmore-button:hover { background-color: var(--secondary-color); color: #fff; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; font-size: 16px; font-weight: bold; text-transform: uppercase; display: inline-block; text-align: center; text-decoration: none; white-space: nowrap; line-height: 1; margin: 0; outline: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #f5f5f5; border-radius: 5px; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #fff; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border: 1em solid #ffffff; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } .tutorial-detail { margin: 0 auto; display: flex; gap: 60px; } .tutorial-detail .loading { text-align: center; padding: 20px; color: #666; } .tutorial-detail .error { color: #dc3545; padding: 20px; text-align: center; background: #f8d7da; border-radius: 4px; margin: 20px 0; } .tutorial-detail .category { margin-bottom: 40px; } .tutorial-detail .category_name { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .tutorial-detail .view-all { font-size: 14px; color: #3498db; text-decoration: none; } .tutorial-detail .view-all:hover { text-decoration: underline; } @media only screen and (max-width: 1024px) { .tutorial-detail { display: block; } } @media only screen and (max-width: 767px) { .tutorial-detail { padding: 0px; } } .tutorial-detail .tutorial-content { width: 80%; position: relative; } @media only screen and (max-width: 1024px) { .tutorial-detail .tutorial-content { display: block; } } @media only screen and (max-width: 767px) { .tutorial-detail .tutorial-content { width: 100%; } } .tutorial-detail .tutorial-content .btn-mark { position: absolute; top: 0px; right: 0px; border: 2px solid var(--secondary-color); background: none; color: var(--secondary-color); } @media only screen and (max-width: 767px) { .tutorial-detail .tutorial-content .btn-mark { position: relative; display: block; width: 100%; margin-bottom: 20px; } } .tutorial-detail .tutorial-content .btn-mark.button__primary { background: var(--secondary-color); color: #fff; } .tutorial-detail .related-tutorials { width: 20%; } @media only screen and (max-width: 1024px) { .tutorial-detail .related-tutorials { width: 100%; margin-top: 40px; } } .tutorial-detail .tutorials__grid_card img { height: 160px; } .tutorial-detail .tutorial-info h3 { font-size: 18px; line-height: 20px; margin-bottom: 5px; } .tutorial-title { font-size: 24px; padding-top: 15px; position: relative; margin-bottom: 0px; } .back-button { background-color: #3498db; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; } .video-container, .video-container #videoEmbed { width: 100%; height: 60vh; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .video-container, .video-container #videoEmbed { height: 300px; } } .video-container video, .video-container iframe { width: 100%; height: 100%; border-radius: 10px; } .tutorial-info button { background-color: #2ecc71; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; } .tutorial-info button.completed { background-color: #95a5a6; } .tutorial-info p { color: #000; } .tutorial-description { margin-bottom: 30px; padding-top: 30px; } .related-tutorials h3 { font-size: 22px; font-weight: bold; margin-bottom: 10px; } .tutorial-detail .tutorials { background-color: white; padding: 40px; border-radius: 15px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .tutorial-detail .tutorials__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 45px; } .tutorial-detail .tutorials__header h1 { margin: 0px; } .tutorial-detail .tutorials__title { font-size: 32px; font-weight: bold; } .tutorial-detail .tutorials__actions { display: flex; justify-content: flex-end; gap: 1rem; } .tutorial-detail .tutorials__grid { display: grid; grid-template-columns: 1fr; grid-gap: 20px; margin-bottom: 20px; } .tutorial-detail .tutorials .search-bar input { padding: 12px 30px !important; height: 53px; } .category_name { display: flex; justify-content: space-between; margin-bottom: 20px; } .category_name a { color: var(--main-color); font-weight: bold; text-decoration: none; } .tutorials { background-color: white; padding: 40px; border-radius: 15px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767px) { .tutorials { padding: 20px; } } .tutorials__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 45px; } @media only screen and (max-width: 768px) { .tutorials__header { display: block; } } .tutorials__header h1 { margin: 0px; } .tutorials__title { font-size: 32px; font-weight: bold; } @media only screen and (max-width: 767px) { .tutorials__title { font-size: 22px; text-align: center; } } .tutorials__actions { display: flex; justify-content: flex-end; gap: 1rem; } @media only screen and (max-width: 767px) { .tutorials__actions { margin-top: 20px; display: block; } } @media only screen and (max-width: 767px) { .tutorials__actions .button { width: 100% !important; display: block !important; margin-top: 10px; } } .search-bar { position: relative; } .search-bar .icon-search { position: absolute; height: 20px; left: 24px; top: 16px; } .search-bar input { background-color: #f5f5f5; padding: 12px 30px !important; padding-left: 50px !important; height: 53px; font-weight: 600; } @media only screen and (max-width: 767px) { .search-bar input { width: 100%; } } .tutorials__grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 40px; margin-bottom: 40px; } @media only screen and (max-width: 1024px) { .tutorials__grid { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 768px) { .tutorials__grid { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 767px) { .tutorials__grid { grid-template-columns: repeat(1, 1fr); } } .tutorials__grid_card { position: relative; } .tutorials__grid_card a { text-decoration: none; } .tutorials__grid_card img { height: 200px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); width: 100%; object-fit: cover; border-radius: 15px; transition: opacity 0.3s; } .tutorials__grid_card img.lazy-image { opacity: 0; } .tutorials__grid_card h3 { margin-top: 20px; color: #000; font-weight: bold; } .tutorials__grid_card .duration { color: #000; } .tutorials__grid_card .checkmark-tutorial { position: absolute; top: 10px; right: 10px; background-color: var(--main-color); color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; z-index: 1; } .tutorials__grid_card .checkmark-tutorial i { font-size: 14px; } .loading { text-align: center; padding: 20px; color: #666; } .error { color: #dc3545; padding: 20px; text-align: center; background: #f8d7da; border-radius: 4px; margin: 20px 0; } .load-more { display: block; margin: 20px auto; padding: 10px 30px; } .rw-file-manager { background: #ffffff; border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); max-width: 900px; width: 100%; max-height: 80vh; overflow-y: auto; } .rw-file-manager .icon-grid { display: inline-block; width: 18px; height: 18px; position: relative; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' /%3E%3Crect x='14' y='3' width='7' height='7' /%3E%3Crect x='3' y='14' width='7' height='7' /%3E%3Crect x='14' y='14' width='7' height='7' /%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: middle; } .rw-file-manager .icon-list { display: inline-block; width: 18px; height: 18px; position: relative; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6' /%3E%3Cline x1='8' y1='12' x2='21' y2='12' /%3E%3Cline x1='8' y1='18' x2='21' y2='18' /%3E%3Cline x1='3' y1='6' x2='3.01' y2='6' /%3E%3Cline x1='3' y1='12' x2='3.01' y2='12' /%3E%3Cline x1='3' y1='18' x2='3.01' y2='18' /%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: middle; } .rw-file-manager__header { padding: 18px 24px; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; background: #fcfcfc; border-radius: 12px 12px 0 0; } .rw-file-manager__content { padding: 24px; min-height: 350px; } .rw-file-manager__footer { padding: 16px 24px; border-top: 1px solid #f0f0f0; display: flex; justify-content: center; align-items: center; border-radius: 0 0 12px 12px; background: #fcfcfc; } .rw-file-manager__footer button { padding: 10px 18px; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.2s ease; } .rw-file-item__actions { position: absolute; top: 10px; right: 10px; } .rw-file-item { position: relative; } .rw-search input { padding: 10px 14px; border: 1px solid #e4e4e4; border-radius: 6px; width: 280px; font-size: 14px; transition: border-color 0.2s box-shadow 0.2s ease; } .rw-search input:focus { outline: none; border-color: var(--main-color); box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.15); } .rw-view-toggle { display: flex; gap: 8px; } .rw-view-toggle button { background: none; border: none; padding: 8px 12px; cursor: pointer; opacity: 0.5; border-radius: 4px; transition: all 0.2s ease; } .rw-view-toggle button:hover { background: #f7f7f7; } .rw-view-toggle button.active { opacity: 1; background: #f0f7fc; color: var(--main-color); } .rw-files.grid-view { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 20px; } .rw-files.list-view { display: flex; flex-direction: column; gap: 12px; } .rw-files.list-view .rw-file-item { display: flex; align-items: center; padding: 12px 16px; } .rw-files.list-view .rw-file-item__thumb { width: 80px; height: 45px; padding-top: 0; flex-shrink: 0; margin-right: 16px; } .rw-files.list-view .rw-file-item__info { margin-top: 0; display: flex; flex-direction: column; gap: 4px; flex-grow: 1; } .rw-file-item { border: 1px solid #f0f0f0; border-radius: 8px; padding: 14px; cursor: pointer; transition: all 0.2s ease; } .rw-file-item:hover { transform: translateY(-2px); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05); } .rw-file-item.selected { border-color: var(--main-color); background: rgba(0, 124, 186, 0.04); } .rw-file-item__thumb { width: 100%; padding-top: 56.25%; /* 16:9 aspect ratio */ background-size: cover; background-position: center; border-radius: 6px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } .rw-file-item__info { margin-top: 12px; font-size: 13px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rw-upload-btn { background: #f5f5f5; border: 1px solid #e0e0e0; color: #333; } .rw-upload-btn:hover { background: #ebebeb; } .rw-select-btn { background: var(--main-color); border: none; color: white; } .rw-select-btn:hover { background: var(--main-color); transform: translateY(-1px); } .rw-select-btn:disabled { background: #b3d1e0; cursor: not-allowed; } .file-manager-modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 999999; padding: 20px; backdrop-filter: blur(3px); transition: opacity 0.3s 0.2s ease; opacity: 0; } .file-manager-modal.active { display: flex; align-items: center; justify-content: center; opacity: 1; } .rw-files-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 300px; color: #757575; } .rw-files-empty svg { width: 64px; height: 64px; margin-bottom: 16px; color: #ccc; } .rw-upload-progress { position: relative; height: 6px; background-color: #f5f5f5; border-radius: 3px; margin-top: 16px; overflow: hidden; } .rw-upload-progress__bar { position: absolute; top: 0; left: 0; height: 100%; background-color: var(--main-color); transition: width 0.3s 0.2s ease; } @media (max-width: 768px) { .rw-file-manager__header { flex-direction: column; gap: 12px; align-items: flex-start; } .rw-search input { width: 100%; } .rw-files.grid-view { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } } #openFileManager { background: var(--main-color); color: #fff; font-weight: 500; padding: 10px 18px; border-radius: 6px; border: none; cursor: pointer; transition: all 0.25s ease; font-size: 14px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); position: absolute; right: 60px; top: 83px; padding: 0px 13px !important; border-radius: 5px; height: 35px; } #openFileManager:hover { background: #e9f7fc; border-color: #06b2e4; transform: translateY(-1px); box-shadow: 0 2px 5px rgba(6, 178, 228, 0.15); color: #06b2e4; } #openFileManager:active { transform: translateY(0px); box-shadow: 0 1px 2px rgba(6, 178, 228, 0.2); } .dropzone { border: 2px dashed #ddd; border-radius: 8px; background: #f8f9fa; padding: 25px 20px; text-align: center; cursor: pointer; transition: all 0.25s ease; margin-top: 15px; margin-bottom: 20px; position: relative; } .dropzone:hover { border-color: #06b2e4; background: #f0f9fd; } .dropzone.dz-drag-hover { border-color: #06b2e4; background: #e6f6fc; } .dropzone::before { content: ""; display: block; width: 45px; height: 45px; margin: 0 auto 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306b2e4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.8; } .dropzone .dz-message { display: flex; flex-direction: column; align-items: center; } .dropzone .dz-message span { display: block; margin: 4px 0; } .dropzone .dz-message span:first-child { font-size: 15px; font-weight: 500; color: #3a3a3a; } .dropzone .dz-message span:last-child { font-size: 13px; color: #666; } .dropzone .dz-preview { margin: 16px; display: inline-block; } .dropzone .dz-preview .dz-image { border-radius: 6px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .dropzone .dz-preview .dz-image img { display: block; width: 100%; height: 100%; object-fit: cover; } .dropzone .dz-preview .dz-details { position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; } .dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; } .dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 8px; left: 50%; top: 50%; margin-left: -40px; width: 80px; margin-top: -4px; background: rgba(255, 255, 255, 0.9); border-radius: 4px; overflow: hidden; } .dropzone .dz-preview .dz-progress .dz-upload { background: #06b2e4; position: absolute; top: 0; left: 0; bottom: 0; width: 0; transition: width 300ms ease-in-out; } .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; } .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; } .dropzone .dz-preview .dz-success-mark svg { stroke: #06b2e4; } .dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; transition: opacity 0.3s ease; border-radius: 6px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #d32f2f; padding: 0.75em 1em; color: white; } .dropzone .dz-preview .dz-error-message:after { content: ""; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #d32f2f; } .dropzone .dz-preview.dz-error .dz-error-message { display: block; opacity: 1; } .dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; } .dropzone .dz-preview.dz-success .dz-success-mark { opacity: 1; } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; } .fileInput { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } @media (max-width: 768px) { .field-group_upload input[type=text] { padding: 10px 12px; padding-right: 38px; font-size: 13px; } .field-group .help-text { font-size: 13px; } #openFileManager { width: 100%; padding: 10px 15px; } .dropzone { padding: 20px 15px; } .dropzone::before { width: 35px; height: 35px; margin-bottom: 8px; } .dropzone .dz-message span:first-child { font-size: 14px; } .dropzone .dz-message span:last-child { font-size: 12px; } } .contacts { padding: 40px; margin: 0 auto; } @media (max-width: 768px) { .contacts { padding: 30px 15px; } } .contacts__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 45px; } .contacts__header h1 { margin: 0px; } @media (max-width: 768px) { .contacts__header h1 { text-align: center; } } @media (max-width: 768px) { .contacts__header { flex-direction: column; align-items: flex-start; gap: 15px; } } .contacts__title { font-size: clamp(24px, 4vw, 32px); font-weight: bold; display: flex; position: relative; align-items: center; gap: 30px; } .contacts__title .back-link { position: absolute; left: -40px; } @media (max-width: 767px) { .contacts__title .back-link { position: relative; left: 0px; } } .contacts__photo { border-radius: 100%; width: clamp(60px, 10vw, 120px); height: clamp(60px, 10vw, 120px); object-fit: cover; } .contacts__actions { display: flex; justify-content: flex-end; gap: 1rem; margin-bottom: 0; width: 100%; } .contacts__actions input, .contacts__actions select { border-color: #ECECEC; width: 300px; } .contacts__actions .button { display: flex; gap: 10px; align-items: center; justify-content: center; max-width: 175px; width: 100%; } .contacts__actions .button i { filter: brightness(0) invert(1) !important; } .contacts__actions .button__message { display: none; } .contacts__actions .button.button__outline { display: flex; gap: 0px; align-items: center; background-color: #fff; border-color: var(--secondary-color); font-weight: bold; color: #000; } .contacts__actions .button.button__outline i { position: relative; top: -3px; } @media (max-width: 767px) { .contacts__actions { display: grid; grid-template-columns: 1fr; } .contacts__actions input, .contacts__actions select { border-color: #ECECEC; width: 100%; } .contacts__actions .button { max-width: 100%; } } .contacts__table thead th { font-weight: bold; padding: 10px 0; text-align: left; } .contacts__table tbody tr { cursor: pointer; } .contacts__table tbody tr td { background-color: #fff; border-top: 2px solid #EBEBEB; } .contacts__details { max-width: 915px; width: 100%; margin: 0 auto; padding-top: 30px; } .contacts__delete { text-align: center; display: block; width: 100%; color: #BE2C2C !important; font-weight: bold; margin-top: 40px; } .contacts .required-field-note { color: var(--body-color); text-align: right; } .contacts__pagination { display: flex; justify-content: flex-end; align-items: center; margin-top: 30px; gap: 20px; } .contacts__pagination .pagination__btn { display: flex; align-items: center; gap: 8px; padding: 8px 16px; background-color: var(--main-color); color: white; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; transition: background-color 0.3s ease; } .contacts__pagination .pagination__btn:hover { background-color: var(--secondary-color); } .contacts__pagination .pagination__btn:disabled { background-color: #ECECEC; color: #888; cursor: not-allowed; } .contacts__pagination .pagination__btn .icon-arrow-left, .contacts__pagination .pagination__btn .icon-arrow-right { font-size: 12px; } .contacts__pagination .pagination__bullets { display: flex; gap: 5px; align-items: center; justify-content: center; } .contacts__pagination .pagination__bullets .page-number { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 14px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; } .contacts__pagination .pagination__bullets .page-number:hover { background-color: #ECECEC; } .contacts__pagination .pagination__bullets .page-number.active { background-color: var(--main-color); color: white; } .contacts__pagination .pagination__bullets .pagination__ellipsis { font-weight: bold; padding: 0 5px; } @media (max-width: 767px) { .contacts__pagination { flex-direction: column; gap: 10px; } } .contacts__empty-text { text-align: center; padding: 0.625rem; font-size: clamp(1rem, 2vw, 1.25rem); color: var(--body-color, #666); opacity: 0.8; transition: opacity 0.3s ease; } .contacts__empty-text:hover { opacity: 1; } .contacts__details .button i { filter: none !important; } body.modal-open #exportContact, body.modal-open #deletListModal { display: flex; } .update-notice-popup p a { color: var(--main-color) !important; cursor: pointer; } .update-notice-popup .details-content { display: none; max-height: 50vh; overflow-y: scroll; margin-top: 10px; } #exportContact .popup__content, #deletListModal .popup__content { max-width: 550px !important; min-height: auto !important; padding: 60px !important; } #exportContact .popup__content .field-group, #deletListModal .popup__content .field-group { margin-top: 20px; } #exportContact .popup__content label, #deletListModal .popup__content label { width: 100%; display: block; font-weight: 600; } #exportContact .popup__content select, #deletListModal .popup__content select { width: 100%; border: solid 0.6px #ececec; background: #F5F5F5; } #exportContact .popup__content .field-group-button, #deletListModal .popup__content .field-group-button { display: flex; justify-content: center; gap: 1rem; margin-top: 20px; } #exportContact .popup__content .field-group-button .button, #deletListModal .popup__content .field-group-button .button { max-width: 188px; display: block; width: 100%; margin-top: 10px; } .email-lists-container { background: #dddddd; cursor: not-allowed; pointer-events: all !important; color: #262626; font-size: 18px; font-weight: 400; line-height: 18px; padding: 16px; border-radius: 8px; border: 1px solid #D4D3D3; width: 100%; overflow-x: hidden; /* Contains the scrolling child */ min-height: 50px; max-height: 100px; margin-top: 10px; } .email-lists-tags { display: flex; /* Changed to flex for horizontal layout */ flex-wrap: wrap; /* Prevent wrapping */ gap: 8px; overflow-x: auto; /* Horizontal scroll */ overflow-y: hidden; /* No vertical scroll */ /* Hide scrollbar for Chrome/Safari/Opera */ /* Hide scrollbar for Firefox */ scrollbar-width: none; /* Hide scrollbar for IE */ -ms-overflow-style: none; } .email-lists-tags::-webkit-scrollbar { display: none; } .email-lists-tags .list-tag .icon-close { display: none; position: relative; cursor: pointer; right: -5px; top: 50%; transform: translate(0%, -50%); background-color: #fff; padding: 1px; border-radius: 100%; content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 734 734' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cg transform='matrix(1,0,0,1,-33.3333,-33.3333)'%3E%3Cpath d='M266.795,313.939C253.778,300.921 253.778,279.816 266.795,266.798C279.813,253.781 300.918,253.781 313.936,266.798L400.19,353.053L486.357,266.886C499.377,253.868 520.48,253.868 533.497,266.886C546.517,279.903 546.517,301.009 533.497,314.026L447.33,400.193L533.463,486.323C546.48,499.343 546.48,520.447 533.463,533.463C520.443,546.483 499.34,546.483 486.32,533.463L400.19,447.333L314.032,533.493C301.015,546.51 279.909,546.51 266.892,533.493C253.875,520.473 253.875,499.37 266.892,486.35L353.05,400.193L266.795,313.939Z' style='fill:rgb(190,44,44);fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,-33.3333,-33.3333)'%3E%3Cpath d='M766.667,400C766.667,602.503 602.503,766.667 400,766.667C197.496,766.667 33.333,602.503 33.333,400C33.333,197.496 197.496,33.333 400,33.333C602.503,33.333 766.667,197.496 766.667,400ZM100.228,400C100.228,565.56 234.44,699.773 400,699.773C565.56,699.773 699.773,565.56 699.773,400C699.773,234.44 565.56,100.228 400,100.228C234.44,100.228 100.228,234.44 100.228,400Z' style='fill:rgb(190,44,44);'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); transition: transform 0.2s ease-in-out; } .email-lists-tags .list-tag:hover .icon-close { display: block; } .email-lists-tags .list-tag .icon-close:hover { transform: translate(0%, -50%) scale(1.1); } .list-tag { position: relative; background-color: #757575; color: #fff; padding: 6px 12px; border-radius: 8px; font-size: 14px; white-space: nowrap; display: flex; min-width: fit-content; font-weight: bold !important; transition: all 0.3s ease; } .list-tag:hover { background-color: #616161; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .remove-list { position: absolute; padding: 0px !important; background: none !important; border: none; right: -40px; top: 18px; } .btn-add-row { color: var(--main-color) !important; } .btn-add-row .icon-add { filter: none !important; content: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;'%3E%3Cg%3E%3Cpath d='M10,5.714L10,14.286' style='fill:none;fill-rule:nonzero;stroke:rgb(6,178,228);stroke-width:1px;'/%3E%3Cpath d='M5.715,10L14.286,10' style='fill:none;fill-rule:nonzero;stroke:rgb(6,178,228);stroke-width:1px;'/%3E%3Cpath d='M15.001,0.714L5.001,0.714C2.634,0.714 0.715,2.633 0.715,5L0.715,15C0.715,17.367 2.634,19.286 5.001,19.286L15.001,19.286C17.368,19.286 19.286,17.367 19.286,15L19.286,5C19.286,2.633 17.368,0.714 15.001,0.714Z' style='fill:none;fill-rule:nonzero;stroke:rgb(6,178,228);stroke-width:1px;'/%3E%3C/g%3E%3C/svg%3E%0A") !important; } #emailPreviewPopup .not-ready, #emailNotFoundPopup .not-ready { white-space: pre-wrap; line-height: 1.6; padding: 10px; background-color: #ffcccb; color: #d32f2f; border-radius: 10px !important; outline: 1px solid #d32f2f; font-weight: bold; font-size: 20px; } #emailPreviewPopup .popup.active, #emailNotFoundPopup .popup.active { display: block; } #emailPreviewPopup .popup__overlay, #emailNotFoundPopup .popup__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } #emailPreviewPopup .popup__content, #emailNotFoundPopup .popup__content { position: relative; width: 90%; max-width: 600px; margin: 40px auto; background: #fff; border-radius: 8px; max-height: 95vh; overflow-y: auto; } #emailPreviewPopup .email-preview-popup, #emailNotFoundPopup .email-preview-popup { display: flex; flex-direction: column; } #emailPreviewPopup .email-header, #emailNotFoundPopup .email-header { text-align: center; } #emailPreviewPopup .pre-webinar, #emailNotFoundPopup .pre-webinar { font-size: 24px; line-height: 33px; font-weight: 600; color: var(--main-color); text-align: center; } #emailPreviewPopup .preview-title, #emailNotFoundPopup .preview-title { font-size: 32px; line-height: 43px; font-weight: bold; color: #000; text-align: center; } #emailPreviewPopup .preview-subtitle, #emailNotFoundPopup .preview-subtitle { margin-top: 17px; font-size: 16px; line-height: 22px; color: #000; text-align: center; margin-bottom: 0px; } #emailPreviewPopup .email-field, #emailNotFoundPopup .email-field { margin-bottom: 20px; } #emailPreviewPopup .email-field label, #emailNotFoundPopup .email-field label { display: block; font-weight: bold; margin-bottom: 8px; } #emailPreviewPopup .email-subject, #emailNotFoundPopup .email-subject { background: white; padding: 12px; border-radius: 4px; margin-bottom: 15px; padding: 20px; background: #f8f9fa; border-radius: 15px !important; outline: 1px solid #e0e0e0; } #emailPreviewPopup .email-body, #emailNotFoundPopup .email-body { background: white; padding: 12px; border-radius: 4px; line-height: 1.6; padding: 20px; background: #f8f9fa; border-radius: 15px !important; outline: 1px solid #e0e0e0; } #emailPreviewPopup .email-body p, #emailNotFoundPopup .email-body p { margin-bottom: 1em !important; } #emailPreviewPopup .email-body br, #emailNotFoundPopup .email-body br { display: block; margin: 8px 0; } #emailPreviewPopup .email-body a, #emailNotFoundPopup .email-body a { color: var(--main-color); } #emailPreviewPopup .popup-footer, #emailNotFoundPopup .popup-footer { text-align: center; } #emailPreviewPopup .close-button, #emailNotFoundPopup .close-button { background-color: var(--main-color); color: white !important; border: none; padding: 0.75rem 1.5rem; border-radius: 20px; cursor: pointer; font-size: 1rem; display: block; max-width: 188px; width: 100%; margin: 0 auto; font-weight: bold; margin-top: 40px; text-align: center; color: #000; } #emailPreviewPopup .close-button:hover, #emailNotFoundPopup .close-button:hover { background: #2980b9; } .aff-wrap { display: flex; background: none; border: none; } #aff-controls { width: 20%; background: none; } #aff-controls > ul > li:nth-child(6) { display: none; } #aff-controls > ul.pure-menu-list > li:nth-child(5) { display: none !important; } .pure-menu-list { display: block; } .pure-menu-item { display: block; width: 100%; } .pure-menu-item a { padding: 0px; padding-top: 13px; padding-bottom: 0px; display: block; font-size: 16px; font-weight: 500; line-height: 28px; color: #fff !important; } .pure-menu li a:hover, .pure-menu li a:focus, .pure-menu .pure-menu-selected a { background: none; color: var(--main-color) !important; } .daterange-form { padding: 0px; } .wrap { width: 100%; background-color: #fff; border-radius: 16px 16px 16px 16px; border-style: solid; border-width: 1px 1px 1px 1px; border: none !important; color: #000; padding: 0px !important; } .pure-table { width: 100%; margin-bottom: 10px; margin-top: 0px !important; } .pure-table th { padding: 10px !important; text-align: left; color: #000; } #dateRange { align-items: center; display: flex; gap: 10px; justify-content: normal; margin-bottom: 30px; } #dateRange p { margin-bottom: 0px; } #dateRange .wpam-daterange-selection label { width: 20%; } #dateRange .wpam-daterange-selection input { width: 30%; } .wpam-daterange-selection { margin-bottom: 0px; display: flex; gap: 10px; } .wpam-daterange-action-buttons { margin-bottom: 0px; display: flex; gap: 10px; } .wpam-daterange-action-buttons input { border-color: var(--main-color); color: #fff; padding: 10px; } .pure-button { background-color: var(--main-color); color: #fff; font-weight: bold; } .wpam-contact-info th { padding: 0px !important; } .wpam-contact-info { max-width: 100%; border: none; background: none; } .wpam-contact-info label { font-size: 16px; font-weight: 600; line-height: 24px; padding-bottom: 8px; margin-bottom: 0.5rem; } .wpam-contact-info th { font-size: 24px; margin-bottom: 20px; } .wpam-contact-info thead { background: none; } .wpam-contact-info input[type=text], .wpam-contact-info select { margin-bottom: 0.5rem; background-color: #ffffff; border-radius: 8px 8px 8px 8px; font-size: 18px; font-weight: 400; line-height: 24px; color: var(--e-global-color-127bbc7); width: 100%; padding: 16px; } .wpam-contact-info input[type=text]:focus, .wpam-contact-info select:focus { border: 1px solid var(--main-color); } #saveInfoButton, .wpam_link_generation_submit .button { background-color: var(--main-color); color: #ffffff; font-size: 18px; font-weight: 600; line-height: 24px; border-radius: 12px 12px 12px 12px; padding: 16px 48px 16px 48px; outline: none; box-shadow: none; width: auto; height: auto; border: none; margin-bottom: 30px; cursor: pointer; } #wpam_link_generation_form { margin-top: 20px; } .wpam-contact-info td, .wpam-contact-info td + td, .wpam-contact-info th { padding: 0px; background: none; padding: 0px; border: none; } #infoForm > table > tbody:nth-child(2) > tr:nth-child(13), #infoForm > table > tbody:nth-child(2) > tr:nth-child(14) { display: none; } .wpam-save-profile { text-align: left; } thead { font-size: 16px; color: #262626; font-weight: 400; } .wpam-creative-code, .wpam_link_generation_input input, .wpam_referral_url_input input { margin-bottom: 0.5rem; background-color: #ffffff; border-radius: 8px 8px 8px 8px; font-size: 18px; font-weight: 400; line-height: 24px; color: #000; width: 100%; border: 1px solid #ccc; padding: 16px; } .content-affiliate-links textarea { margin-bottom: 20px; } .content-affiliate-links h3 { margin-bottom: 20px; } .content-affiliate-links p { font-size: 18px; line-height: 28px; } #affiliatesRegisterContent #wpam-reg-form label { font-size: 16px; font-weight: 600; line-height: 24px; padding-bottom: 8px; margin-bottom: 0.5rem; } #affiliatesRegisterContent .wpam-registration-form-submit { background-color: var(--e-global-color-primary); color: #ffffff; font-size: 18px; font-weight: 600; line-height: 24px; border-radius: 12px 12px 12px 12px; padding: 16px 48px 16px 48px; filter: drop-shadow(0px 8px 20px rgba(156, 99, 244, 0.2)); outline: none; box-shadow: none; margin-top: 32px; border: none !important; } #affiliatesRegisterContent .wpam_registration_input_help_text { max-width: 100%; font-size: 16px; line-height: 26px; } #affiliatesRegisterContent #wpam-reg-form input[type=text], #affiliatesRegisterContent #wpam-reg-form select { margin-bottom: 0.5rem; background-color: #ffffff; border-radius: 8px 8px 8px 8px; font-size: 18px; font-weight: 400; line-height: 24px; color: var(--e-global-color-127bbc7); width: 100%; padding: 10px; color: #000 !important; } #affiliatesRegisterContent #wpam-reg-form input[type=text]:focus, #affiliatesRegisterContent #wpam-reg-form select:focus { border: 1px solid var(--main-colorß); } #agreeTermsLabel a { color: var(--main-color) !important; } #wpam-reg-form fieldset { border: none; padding: 0px; } #wpam-reg-form * { display: block; } #wpam-reg-form label { display: block; margin-bottom: 0.5rem; font-weight: bold; } #wpam-reg-form input, #wpam-reg-form select { width: 100%; margin-bottom: 20px; } #wpam-reg-form .wpam_registration_input_help_text { max-width: 100%; } .affiliates-wrap { display: flex; gap: 30px; } .affiliates-wrap .affiliates-register-information { width: 30%; } .affiliates-register-form { width: 70%; } #aff-controls { display: none !important; } .users-list table { border-bottom: 2px solid #EBEBEB; } .users-list table thead th { padding: 15px; } .users-list table tr:nth-child(odd) td { background-color: #fff !important; border-top: 2px solid #EBEBEB; } .users-list table tr td { background-color: #F5F5F5; } .users-list table tr td.email { text-transform: lowercase; } .users-list #deleteUserModal .modal__footer, .users-list #deleteCouponModal .modal__footer, .users-list #validationModal .modal__footer { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .users-list #deleteUserModal .modal__footer .button__danger, .users-list #deleteCouponModal .modal__footer .button__danger, .users-list #validationModal .modal__footer .button__danger { background-color: #ff0a00; } .users-list #deleteUserModal .modal__footer .button, .users-list #deleteCouponModal .modal__footer .button, .users-list #validationModal .modal__footer .button { font-size: 16px; } .users-list #validationModal .modal__footer { display: grid; grid-template-columns: 1fr; } .users-list .pagination { margin-top: 20px; text-align: right; display: flex; justify-content: flex-end; gap: 5px; } .users-list .pagination__link { display: flex; padding: 5px 15px; border-radius: 3px; color: #000; text-decoration: none; background-color: #fff; font-size: 16px; line-height: 16px; font-weight: normal; justify-content: flex-end; align-items: center; justify-content: center; } .users-list .pagination__link.active { background-color: var(--main-color); color: #fff; } .users-list .pagination__link--number { border-radius: 100%; min-height: 30px; text-align: center; min-width: 30px; width: 30px; height: 30px; color: #6F6F6F; } .users-list #addUserForm.step, .users-list #updateUserForm.step, .users-list #inviteUserForm.step, .users-list #addCouponForm.step, .users-list #updateCouponForm.step { text-align: center; } .users-list #addUserForm .field-group, .users-list #updateUserForm .field-group, .users-list #inviteUserForm .field-group, .users-list #addCouponForm .field-group, .users-list #updateCouponForm .field-group { margin: 0 auto; margin-bottom: 1rem; display: block; width: 100%; max-width: 426.7px; } .users-list #addUserForm .field-group label, .users-list #updateUserForm .field-group label, .users-list #inviteUserForm .field-group label, .users-list #addCouponForm .field-group label, .users-list #updateCouponForm .field-group label { display: block; font-size: 16px; font-weight: 600; margin-bottom: 0.5rem; } .users-list #addUserForm .field-group small, .users-list #updateUserForm .field-group small, .users-list #inviteUserForm .field-group small, .users-list #addCouponForm .field-group small, .users-list #updateCouponForm .field-group small { display: block; font-size: 14px; color: #666; margin-bottom: 0.5rem; } .users-list #addUserForm .field-group input, .users-list #addUserForm .field-group select, .users-list #updateUserForm .field-group input, .users-list #updateUserForm .field-group select, .users-list #inviteUserForm .field-group input, .users-list #inviteUserForm .field-group select, .users-list #addCouponForm .field-group input, .users-list #addCouponForm .field-group select, .users-list #updateCouponForm .field-group input, .users-list #updateCouponForm .field-group select { width: 100%; max-width: 426.7px; padding: 0.75rem; background: #f5f5f5; border: 1px solid #ECECEC; border-radius: 8px; } .users-list .popup-active { display: flex; animation: fadeIn 0.3s ease-in-out; } .users-list .actions { position: relative; width: 100px; place-items: center; text-align: center; } .users-list .actions-menu { position: relative; display: inline-block; } .users-list .actions-menu__trigger { background: none; border: none; cursor: pointer; color: #666; padding-top: 0px !important; padding-bottom: 0px !important; outline: none; } .users-list .actions-menu__trigger .dot { width: 5px; height: 5px; background-color: #6F6F6F; display: block; margin-bottom: 3px; border-radius: 50%; } .users-list .actions-menu__trigger .dot:last-child { margin-bottom: 0; } .users-list .actions-menu__list { position: absolute; right: 0; top: 100%; background: white; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); border-radius: 15px; padding: 8px 0; min-width: 113px; display: none; z-index: 99999999; list-style: none; } .users-list .actions-menu.active .actions-menu__list { display: block; } .users-list .actions-menu__link { display: flex; align-items: center; padding: 8px 16px; color: #333; text-decoration: none; transition: background-color 0.2s; font-size: 14px; font-weight: bold; } .users-list .actions-menu__link:hover { background-color: #f5f5f5; } .users-list .actions-menu__link i { margin-right: 8px; font-size: 16px; } .users-list .actions-menu .delete-user { color: #C33C3A; } .users-list .password-field { position: relative; } .users-list .button--edit, .users-list .button--update { position: absolute; right: 5px; padding: 7px 20px !important; font-size: 14px !important; top: 15px; } .users-list #newCoupon { max-width: 200px; } #inviteUserPopup .popup__content { max-width: 480px; } .rw-switch-back-bar { position: fixed; bottom: 0px; width: 100%; padding: 30px; padding-bottom: 15px; } .rw-switch-back-bar a { color: white; width: 100%; display: block; padding: 10px; font-style: normal; font-weight: 600; font-size: 18px; line-height: 24px; text-align: center; color: #FFFFFF; background: var(--main-color); border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); outline: none; border: none; cursor: pointer; font-weight: bold; } .rw-switch-back-bar a:hover { color: white; text-decoration: none; } p#user_switching_switch_on { display: none !important; } .search-container { position: relative; max-width: 400px; /* Clear button */ /* Loading indicator in search field */ } .search-container .search-input { width: 100%; padding: 12px 40px 12px 20px; font-size: 16px; border: 1px solid #ECECEC; border-radius: 8px; background-color: #fff; transition: border-color 0.3s, box-shadow 0.3s; padding: 12px 30px !important; padding-left: 50px !important; height: 53px; font-weight: 600; } .search-container .search-input:focus { border-color: var(--main-color); outline: none; } .search-container .search-input::placeholder { color: #9ca3af; } .search-container .search-clear { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #6b7280; cursor: pointer; padding: 0; font-size: 14px; } .search-container .search-clear:hover { color: #ef4444; } .search-container .search-loading { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); } .search-container .search-loading .spinner { width: 16px; height: 16px; border: 2px solid #ddd; border-top-color: var(--main-color); border-radius: 50%; animation: spin 0.8s linear infinite; } .search-container .search-icon { position: absolute; height: 20px; left: 24px; top: 16px; top: 50%; transform: translateY(-50%); color: #9ca3af; font-size: 16px; height: 20px; } /* Error message */ .search-error { background-color: #fee2e2; color: #b91c1c; padding: 10px 15px; border-radius: 5px; margin-top: 10px; display: none; } /* No results message */ .no-results-message { background-color: #f3f4f6; color: #4b5563; padding: 20px; text-align: center; border-radius: 5px; margin-top: 20px; display: none; } .login { min-height: 100vh; background-color: #f5f5f5; } .login__container { width: 100%; max-width: 495px; margin: 0 auto; padding: 80px 0; } .login__header { text-align: center; margin-bottom: 40px; } .login__logo { max-width: 200px; height: auto; } .login__title { font-size: 40px; font-weight: 600; color: #333333; text-align: center; margin-bottom: 56px; } .login__description { text-align: center; font-size: 16px; line-height: 24px; margin-bottom: 40px; color: #262626; } .login__form { margin-bottom: 24px; padding: 10px; } .login__footer { text-align: center; margin-top: 40px; padding-top: 20px; position: absolute; bottom: 10px; color: #64748B; font-size: 14px; width: 100%; left: 0px; } .login .form-message { padding: 12px; border-radius: 6px; margin: 16px 0; text-align: center; font-size: 14px; } .login .form-message--success { background-color: #e8f5e9; color: #2e7d32; border: 1px solid #a5d6a7; } .login .form-message--error { background-color: #ffebee; color: #c62828; border: 1px solid #ef9a9a; } .login .form-group__label { font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0px; } .login .form-group__input { border-color: #D8D8D8; border-radius: 8px 8px 8px 8px; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0px; padding: 16px !important; } .form-group { margin-bottom: 24px; } .form-group__label { display: block; font-size: 14px; font-weight: 500; color: #333333; margin-bottom: 8px; } .form-group__input { width: 100%; padding: 16px 16px; border: 1px solid #E2E8F0; border-radius: 6px; background-color: #F8FAFC; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0px; color: #333333; transition: border-color 0.2s ease; } .form-group__input:focus { outline: none; border-color: var(--main-color); background-color: #ffffff; } .form-group__input::placeholder { color: #64748B; } .form-group__input--error { border-color: #dc3545; background-color: rgb(248.6202531646, 218.1797468354, 221.0962025316); } .form-group__error { color: #dc3545; font-size: 14px; margin-top: 4px; display: none; } .form-group__error--visible { display: block; } .password-field { position: relative; } .password-field__toggle { width: 20px; height: 20px; display: block; position: absolute; right: 16px; top: 18px; background-repeat: no-repeat; background-position: center; padding: 0px; border: none; } .password-field__toggle:hover { color: #333333; } .password-field__icon { width: 20px; height: 20px; } .password-field__icon.icon-eye-off { content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzJfODYpIj4KPHBhdGggZD0iTTEyLjE0MzMgMTYuMDk5NEMxMS40NTQyIDE2LjMwNzkgMTAuNzM3MSAxNi40Mjg2IDEwLjAwMDUgMTYuNDI4NkM2LjAxNDc2IDE2LjQyODYgMi42MDA0OCAxMi44OTI4IDEuMTAwNDggMTEuMDc2N0MwLjg2MzU2MyAxMC43ODE0IDAuNzMyNDIyIDEwLjM5NzggMC43MzI0MjIgOS45OTk5NUMwLjczMjQyMiA5LjYwMjEzIDAuODYzNTYzIDkuMjE4NDYgMS4xMDA0OCA4LjkyMzE1QzEuNTc1NzIgOC4zNDc3NSAyLjI0MzEyIDcuNTk5NzMgMy4wNTk5OCA2Ljg0NjI1TTUuMTg1MDEgNS4xNzc1N0M2LjYwMzIyIDQuMjU2IDguMjQ2NTIgMy41NzEyOSAxMC4wMDA1IDMuNTcxMjlDMTMuOTg2MiAzLjU3MTI5IDE3LjQwMDUgNy4xMDcwNSAxOC45MDA1IDguOTIzMTVDMTkuMTM3MyA5LjIxODQ2IDE5LjI2ODUgOS42MDIxMyAxOS4yNjg1IDkuOTk5OTVDMTkuMjY4NSAxMC4zOTc4IDE5LjEzNzMgMTAuNzgxNCAxOC45MDA1IDExLjA3NjdDMTguMDczNiAxMi4wNzc4IDE2LjY2NTIgMTMuNjAxNCAxNC44OTk5IDE0Ljc2NzNMNS4xODUwMSA1LjE3NzU3WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMi4wMjExIDEyLjAyQzEzLjEzNjkgMTAuOTA0MiAxMy4xMzY5IDkuMDk1MTkgMTIuMDIxMSA3Ljk3OTQxQzEwLjkwNTMgNi44NjM2NCA5LjA5NjI1IDYuODYzNjQgNy45ODA0NyA3Ljk3OTQxIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE5LjI4NjMgMTkuMjg1M0wwLjcxNDg0NCAwLjcxMzg2NyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMl84NiI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) !important; } .password-field__icon.icon-eye { content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjkwMDUgOC45MjMxNUMxOS4xMzczIDkuMjE4NDYgMTkuMjY4NSA5LjYwMjEzIDE5LjI2ODUgOS45OTk5NUMxOS4yNjg1IDEwLjM5NzggMTkuMTM3MyAxMC43ODE0IDE4LjkwMDUgMTEuMDc2N0MxNy40MDA1IDEyLjg5MjggMTMuOTg2MiAxNi40Mjg2IDEwLjAwMDUgMTYuNDI4NkM2LjAxNDc2IDE2LjQyODYgMi42MDA0OCAxMi44OTI4IDEuMTAwNDggMTEuMDc2N0MwLjg2MzU2MyAxMC43ODE0IDAuNzMyNDIyIDEwLjM5NzggMC43MzI0MjIgOS45OTk5NUMwLjczMjQyMiA5LjYwMjEzIDAuODYzNTYzIDkuMjE4NDYgMS4xMDA0OCA4LjkyMzE1QzIuNjAwNDggNy4xMDcwNSA2LjAxNDc2IDMuNTcxMjkgMTAuMDAwNSAzLjU3MTI5QzEzLjk4NjIgMy41NzEyOSAxNy40MDA1IDcuMTA3MDUgMTguOTAwNSA4LjkyMzE1WiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05Ljk5OTcyIDEyLjg1NjlDMTEuNTc3NyAxMi44NTY5IDEyLjg1NjkgMTEuNTc3NyAxMi44NTY5IDkuOTk5NzJDMTIuODU2OSA4LjQyMTc2IDExLjU3NzcgNy4xNDI1OCA5Ljk5OTcyIDcuMTQyNThDOC40MjE3NiA3LjE0MjU4IDcuMTQyNTggOC40MjE3NiA3LjE0MjU4IDkuOTk5NzJDNy4xNDI1OCAxMS41Nzc3IDguNDIxNzYgMTIuODU2OSA5Ljk5OTcyIDEyLjg1NjlaIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) !important; } .remember-forgot { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; } .remember { display: flex; align-items: center; gap: 8px; } .remember__checkbox { width: 16px; height: 16px; border: 1px solid #E2E8F0; border-radius: 4px; cursor: pointer; } .remember__checkbox:checked { background-color: var(--main-color); border-color: var(--main-color); } .remember__label { font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0px; cursor: pointer; margin-bottom: 0px; } .forgot__link { font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0px; color: var(--main-color); text-decoration: none; } .forgot__link:hover { text-decoration: underline; } .submit-btn { width: 100%; font-weight: bold; } @media (max-width: 480px) { .login__container { padding: 20px; } .login__title { font-size: 20px; margin-bottom: 24px; } .login__header { margin-bottom: 32px; } } .loading__login { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 9999; } .loading__login__content { display: block; z-index: 9999; position: relative; } .loading__login__content .loading-logo { width: 60px; height: 60px; margin-bottom: 15px; object-fit: contain; } .loading__login__content .loading-text { font-size: 16; font-weight: bold; color: #666; min-width: 70px; text-align: center; position: absolute; bottom: -20px; } .thankyou-page { text-align: center; } .thankyou-page .accounts { max-width: 770px; max-width: clamp(350px, 90vw, 770px); padding-top: 0px; } .thankyou-page .accounts__header { justify-self: center; } .thankyou-page .accounts__header .header__logo-image { width: 215px; } .thankyou-page h2 { font-size: clamp(18px, 2vw, 20px); line-height: 1.5; color: var(--main-color); margin-bottom: 0px; } .thankyou-page h3 { font-size: clamp(28px, 3.5vw, 34px); line-height: 1.3; margin-top: 0px; margin-bottom: 20px; } .thankyou-page .iframe-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 30px; } .thankyou-page .iframe-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-bottom: 15px; border-radius: 8px; } .thankyou-page p { margin-bottom: 40px; color: #000; font-size: 16px; font-weight: 600; } .thankyou-page .note { color: #7B7B7B; font-size: 12px; margin-top: 20px; margin-bottom: 0px; font-weight: normal; } .thankyou-page .rw__footer { margin-top: 65px; border-top: solid 1px #ECECEC; padding: 15px; } table { width: 100%; border-collapse: collapse; margin-top: 2rem; border: none; } table tr:nth-child(odd) td { background: none !important; } table th, table td { padding: 15px; border: none; text-align: left; } table tr:hover td { background-color: #F5F5F5; } table th { font-weight: bold; font-size: 16px; color: var(--body-color); border: none; border-block-start: none !important; } table td { font-size: 16px; font-weight: normal; text-transform: capitalize; } table td.action-btn { border: none; cursor: pointer; text-align: right; } table td.action-btn .action-btn-wrap { display: flex; gap: 20px; justify-content: end; } table trtd.action-tile { text-align: right !important; } table .webinars__performance { display: block; text-align: center; width: 100.6px; height: 24.3px; line-height: 16px; border-radius: 12px; font-size: 0.875rem; font-size: 16px; } table .webinars__performance--winner { background-color: #5fc35b; color: #fff; } table .webinars__performance--average { background-color: #ffbc00; } table .webinars__performance--poor { background-color: #FFCBCB; color: #ff6363; } .step__number { font-size: 24px; line-height: 33px; font-weight: 600; color: var(--main-color); text-align: center; } @media only screen and (max-width: 767px) { .step__number { font-size: 18px; } } .step__title { font-size: 32px; line-height: 43px; font-weight: bold; color: #000; text-align: center; } @media only screen and (max-width: 767px) { .step__title { font-size: 22px; } } .step__description { margin-top: 17px; font-size: 16px; line-height: 22px; color: #000; text-align: center; margin-bottom: 0px; } @media only screen and (max-width: 767px) { .step__description { font-size: 15px; } } .switch { position: relative; display: inline-block; width: 40px; height: 24px; } .switch input { opacity: 0; width: 0; height: 0; } .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 34px; } .switch .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: 0.4s; border-radius: 50%; } .switch input:checked + .slider { background-color: var(--main-color); } .switch input:checked + .slider:before { transform: translateX(15px); } .webinar-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; background-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 768px) { .webinar-header { padding: 10px; } } .webinar-header__logo-image { width: 172.41px; } @media only screen and (max-width: 768px) { .webinar-header__logo-image { width: 200px; } } .webinar-header__status { display: flex; align-items: center; gap: 1rem; width: 350px; } @media only screen and (max-width: 767px) { .webinar-header__status { width: auto; } } @media only screen and (max-width: 767px) { .webinar-header__status span { display: none; } } .webinar-header__save-exit { background-color: var(--main-color); color: white; border: none; padding: 0.75rem 1.5rem; border-radius: 20px; cursor: pointer; font-size: 1rem; display: block; max-width: 188px; width: 100%; margin: 0 auto; text-align: center; color: #ffffff !important; font-weight: bold; border-radius: 15px; width: 172.41px; } @media only screen and (max-width: 767px) { .webinar-header__save-exit { padding: 10px 20px; font-size: 14px; width: 150px; } } .main { background-color: white; padding: 40px; border-radius: 15px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 1024px) { .main { display: block; } } @media only screen and (max-width: 767px) { .main { padding: 15px; } } .main__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 45px; } .main__header h1 { margin: 0px; } .main__title { font-size: 32px; font-weight: bold; } @media only screen and (max-width: 1024px) { .main__title { display: block; } } @media only screen and (max-width: 767px) { .main__title { font-size: 22px; } } .main__actions { display: flex; justify-content: flex-end; gap: 1rem; } .activity { background-color: #fff; padding: 40px; border-radius: 15px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); width: 287.9px; } @media only screen and (max-width: 1024px) { .activity { width: 100%; } } .activity .recent-activity__list { list-style: none; padding: 0; margin-top: 30px; } .activity .recent-activity__item { display: flex; align-items: center; margin-bottom: 35px; font-size: 16px; cursor: pointer; } .activity .recent-activity__item:hover { text-decoration: underline; } .activity .recent-activity__item::before { content: attr(data-name); width: 30px; height: 30px; background-color: #F5F5F5; font-size: 11px; line-height: 30px; margin-right: 13.5px; border-radius: 100%; text-align: center; font-weight: bold; text-transform: uppercase; } .activity .recent-activity__link { color: var(--main-color); text-decoration: none; font-size: 16px; font-weight: 600; text-align: center; display: block; } .accounts { max-width: 915px; width: 100%; margin: 0 auto; padding-top: 60px; } @media only screen and (max-width: 768px) { .accounts { padding-top: 10px; } } .accounts__header { display: flex; align-items: center; margin-bottom: 40px; position: relative; } .accounts__header__title { margin: 0; font-size: 24px; display: flex; align-items: center; position: relative; width: 100%; } @media only screen and (max-width: 768px) { .accounts__header__title { font-size: 18px; } } .accounts__header__title .back-link { margin-right: 15px; color: inherit; text-decoration: none; position: absolute; left: -40px; } @media only screen and (max-width: 768px) { .accounts__header__title .back-link { left: 0px; position: relative; } } .accounts__header .required-field-note { width: 100%; color: var(--body-color); text-align: right; } .accounts__pages { background-color: white; padding: 40px; border-radius: 15px; border: 1px solid #D9D9D9; } @media only screen and (max-width: 768px) { .accounts__pages { padding: 30px; } } .accounts__pages .field-group label { display: block; margin-bottom: 0.5rem; font-weight: bold; } .accounts__pages .field-group input { width: 100%; } .accounts__pages .button-group { display: flex; gap: 10px; margin-top: 40px; } .accounts__pages .button-group .button { width: 100%; display: block; } .rw-dashboard { background-color: white; padding: 40px; border-radius: 15px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .rw-dashboard__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 45px; } .rw-dashboard__header h1 { margin: 0px; } .rw-dashboard__title { font-size: 32px; font-weight: bold; } .rw-dashboard__actions { display: flex; justify-content: flex-end; gap: 1rem; margin-bottom: 0; } .rw-dashboard__content { display: flex; gap: 45px; } .rw-dashboard__welcome { flex: 1; } .rw-dashboard__video { margin-bottom: 15px; border-radius: 8px; overflow: hidden; } .rw-dashboard__video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .rw-dashboard__video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rw-dashboard__video-error { background-color: #f8d7da; color: #721c24; padding: 10px; border-radius: 5px; margin-bottom: 15px; } .rw-dashboard__welcome-text { margin-bottom: 22px; line-height: 1.6; } @media only screen and (max-width: 767px) { .rw-dashboard__welcome-text { font-size: 14px; line-height: 24px; } } .rw-dashboard__link { color: var(--main-color); text-decoration: none; font-size: 16px; font-weight: bold; } .rw-dashboard__roadmap { flex: 1; } .rw-dashboard__roadmap-title { font-size: 32px; font-weight: bold; margin-bottom: 24px; color: var(--heading-color); } @media only screen and (max-width: 767px) { .rw-dashboard__roadmap-title { font-size: 22px; line-height: 32px; } } .rw-dashboard__roadmap-subtitle { font-size: 16px; font-weight: bold; margin-bottom: 5px; } .rw-dashboard__roadmap-description { color: var(--body-color); margin-bottom: 40px; font-size: 14px; font-style: italic; } .rw-dashboard__roadmap .button { display: block; margin: 0 auto; } .rw-dashboard .businness_information ul { list-style: none; padding: 0; } .rw-dashboard .businness_information ul li { padding: 8px 0; padding-left: 20px; position: relative; } .rw-dashboard .businness_information ul li:before { content: "►"; /* or you can use "‣" or "›" */ position: absolute; left: 0; color: #000; top: 28px; font-size: 8px; } .rw-dashboard .businness_information ul li .field-group { display: grid; grid-template-columns: 1fr 2fr; margin-bottom: 0px !important; } @media only screen and (max-width: 767px) { .rw-dashboard .businness_information ul li .field-group { grid-template-columns: 1fr; } } .rw-dashboard .businness_information ul li .field-group input { margin-top: 0px; } .rw-dashboard .businness_information ul li .field-group label { margin-bottom: 0px; line-height: 50px; } .rw-dashboard__checklist { list-style-type: none; padding: 0; margin-bottom: 45px; border: solid 0.6px #ececec; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-radius: 15px; } .rw-dashboard__checklist-item { border-bottom: solid 1px rgba(0, 0, 0, 0.2); overflow: hidden; } .rw-dashboard__checklist-item--complete .rw-dashboard__checklist-number { color: white; } .rw-dashboard__checklist-item:last-child { border: none; } .rw-dashboard__checklist-header { display: flex; align-items: center; cursor: pointer; padding: 23px 27px; } @media only screen and (max-width: 767px) { .rw-dashboard__checklist-header { padding: 10px 15px; } } .rw-dashboard__checklist-number { display: inline-block; width: 40.2px; height: 40.2px; background-color: #aeaeae; color: white; border-radius: 50%; text-align: center; line-height: 40.2px; margin-right: 20px; font-size: 20px; font-weight: 600; } @media only screen and (max-width: 767px) { .rw-dashboard__checklist-number { margin-right: 10px; width: 25px; height: 25px; line-height: 25px; font-size: 10px; } } .rw-dashboard__checklist-text { flex-grow: 1; font-weight: 600; font-size: 20px; } @media only screen and (max-width: 767px) { .rw-dashboard__checklist-text { font-size: 16px; } } .rw-dashboard__checklist-status { margin-right: 23px; font-size: 16px; color: #fff; background: #4CAF50; border-radius: 30px; padding: 0px 15px; width: 100px; text-align: center; } .rw-dashboard__checklist-status.status_required { color: #FF6363; background-color: #FFCBCB; } .rw-dashboard__checklist-status.status_optional { background-color: #AEAEAE; color: #fff; } @media only screen and (max-width: 767px) { .rw-dashboard__checklist-status { font-size: 14px; padding: 0px 5px; margin-right: 10px; position: absolute; right: 60px; } } .rw-dashboard__checklist-arrow { font-size: 10px; transition: transform 0.3s ease; } .rw-dashboard__checklist-arrow--open { transform: rotate(180deg); } .rw-dashboard__checklist-dropdown { padding: clamp(15px, 3vw, 30px) clamp(25px, 4vw, 50px); background-color: #F5F5F5; border-top: 1px solid #e0e0e0; } .rw-dashboard__checklist-dropdown .button { width: auto; display: inline-block; margin-top: 20px; } @media only screen and (max-width: 768px) { .rw-dashboard__content { display: block; } } @media only screen and (max-width: 767px) { .rw-dashboard { padding: 15px; } .rw-dashboard__content { display: block; } .rw-dashboard__header { display: block; } .rw-dashboard__title { font-size: 22px; line-height: 32px; text-align: center; } .rw-dashboard__actions { margin-top: 20px; justify-content: center; } } .data-email { text-transform: lowercase; } .tinymce-wrapper .tox-icon svg { max-width: 24px !important; } /*# sourceMappingURL=rw-global.css.map */