@charset "UTF-8";.navbar-component{min-height:65px!important;box-shadow:0 1px 8px #0000001a!important;background-color:#fff;color:#000!important;height:56px;width:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-main);font-weight:800;font-size:24px;position:fixed}.navbar-component h4{margin:0!important}.navbar-after-login{height:80px;background-color:#4f5d6a;position:fixed;top:0;width:100vw;z-index:10;display:grid;grid-template-columns:1fr 1fr 1fr;font-weight:500;font-size:18px}.select-client-dropdown{font-size:16px;width:280px}.single-client-header{font-size:20px;width:280px;height:80px;color:#aecde9!important;display:flex;align-items:center;justify-content:center}.link-section{font-size:18px;font-weight:500}.link-text{padding-left:6px}.navbar-homepage-selection-button{color:#aecde9!important;border:none!important;box-shadow:none}.company-logo-navbar{height:55px;max-width:fit-content}.navbar-after-login .MuiSvgIcon-root{color:#aecde9!important}.navbar-after-login .MuiAccordionDetails-root{scrollbar-width:none}.navbar-after-login .MuiAccordionDetails-root,.navbar-after-login .client-section{background-color:#4f5d6a!important}.company-logo-wrapper{display:flex;align-items:center;justify-content:center;padding-left:16px;cursor:pointer;max-height:80px}.single-client-banner{color:#aecde9;display:flex;align-items:center}.homepage-buttons-wrapper{display:flex;flex-direction:row-reverse}.landing-page{justify-content:unset}@media screen and (max-width: 1440){.select-client-dropdown{margin:0 20px}}@media screen and (max-width: 1100px){.select-client-dropdown{margin:0}}.sidebar-section{background-color:#ddd;box-shadow:inset -1px 0 #4f5d6a;min-height:calc(100vh - 80px);position:relative;margin-top:80px;display:flex;flex-direction:column;font-size:15px!important;justify-content:space-between}.sidebar-section .sidebar-brand{color:#4f5d6a;height:56px;width:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-main);font-size:24px;cursor:pointer!important}.sidebar-section .all-links{margin-top:12px}.sidebar-section .all-link .main-link{background-color:#4f5d6a!important;box-shadow:none;padding:0}.sidebar-section .link-section{font-size:15px;display:flex;align-items:center;width:100%}.sidebar-section .link-section .img-sec img{width:34px}.sidebar-section .link-section .link-text{color:#747474;font-family:var(--font-family-main);font-weight:500;padding-left:6px}.client-section .client-section .sub-link{color:#4f5d6a;font-family:var(--font-family-main);font-weight:500;padding:6px 0!important;cursor:pointer}.sidebar-section .sub-section .sub-link{color:#4f5d6a;font-family:var(--font-family-main);font-weight:500;padding:6px 0 6px 8px!important;cursor:pointer}.sidebar-section .sub-section .sub-link-active,.sidebar-section .sub-section .sub-link:hover{color:#4f5d6a}.sidebar-section .logout-sec{display:flex;align-items:center;position:absolute;bottom:12px;cursor:pointer}.sidebar-section .logout-sec .logout-icon{color:#4f5d6a;padding-left:12px}.sidebar-section .logout-sec .logout-text{color:#4f5d6a;font-family:var(--font-family-main);font-weight:500;padding-left:12px;padding-top:2px}.profile .img-sec svg{color:#fff;padding-top:6px}.bottom-section{color:#4f5d6a!important;padding-left:24px!important;padding-bottom:52px!important}.bottom-section h5{color:#4f5d6a;margin-bottom:8px!important;margin-top:12px}.bottom-section h4{cursor:pointer!important}.only-one-client{padding:12px 0!important;cursor:pointer}.only-one-client .link-text{padding-left:32px!important}.selected-client{background-color:#4f5d6a!important;color:#aecde9!important}.selected-client .link-section,.link-text{color:#4f5d6a!important}.sub_main_link{padding-right:0!important}.navbar-after-login .link-text{background-color:#4f5d6a!important;color:#aecde9!important}.reduced-font-size{font-size:15px!important}.upload_csv{padding:24px 0;display:flex;align-items:center;margin-top:-10vh!important;z-index:10!important}.apexcharts-canvas{z-index:1!important}.upload_component .text_sec{margin-left:12px;z-index:10!important}.upload_component{margin-bottom:24px!important}.link-h5{cursor:pointer!important}.loader_section{height:80vh;width:100%;display:flex;justify-content:center;align-items:center}.monthly_aov .apexcharts-canvas{height:calc(100vh - 80px)!important}.small_chart .apexcharts-canvas{height:30vh!important}.repeat_percentage_chart .apexcharts-canvas{height:calc(100vh - 80px)!important}.apexcharts-title-text{font-size:18px!important}.campaign-over-time{height:100%!important}.campaign-over-time .apexcharts-canvas{height:50vh!important}.monthly_order_new_vs_repeat .apexcharts-canvas{height:43vh!important}.monthly_order_new_vs_repeat{height:100%!important}.dashboard_graph .apexcharts-canvas{height:43vh!important}.click_rate_by_list .apexcharts-canvas{height:47vh!important}.dashboard_graph{height:100%!important}.monthly_order_new_vs_repeat_chart{height:45%!important;min-height:45%!important}.file-upload-text-section{display:flex!important;align-items:center}.input-section{padding-left:10px}.file-upload-text-section .text-section p{min-width:max-content!important}.monthly_aov_chart{margin-top:34px!important}.react-datepicker__input-container input{background:transparent!important;color:#000!important;padding:14px!important;border:1px solid rgba(0,0,0,.77)!important;border-radius:4px!important;cursor:pointer!important;width:218px!important}.custom-slider{padding:0 16px!important;margin-top:34px!important}.sub-dropdown{margin:16px 0!important}.dropdown-item,.select-start{width:248px!important}.sidePanel{z-index:99!important;width:100%;position:fixed!important;bottom:24px!important;right:6px!important;display:flex!important;justify-content:end!important}.arrow-circle{color:#1279a7!important;font-size:28px!important;cursor:pointer!important}.css-1ex1afd-MuiTableCell-root{color:#4f5d6a!important;font-weight:500!important}.configure-page h3{margin-bottom:-12px}.configure-page a{color:#000!important}.table-title{font-size:16px!important;font-weight:700!important}.download_btn a{color:#fff!important;text-decoration:none!important}.model-surveillance .custom_slider{max-height:47vh!important;overflow-y:scroll!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:10px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}.left_side_bar{position:fixed!important;left:0!important;top:50%;transform:translate(-0,-45%)}.right_side_bar{position:fixed!important;right:0!important;top:50%;transform:translate(-0,-45%)}.inside_bar{height:10vh!important;width:1vh!important;background-color:#749aac;border-radius:8px;cursor:pointer;z-index:999}.custom-slider button{margin-bottom:24px!important}.sidebar_start{position:relative;z-index:9!important}.main_sidebar{position:absolute!important;z-index:10!important;left:100%;top:50%;transform:translate(-0,-45%)}.main_sidebar .inside_bar{height:10vh!important;width:1vh!important;background-color:#749aac!important;border-radius:8px;cursor:pointer;z-index:999}.action_button_icon{cursor:pointer!important}.error_color svg{color:#f44336!important}.warning_color svg{color:#0288d1!important}.graph_selection_modal .css-mhc70k-MuiGrid-root>.MuiGrid-item{padding-top:0!important}@media screen and (max-width: 900px){.bottom-section{padding-bottom:12px!important}.app-sidebar{position:static!important}.css-4t3x6l-MuiPaper-root-MuiDrawer-paper{background-color:#4f5d6a!important}}.login-page{background-color:#4f5d6a!important;position:fixed;height:100vh;width:100vw}.page-section{display:flex;width:100%!important;height:calc(100vh - 100px)!important;align-items:center!important}.form-section{padding:32px!important;width:100%}.form-section h2{color:#fff!important}.input-text{font-weight:600!important;color:#fff;margin-bottom:8px!important}.form-element{margin-bottom:12px!important}.input-sec .input-section{width:100%!important;background-color:#fff!important;padding:0 12px;font-size:16px;color:#000!important}.input-section{width:100%!important}.otp_sec input{height:3rem!important;text-align:center!important;width:2rem!important;font-size:2rem!important;background:white!important;color:#000!important;border:none!important}.seperator_sec{color:#fff!important;font-size:2rem!important}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.area-chart-card{border:1px solid #e6e7e9!important;box-shadow:0 0 4px #1d273b0a!important;border-radius:4px!important;background-color:#f8fafc!important;padding:1rem!important}.date-picker-with-label{display:flex;align-items:center;margin-bottom:8px!important;margin-top:12px!important}.date-picker-with-label .date-label{font-size:16px!important;color:#000!important;margin-right:12px!important}.date-picker-with-label .date-picker input{border:1px solid #4f5d6a!important;height:32px!important;display:flex!important;align-items:flex-start!important;background-color:#4f5d6a!important;color:#fff!important;width:180px!important;padding:8px!important}.react-datepicker__close-icon:after{background-color:#fff!important;color:#000!important}.date-range-picker{max-width:248px;font-family:Arial,sans-serif}.date-range-container{position:relative}.date-inputs{display:flex;gap:20px}.date-input-wrapper{flex:1;position:relative}.date-label{display:block;margin-bottom:5px;font-size:14px;font-weight:600;color:#333}.date-input{max-width:95px;margin-top:8px;padding:14px 8px;border:1px solid black;border-radius:4px;font-size:13px;font-family:inherit}.date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.date-display{margin-top:4px;font-size:13px;color:#666}.calendar-dropdown{position:absolute;margin-top:8px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;padding:5px;z-index:10;max-width:248px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.nav-button{background:none;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;color:#333}.nav-button:hover{background-color:#f3f4f6}.current-month{font-size:16px;font-weight:600}.weekday-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.weekday-item{text-align:center;font-size:13px;font-weight:600;color:#666}.days-grid{display:grid;grid-template-columns:repeat(7,1fr)}.day-item{display:flex;align-items:center;justify-content:center;height:32px;width:32px;border-radius:50%;cursor:pointer;font-size:14px}.day-item:hover{background-color:#e5edff}.day-item.invisible{visibility:hidden}.day-item.selected-endpoint{background-color:#3b82f6;color:#fff}.day-item.in-range{background-color:#bfdbfe}.day-item.today{border:1px solid #3b82f6}.calendar-footer{margin-top:16px;display:flex;justify-content:flex-end}.apply-button{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.apply-button:hover{background-color:#2563eb}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.change-page{background-color:transparent!important;height:calc(100vh - 254px)!important}.change-page .page-section{display:flex;width:100%!important;height:calc(100vh - 100px)!important;align-items:center!important}.change-page .form-section{padding:0!important;width:100%;box-shadow:none!important}.change-page .form-section h2{color:#000!important}.change-page .input-text{font-weight:600!important;color:#000;margin-bottom:8px!important}.change-page .form-element{margin-bottom:12px!important}.change-page .input-sec .input-section{width:100%!important;background-color:#4f5d6a!important;padding:0 12px;font-size:16px;color:#fff!important}.change-page .input-sec .input-section input{color:#fff!important}.change-page .input-section{width:100%!important}.change-page .submit-btn button{color:#fff!important;background-color:#4f5d6a!important}.all_graphs_in_row{display:flex;align-items:center}.facebook_graph_item_1{padding-bottom:34px;padding-right:64px}.facebook_graph_item_1 .apexcharts-canvas{height:88vh!important;width:82vw!important}.facebook_graph_item_2{padding-bottom:18px;padding-right:34px}.facebook_graph_item_2 .apexcharts-canvas{height:40vh!important;width:40vw!important}.facebook_graph_item_3{padding-bottom:18px;padding-right:18px}.facebook_graph_item_3 .apexcharts-canvas{height:25vh!important;width:27vw!important}.facebook_graph_item_3 .apexcharts-canvas text{font-size:14px!important}.facebook_graph_item_3 .apexcharts-yaxis-title text{font-size:14px!important}.action_buttons{display:flex;align-items:center;justify-content:space-around}.action_buttons button{font-family:Roboto,Helvetica,Arial,sans-serif!important}.action_button svg{color:#fff!important}.action_button_icon button{padding:6px 8px!important;min-width:54px!important}.title_section_with_buttons{display:flex;align-items:center}.title_section_with_buttons div{margin-right:18px}.create-invite-page{background-color:transparent!important;position:relative!important}.create-invite-page .form-section{padding:0!important;width:100%;box-shadow:none!important}.create-invite-page .form-section h2{color:#000!important}.create-invite-page .input-text{font-weight:600!important;color:#000;margin-bottom:8px!important}.create-invite-page .form-element{margin-bottom:12px!important}.create-invite-page .input-sec .input-section{width:100%!important;background-color:#4f5d6a!important;padding:0 12px;font-size:16px;color:#fff!important}.create-invite-page .input-sec .input-section input{color:#fff!important}.create-invite-page .input-section{width:100%!important}.create-invite-page .submit-btn button{color:#fff!important;background-color:#4f5d6a!important}.check_box_with_label{display:flex;align-items:center}.create-invite-page .close_icon{position:absolute!important;top:24px!important;right:0px!important}.check_box_with_label .input-text{font-weight:500!important}.home-page{margin:32px 0!important;padding-bottom:5vh!important}.home-page h4{margin-bottom:4px}.chart_showing{transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;overflow:hidden;border-radius:6px;box-shadow:#32325d06 0 2px 5px -1px,#0000000d 0 1px 3px -1px;position:relative;background:rgba(79,93,106,.125);padding:32px;font-size:18px;font-weight:600!important;cursor:pointer!important;text-align:center}.home-page h2{margin-bottom:-12px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#4f5d6a!important;background-color:#f4f7fe!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scrollbar-width:none}body{margin:0!important;padding:0!important}.navbar{box-shadow:#7090b02e 14px 17px 40px 4px!important;background:white!important;height:54px!important;outline:transparent solid 2px;outline-offset:2px;color:#1b254b!important;background:inherit;border-radius:inherit;font-weight:700!important;font-size:24px;display:flex;align-items:center;padding-left:22px}.main_page{margin-top:34px!important;padding:0 22px!important}.upload_csv{width:100%!important;display:flex!important;justify-content:right!important}.upload_csv .text-section p{font-size:14px!important}.upload_csv_button{width:fit-content!important;display:inline-flex;appearance:none;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:transparent solid 2px;outline-offset:2px;width:140px;line-height:1.2;border-radius:0;font-weight:500;box-shadow:#7090b014 45px 76px 113px 7px;transition:all .25s ease 0s;box-sizing:border-box;height:2.5rem;min-width:140px;font-size:1rem;padding-inline-start:1rem;padding-inline-end:1rem;background:#4f5d6a!important;color:#fff;margin-inline-end:100%;outline:none!important;border:none!important;cursor:pointer!important}.app-sidebar{width:280px;position:fixed;top:0;left:-280px;transition:.2s ease-out!important}.app_sidebar_active{width:280px;position:fixed;top:0;left:0px;transition:.2s ease-out!important}.application-route{margin-top:80px;min-height:calc(100vh - 80px);padding-top:20px;padding-left:304px;padding-right:24px!important;transition:.2s ease-out!important}.application-full{margin-top:80px;min-height:calc(100vh - 80px);padding-top:20px;padding-left:12px!important;padding-right:12px!important;transition:.2s ease-out!important}.navbar-logo h4{color:#000!important;text-align:left!important;width:100%;padding-left:24px;min-height:65px!important;padding-top:42px}.react-datepicker-popper{z-index:999!important}.submit-btn button,.logout-button h4{font-weight:400}.submit-btn button,.logout-button button{background-color:#fff!important;color:#000!important;margin-top:12px!important;font-weight:700}.css-80pr5n-MuiPaper-root{box-shadow:1px 4px 20px -2px #0000004d!important}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{background-color:red!important;color:#fff!important}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{background-color:#000000bf!important;color:#fff!important}.main-link{border-radius:10px}.client-section{margin:12px 0!important;border-radius:4px!important;background-color:#fff!important}.client-section .link-text{color:#747474}.client-section .sub-link{color:#747474!important}.navbar-after-login .sub-link{color:#aecde9!important}.client-section .sub-section{margin-left:-32px!important}.apexcharts-yaxis text{font-size:14px}.apexcharts-xaxis text{font-size:14px}.swal-icon--info__line--long,.swal-icon--success__hide-corners,.swal-icon--success__ring,.swal-overlay--show-modal .swal-modal,.swal-icon--success__line,.swal-icon--success__line--tip,.swal-icon--success:after,.swal-icon--info__hide-corners,.swal-icon--info__ring,.swal-icon--info__line,.swal-icon--info__line--tip,.swal-icon--info:after{animation:none!important}.MuiButton-containedPrimary{background-color:#4f5d6a!important}.MuiButton-containedPrimary:disabled{background-color:#0000001f!important;color:#000!important}.title_company{height:42px!important;width:100%;color:#1279a7!important;display:flex;align-items:center;justify-content:flex-end;font-family:var(--font-family-main);font-size:24px;cursor:pointer!important}.navbar-component{background-color:#aecde9!important}.MuiButtonBase-root{box-shadow:none!important}