/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1,h2,h3,h4,h5,h6,span{max-width:100%;word-wrap:break-word}h1,h2,h3,h4,h5,h6{margin:0;padding:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}input{border:none;outline:none}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-thumb{background-color:#888;border-radius:.25rem;min-height:1.25rem}::-webkit-scrollbar-thumb:hover{background-color:#555}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-corner{background-color:#f1f1f1}::-moz-scrollbar{width:.3rem}::-moz-scrollbar-thumb{background-color:#888;border-radius:.25rem;min-height:1.25rem}::-moz-scrollbar-thumb:hover{background-color:#555}::-moz-scrollbar-track{background-color:#f1f1f1}::-moz-scrollbar-corner{background-color:#f1f1f1}@font-face{font-family:"Inter";src:url(/assets/Inter-Regular.b559a93b.ttf) format("truetype");font-weight:normal;font-style:normal}*{box-sizing:border-box;font-family:"Inter",Arial,sans-serif !important}:root{--padding: 1.25rem;--menu-hover-bg: #ececec}html,body,#root{width:100%;height:100%;box-sizing:border-box}.grid-container{display:grid;grid-template-areas:"sidebar header" "sidebar content" "sidebar content";grid-template-columns:1fr 6fr;grid-template-rows:auto 1fr auto;max-height:100%;height:100%;overflow:hidden}@media screen and (max-width: 490px){.grid-container{display:block}}.desk-menu{display:block !important}@media screen and (max-width: 490px){.desk-menu{display:none !important}}.mob-menu{display:none !important}@media screen and (max-width: 490px){.mob-menu{display:block !important}}.header-wrapper{grid-area:header;padding:1rem}.header-wrapper .left-section,.header-wrapper .right-section{display:flex;justify-content:center;align-items:center}.header-wrapper .mobile-menu{width:30px;padding:3px;display:none;cursor:pointer}@media screen and (max-width: 490px){.header-wrapper .mobile-menu{display:block}}.sidebar{grid-area:sidebar;padding:var(--padding);min-width:12em;max-height:83%}.content-area{grid-area:content;background-color:#f4f4f4;padding:2rem;max-width:100%;max-height:100%;overflow:auto}.content-area .content{padding:1rem;border-radius:10px;height:100%;min-height:100%}.content-area .overview-section{margin-top:30px}@media screen and (max-width: 489px){.content-area .overview-section{margin-bottom:70px}}.loader-wrapper-absolute{width:100%;position:absolute;left:48%;top:40%}.loader-wrapper-absolute img{width:30px}.footer-wrapper{grid-area:footer;padding:var(--padding);position:sticky;bottom:0;z-index:999}hr{border:1px solid #f4f4f4}.header-wrapper{font-size:1rem}@media(max-width: 576px){.header-wrapper{font-size:1rem}}@media(min-width: 576px)and (max-width: 767px){.header-wrapper{font-size:1.2rem}}@media(min-width: 768px)and (max-width: 991px){.header-wrapper{font-size:1.4rem}}@media(min-width: 992px)and (max-width: 1269px){.header-wrapper{font-size:1.6rem}}@media(min-width: 1270px){.header-wrapper{font-size:1.8rem}}@media only screen and (max-width: 991px){.table-container{font-size:.8rem}.table-container .table .table-body .table-row .table-cell{padding:.7rem}.table-container .table .table-body .table-row .table-cell .entity-image{width:2rem;height:2rem;border-radius:68%;margin-right:.6rem;object-fit:cover}}@media only screen and (min-width: 992px)and (max-width: 1216px){.table-container{font-size:.8rem}.table-container .table .table-body .table-row .table-cell{padding:.7rem}.table-container .table .table-body .table-row .table-cell .entity-image{width:2rem;height:2rem;border-radius:68%;margin-right:.6rem;object-fit:cover}}@media only screen and (min-width: 1217px){.table-container{font-size:.8rem}.table-container .table .table-body .table-row .table-cell{padding:.7rem}.table-container .table .table-body .table-row .table-cell .entity-image{width:2rem;height:2rem;border-radius:68%;margin-right:.6rem;object-fit:cover}}.form{width:100%;display:flex;flex-direction:column;align-items:flex-start;height:100%}.form-title{margin-bottom:1rem}.form .fields{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:2rem 1rem;overflow:auto}.form .field-overflow-visible{overflow:visible !important}.form .f-width-select{width:100% !important}.form-group{width:100%;display:flex;justify-content:flex-start;flex-direction:column}.form-group.invalid input,.form-group.invalid select,.form-group.invalid textarea,.form-group.invalid .file-uploader-with-dnd-wrapper{background:rgba(255,188,153,.25)}.form-group>.form-label{margin-bottom:.5rem}.form-group>.form-input,.form-group>.form-textarea,.form-group>.form-select{padding:.5rem;border-radius:5px;border:1px solid #ccc;width:100%}.form-group>.form-error{color:#ff6a55;margin-top:.5rem}.form-group>.form-input-no-padding{padding:0rem .5rem !important}.form-group textarea{resize:none}.form-group select{background-color:#fff}.form-group .form-input:focus{outline:1px solid #c0b9b9}.form-group>*:disabled{background:#f4f4f4;pointer-events:none}.form-button{padding:.5rem 1rem;border-radius:5px;background-color:#007bff;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease}.form-button:hover{background-color:#0056b3}.form-button:disabled{background:#f4f4f4;pointer-events:none}.form.multi-column .form-group{width:48%;min-width:30%}.w-10{width:10%}.w-19{width:19%}.w-40{width:40%}.w-25{width:25%}@media only screen and (max-width: 600px){.w-25{width:98%}}.w-48{width:48%}.w-44{width:44%}@media only screen and (max-width: 347px){.w-44{width:98%}}.w-50{width:50%}.w-75{width:75%}.w-100{width:100% !important}.w-fit-content{width:fit-content}.d-flex{display:flex !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-wrap{flex-wrap:wrap !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.m-3{margin:1rem}.mt-3{margin-top:1rem}.mr-3{margin-right:1rem}.mb-3{margin-bottom:1rem}.ml-3{margin-left:1rem}.mt-4{margin-top:1.5rem}.mr-4{margin-right:1.5rem}.mb-4{margin-bottom:1.5rem}.ml-4{margin-left:1.5rem}.p-0{padding:0 !important}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pt-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.p-3{padding:1rem}.pt-3{padding-top:1rem}.pr-3{padding-right:1rem}.pb-3{padding-bottom:1rem}.pl-3{padding-left:1rem}.pt-4{padding-top:1.5rem}.pr-4{padding-right:1.5rem}.pb-4{padding-bottom:1.5rem}.pl-4{padding-left:1.5rem}.pos-relative{position:relative}.pos-absolute{position:absolute}.border-red{border:1px solid #d00;color:#d00}.border-light-grey{border:1px solid #ececec}.bg-red{background-color:#d00 !important;color:#fff !important}.bg-coral-light{background-color:#ffbc99}.bg-green{background-color:#83bf6e}.bg-mild-green{background-color:#b5e4ca}.bg-orange{background-color:orange}.bg-color-purple-lavender{background-color:#cabdff}.bg-sky-blue{background-color:#b1e5fc}.bg-peach{background-color:#ffbc99}.bg-mint-green{background-color:#b5e4ca}.bg-pastel-purple{background-color:#cabdff}.bg-white{background:#fff}.bg-grey{background:#f4f4f4}.height-auto{height:auto !important;min-height:auto !important}.text-white{color:#fff}.text-black{color:#000}.text-red{color:#d00}.text-slate-grey{color:#6f767e}.bld-rm{font-weight:bold;font-size:1em}.bld-rm-1{font-weight:600;font-size:1em}.input-btn{cursor:pointer;border-radius:5px;color:#000;padding:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;font-weight:600}.input-btn img{width:auto;height:auto;border-radius:0;object-fit:cover;object-position:center;box-shadow:none;filter:none}.input-btn.disabled{opacity:.5;cursor:default;pointer-events:none}.vertical-dot{width:15px;height:35px;display:block;border-radius:4px}.close-icon{right:1rem;cursor:pointer;padding:.3rem;border-radius:50%;width:1.5rem !important;height:1.5rem !important;background:#ececec}.bubble{width:fit-content !important;text-align:center;border-radius:5px;cursor:default;background:#b5e4ca;padding:.3rem;font-weight:bolder}.cursor-pointer{cursor:pointer}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1111;background-color:rgba(244,244,244,.8117647059);display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}.modal.stacked{background-color:rgba(0,0,0,0)}.modal.no-scroll{overflow:hidden}.option-list{display:flex;flex-direction:row;justify-content:flex-start;margin:13px 0px}.option-label{margin-left:10px;color:#1a1d1f;font-size:14px;font-weight:600}.custom-date-range{display:flex;flex-direction:row;justify-content:space-between}.custom-date-container{width:47%}.react-datepicker__view-calendar-icon input{width:100% !important;padding:14px 5px !important}.date-label{color:#6f767e;font-size:.9em;margin-bottom:5px}.time-error{color:red;font-size:11px}.custom-date-inner-container{border:2px solid #ececec;border-radius:6px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.calender-img-wrapper{padding:6px 0px}.no-border{border:0px !important;margin-bottom:0px !important}.custom-date-innerHeight{max-height:26em !important}.date-btn-container{width:100%;text-align:end;margin-top:15px}.date-apply-btn{background:#d00;padding:12px 20px;border-radius:12px;color:#fcfcfc;border:0px;font-size:15px;font-weight:700}.date-reset-btn{background:#fff;padding:12px 20px;border-radius:12px;color:#1a1d1f;border:0px;font-size:15px;font-weight:700;border:1px solid #ececec;cursor:pointer;margin-right:8px}.modal-dialog{width:100%;font-size:.8em;border-radius:4px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);overflow:auto}.modal-dialog.small{max-width:30em;max-height:30em}.modal-dialog.medium{max-width:40em;max-height:50em !important}.modal-dialog.large{max-width:70em}.modal-content{padding:16px;height:100%;font-size:1.2em}.modal-content .success-content{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1em}.modal-content .success-content .text{display:flex;justify-content:center;align-items:center;flex-direction:column}.modal-content .success-content .text *{margin-top:.5em;font-size:.9em}.modal-content .error-content{flex-direction:column;padding:1em;display:flex;justify-content:center;align-items:center}.modal-content .error-content .text{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.modal-content .error-content .text *{margin-top:.5em}.modal-content .error-content img{width:5em;height:5em}.modal-content .message-content{display:flex;justify-content:center;align-items:center;justify-content:space-between}.modal-header{display:flex;justify-content:center;align-items:center;justify-content:space-between;padding:8px 0px;border-bottom:1px solid #ccc;margin-bottom:15px}.modal-header div{display:flex;justify-content:center;align-items:center;gap:1em}@media(max-width: 576px){.modal-header{font-size:1.4rem}}@media(min-width: 576px)and (max-width: 768px){.modal-header{font-size:1.6rem}}.modal-footer{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%;padding:1em 0;gap:1em;font-size:1em}.modal-footer .input-btn{padding:.8em;border-radius:8px}@media(max-width: 576px){.modal-footer .input-btn{font-size:.8rem}}@media(min-width: 576px)and (max-width: 768px){.modal-footer .input-btn{font-size:1rem}}.close-btn{border:none;background:none;cursor:pointer;padding:0}.modal-body{padding:1em 0 0 0;max-height:100%}.confirm-btn{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer}@media(max-width: 576px){.confirm-btn{font-size:1.4rem}}@media(min-width: 576px)and (max-width: 768px){.confirm-btn{font-size:1.6rem}}.modal-overlay-click{cursor:pointer;pointer-events:none}@media(max-width: 480px){.modal-dialog{width:90%}.modal-dialog.small{max-width:27em;max-height:20em}.modal-dialog.small h3{font-size:.8rem}}@media only screen and (min-width: 481px)and (max-width: 991px){.modal-dialog{width:90%}.modal-dialog.small{max-width:27em;max-height:20em}.modal-dialog.small h3{font-size:.8rem}}@media only screen and (min-width: 992px)and (max-width: 1216px){.modal-dialog{max-width:50em;max-height:50em}.modal-dialog.small{max-width:27em;max-height:19em}.modal-dialog.medium{max-width:40em;max-height:50em !important}.modal-dialog.large{max-width:70em}.modal-content{font-size:1.2em}.modal-content .success-content .modal-type-image{width:5em;height:5em}.modal-footer .input-btn{font-size:1em}}@media only screen and (max-width: 991px){.modal-dialog{max-width:60em;max-height:55em;overflow:auto}.modal-dialog.small{max-width:27em;max-height:20em}.modal-dialog.medium{max-width:33em;max-height:25em !important}.modal-dialog.large{max-width:70em}.modal-content{font-size:1.2em !important}.modal-content .success-content .modal-type-image{width:3em;height:3em}.modal-footer .input-btn{font-size:.8rem}}.table-container{display:flex;justify-content:center;overflow:hidden;width:100%;height:100%}.table-container.small-table .table{width:30% !important;min-width:30% !important}.table-container.small-table .table .table-cell{max-width:75%}.table-container.small-table .detailed-view{width:70% !important;min-width:70% !important}.table-container .table{border-collapse:collapse;width:max-content;box-shadow:0 0 .3125rem rgba(0,0,0,.1);min-width:100%;position:relative}.table-container .table-header{font-weight:bold}.table-container .table-header .table-row{display:flex}.table-container .table-header .table-row .table-cell{border-bottom:1px solid #ececec;display:flex;justify-content:space-between;flex:1;padding:1rem 1rem 1rem .5rem;word-break:break-word;text-overflow:ellipsis}.table-container .table-header .table-row .table-cell.column-width-6{flex:0 0 6%;max-width:6%}.table-container .table-header .table-row .table-cell.double-extra-small-column{flex:0 0 9%;max-width:9%}.table-container .table-header .table-row .table-cell.extra-small-column{flex:0 0 13%;max-width:13%}.table-container .table-header .table-row .table-cell.small-column{flex:0 0 17%;max-width:17%}.table-container .table-header .table-row .table-cell.medium-column{flex:0 0 25%;max-width:25%}.table-container .table-header .table-row .table-cell.large-column{flex:0 0 40%;max-width:40%}.table-container .table-header .table-row .table-cell.center-aligned{justify-content:center}.table-container .table-header .table-row .table-cell.left-aligned{justify-content:flex-start}.table-container .table-header .table-row .table-cell.right-aligned{justify-content:flex-end}.table-container .table-header .table-row .table-cell .column-heading{color:#6f767e;display:flex;align-items:center;font-weight:600;cursor:pointer}.table-container .table-header .table-row .table-cell .column-heading .sort-icon-container{display:flex;align-items:center;flex-direction:column;margin-left:.5rem;margin-right:.5rem;margin-top:1px}.table-container .table-header .table-row .table-cell .column-heading .sort-icon-container .sort-icon.active{fill:blue}.table-container .table-header .table-row .table-cell .column-heading .sort-icon-container svg{width:1.4em;height:1.4em}.table-container .table-body{overflow-y:auto;height:calc(100% - 8rem)}.table-container .table-body .table-row{display:flex}.table-container .table-body .table-row .table-cell{display:flex;justify-content:center;align-items:center;justify-content:space-between;border-bottom:1px solid #ececec;flex:1;padding:1rem;word-break:break-all;text-overflow:ellipsis;cursor:pointer;position:relative}@media only screen and (max-width: 1100px){.table-container .table-body .table-row .table-cell.product-custom-column{width:200px}}.table-container .table-body .table-row .table-cell.column-width-6{flex:0 0 6%;max-width:6%}.table-container .table-body .table-row .table-cell.double-extra-small-column{flex:0 0 9%;max-width:9%}.table-container .table-body .table-row .table-cell.extra-small-column{flex:0 0 13%;max-width:13%}.table-container .table-body .table-row .table-cell.small-column{flex:0 0 17%;max-width:17%}.table-container .table-body .table-row .table-cell.medium-column{flex:0 0 25%;max-width:25%}.table-container .table-body .table-row .table-cell.large-column{flex:0 0 40%;max-width:40%}.table-container .table-body .table-row .table-cell.custom-date-grey{color:#6f767e}.table-container .table-body .table-row .table-cell.right-aligned{justify-content:flex-end}.table-container .table-body .table-row .table-cell .actions-cell{display:flex;justify-content:center;align-items:center}.table-container .table-body .table-row .table-cell .actions-cell .action-icon{width:2.5rem;height:2rem}.table-container .table-body .table-row .table-cell .actions-cell .action-button{padding:.3rem 1rem}.table-container .table-body .table-row .table-cell .right-arrow{display:flex;justify-content:center;align-items:center;position:absolute;right:-30px}.table-container .table-body .table-row .table-cell .entity-image{width:3rem;height:3rem;border-radius:68%;margin-right:.6rem;object-fit:cover}.table-container .table .checkbox-cell{display:flex !important;align-items:center !important;justify-content:center !important;min-width:3rem !important;max-width:3rem !important}.table-container .table .selected-row{background:#ececec;box-shadow:inset 0px -2px 1px rgba(0,0,0,.05),inset 0px 1px 1px #fff;box-sizing:border-box}.table-container .table .selected-row .table-row{border:none}.table-container .table .table-footer{position:absolute;bottom:1.5rem;left:0;width:100%;display:flex;justify-content:center}.table-container .table .table-footer .load-more .input-btn{background:#fff;padding:.7rem}.table-container .no-data{display:flex;justify-content:center;align-items:center;color:#000}.data-table-loader-container{display:flex;justify-content:center;align-items:center;min-height:200px}@media only screen and (max-width: 991px){.content{width:50rem}.auto-width{width:auto !important}.table-container{font-size:.8rem}.table-container .table .table-body .table-row .table-cell{padding:.7rem}.table-container .table .table-body .table-row .table-cell .entity-image{width:2rem;height:2rem;border-radius:68%;margin-right:.6rem;object-fit:cover}.table-container.small-table .table{width:30% !important;min-width:30% !important}.table-container.small-table .table .table-cell{max-width:70%}.table-container.small-table .table .table-cell .right-arrow{right:-50px}}@media only screen and (min-width: 992px)and (max-width: 1216px){.table-container{font-size:.8rem}.table-container .table .table-body .table-row .table-cell{padding:.7rem}.table-container .table .table-body .table-row .table-cell .entity-image{width:2rem;height:2rem;border-radius:68%;margin-right:.6rem;object-fit:cover}.table-container.small-table .table{width:30% !important;min-width:30% !important}.table-container.small-table .table .table-cell{max-width:80%}.table-container.small-table .table .table-cell .right-arrow{right:-50px}}@media only screen and (min-width: 1217px)and (max-width: 2559px){.table-container{font-size:.8rem}.table-container .table .table-body .table-row .table-cell{padding:.7rem}.table-container .table .table-body .table-row .table-cell .entity-image{width:2rem;height:2rem;border-radius:68%;margin-right:.6rem;object-fit:cover}.table-container.small-table .table{width:30% !important;min-width:30% !important}.table-container.small-table .table .table-cell{max-width:80%}.table-container.small-table .table .table-cell .right-arrow{right:-47px}}@media only screen and (min-width: 2560px){.table-container{font-size:1.5rem}.table-container .table .table-body .table-row .table-cell{padding:1.3rem}.table-container .table .table-body .table-row .table-cell .entity-image{width:2rem;height:2rem;border-radius:68%;margin-right:.6rem;object-fit:cover}}.range-slider-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;height:fit-content;gap:1rem}.range-slider-wrapper .range-slider{position:relative;width:100%;background-color:#ccc;height:1rem;border-radius:10px}.range-slider-wrapper .range-slider .thumb{width:1rem;height:1rem;display:block;cursor:pointer;border-radius:50%;position:absolute;background-color:#a5aac2}.range-slider-wrapper .range-slider .thumb-min{left:0}.range-slider-wrapper .range-slider .thumb-max{left:100%;transform:translateX(-100%)}.range-slider-wrapper .range-values{display:flex;justify-content:center;align-items:center;justify-content:space-between;width:100%}.switch{position:relative;display:inline-block;border-radius:9999px;transition:background-color .2s ease;cursor:pointer}.switch.disabled{opacity:.5;pointer-events:none}.switch.checked{background-color:#86d3ff}.switch-handle{position:absolute;top:0;left:0;border-radius:50%;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.2);transition:transform .2s ease}.switch.checked .switch-handle{transform:translateX(100%)}.switch label{margin-left:10px;vertical-align:middle}.file-uploader-with-dnd-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-end;border-radius:10px;width:100%;max-height:20rem;overflow:hidden}.file-uploader-with-dnd-wrapper .drop-zone{width:100%;height:9rem;background:#f4f4f4;display:flex;justify-content:center;align-items:center}.file-uploader-with-dnd-wrapper .drop-zone .upload-label{display:flex;justify-content:center;align-items:center;gap:.5rem;width:fit-content;background:#fff;padding:.3rem .7rem;border-radius:10px;font-weight:600;cursor:pointer}.file-uploader-with-dnd-wrapper .drop-zone p{color:#000}.file-uploader-with-dnd-wrapper .drop-zone.drag-over{border-color:#3697f2;background-color:rgba(54,151,242,.1)}.file-uploader-with-dnd-wrapper .drop-zone.invalid{background:rgba(255,188,153,.25)}.file-uploader-with-dnd-wrapper .drop-zone.invalid .upload-label{background:rgba(255,188,153,.25);border:1px solid #ff6a55;color:#ff6a55}.file-uploader-with-dnd-wrapper .sample-file{padding-top:.5rem;cursor:pointer}.file-uploader-with-dnd-wrapper .sample-file:hover{color:#1b6bb6}.file-uploader-with-dnd-wrapper .error-message{color:#ff6a55;font-size:.8rem}.file-uploader-with-dnd-wrapper .file-list{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;padding:0;width:100%;height:100%;overflow:auto;list-style-type:none}.file-uploader-with-dnd-wrapper .file-list li{display:flex;justify-content:center;align-items:center;flex-direction:column;width:30%}.file-uploader-with-dnd-wrapper .file-list li .file-preview{width:5rem;height:5rem}.file-uploader-with-dnd-wrapper .file-list li .file-name{width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{display:flex;justify-content:center;align-items:center;padding:1rem 0 0 0;gap:1rem;width:100%}.file-input{display:none}@media only screen and (min-width: 992px)and (max-width: 1216px){.file-uploader-with-dnd-wrapper .drop-zone{height:8em}}@media only screen and (max-width: 991px){.file-uploader-with-dnd-wrapper .drop-zone{height:7em}}.file-upload{display:flex;flex-direction:column;align-items:center;width:40%}.file-upload label{margin-bottom:.5rem;font-weight:bold}.file-upload input[type=file]{display:none}.file-upload .default-preview{display:flex;flex-direction:column;align-items:center}.file-upload .default-preview img{height:auto;width:6rem}.file-upload .default-preview .file-details{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.file-upload .default-preview .file-details span{margin-right:.5rem}.file-upload .default-preview .remove-button{background-color:red;color:#fff;border:none;padding:.25rem .5rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.file-upload .default-preview .remove-button:hover{background-color:#c00}.file-upload .preview{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:flex-start;width:100%}.file-upload .preview .file-preview{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.file-upload .preview .file-preview .close-icon{top:0;right:0}.file-upload .preview .file-details{max-width:50%}.file-upload .preview img{border-style:none;width:7rem;border-radius:50%;height:7rem}.file-upload .error{color:red;margin-top:.5rem}.footer-wrapper{display:flex;justify-content:center;align-items:center;justify-content:flex-end}.footer-wrapper .actions .input-btn{width:max-content}.header-wrapper{display:flex;justify-content:center;align-items:center;justify-content:space-between;width:100%}.header-wrapper .left-section{display:flex;align-items:center;justify-content:flex-start;padding:0 2em}.header-wrapper .left-section h3,.header-wrapper .left-section span{font-weight:600}.header-wrapper .left-section span{padding:.5em}.header-wrapper .left-section .light-text{color:gray}.header-wrapper .left-section .dark-text{color:#272b30;text-transform:capitalize}.header-wrapper .right-section{display:flex;justify-content:center;align-items:center;justify-content:flex-end}.header-wrapper .right-section .notification{position:relative;cursor:pointer}.header-wrapper .right-section .notification .new-notification{width:10px;height:10px;position:absolute;top:0;right:2px;background:#ff6a55;border-radius:50%}.header-wrapper .right-section .avatar{position:relative}.header-wrapper .right-section .avatar img{width:40px;height:40px;object-fit:cover;margin:0 1em;cursor:pointer;border-radius:50%}.header-wrapper .right-section .avatar .popup{right:1em;top:1.7em;width:fit-content;min-width:3em;max-width:5em;padding:5px 7px;cursor:pointer;position:absolute;background:#ececec;border-radius:10px}.header-wrapper .right-section .avatar .popup h6{padding:5px;width:100%;box-sizing:border-box}.header-wrapper .right-section .avatar .popup h6:hover{display:block;background:#fff}.op-header-wrapper{display:flex;justify-content:center;align-items:center;justify-content:space-between;width:100%;background:#fff;padding:1em}.op-header-wrapper .left-section .app-logo{cursor:pointer}.op-header-wrapper .right-section{display:flex;justify-content:center;align-items:center}.op-header-wrapper .right-section .need-help{padding:.7em;border-radius:.7em;font-size:.7em;cursor:pointer;font-weight:500}.op-header-wrapper .right-section .avatar{position:relative}.op-header-wrapper .right-section .avatar img{width:40px;height:40px;object-fit:cover;margin:0 1em;cursor:pointer;border-radius:50%}.op-header-wrapper .right-section .avatar .popup{right:1em;top:1.7em;width:fit-content;min-width:3em;max-width:5em;padding:5px 7px;cursor:pointer;position:absolute;background:#ececec;border-radius:10px}.op-header-wrapper .right-section .avatar .popup h6{padding:5px;width:100%;box-sizing:border-box}.op-header-wrapper .right-section .avatar .popup h6:hover{display:block;background:#fff}.full-page-loader{display:flex;align-items:center;justify-content:center;height:100vh;background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite}.lds-ripple div:nth-child(2){animation-delay:-0.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:0}4.9%{top:36px;left:36px;width:0;height:0;opacity:0}5%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0px;left:0px;width:72px;height:72px;opacity:0}}.invalid-route{display:flex;flex-direction:column;align-items:center;justify-content:center}.invalid-route h1{margin-bottom:2rem}.invalid-route p{text-align:center}.invalid-route{animation:fadeIn .5s ease-in-out,scaleIn .3s ease-in-out}.sidebar{color:#000;padding:0;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.sidebar .logo{display:flex;align-items:center;justify-content:flex-start;padding:1rem;cursor:pointer}.sidebar .logo img{max-width:100%;height:auto}.sidebar .main-menu{margin:0;width:100%;height:100%;list-style:none;padding:2rem 1rem}.sidebar .main-menu li a{display:flex;align-items:center;border-radius:10px;color:inherit;text-decoration:none;padding:.7rem;transition:background-color .3s}.sidebar .main-menu li a:hover{background-color:var(--menu-hover-bg)}.sidebar .main-menu li a .menu-icon{margin-right:.5rem}.sidebar .main-menu li .sub-menu{list-style:none;padding-left:1rem}.sidebar .main-menu li .sub-menu li{padding:.5em 1em;border-radius:10px}.sidebar .main-menu li .sub-menu li a{padding:.25rem;transition:background-color .3s}.sidebar .main-menu li .sub-menu li a:hover{background-color:var(--hover-bg)}.sidebar .main-menu li .sub-menu li a .menu-icon{margin-right:.5rem}.sidebar .main-menu li .sub-menu li .sub-menu{padding-left:1rem}.sidebar .main-menu li.active{background-color:#f4f4f4;font-weight:600}.sidebar .side-footer{width:100%;padding:1rem;font-size:.8rem;display:flex;align-items:center;justify-content:space-evenly;border-top:1px solid #f4f4f4}@media only screen and (max-width: 991px){.sidebar{font-size:.8rem}}@media only screen and (min-width: 992px)and (max-width: 1216px){.sidebar{font-size:.8rem}}.sa-login-wrapper,.op-login-wrapper{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;overflow:hidden}.sa-login-wrapper .left-wrapper,.op-login-wrapper .left-wrapper{width:25%;height:100%}.sa-login-wrapper .left-wrapper img,.op-login-wrapper .left-wrapper img{max-width:100%;width:100%;height:100%}@media only screen and (max-width: 505px){.sa-login-wrapper .left-wrapper,.op-login-wrapper .left-wrapper{width:100%}}.sa-login-wrapper .right-wrapper,.op-login-wrapper .right-wrapper{width:75%;padding:2em;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 505px){.sa-login-wrapper .right-wrapper,.op-login-wrapper .right-wrapper{width:100%;position:absolute;background:#fff}}.sa-login-wrapper .right-wrapper .signin-form,.op-login-wrapper .right-wrapper .signin-form{max-width:33%;text-align:left;display:flex;gap:1em;flex-direction:column}@media only screen and (min-width: 800px)and (max-width: 1199px){.sa-login-wrapper .right-wrapper .signin-form,.op-login-wrapper .right-wrapper .signin-form{max-width:40%}}@media only screen and (min-width: 600px)and (max-width: 799px){.sa-login-wrapper .right-wrapper .signin-form,.op-login-wrapper .right-wrapper .signin-form{max-width:55%}}@media only screen and (min-width: 200px)and (max-width: 599px){.sa-login-wrapper .right-wrapper .signin-form,.op-login-wrapper .right-wrapper .signin-form{max-width:75%}}.sa-login-wrapper .right-wrapper .signin-form form,.op-login-wrapper .right-wrapper .signin-form form{display:flex;gap:1em;flex-direction:column}.sa-login-wrapper .right-wrapper .signin-form .signin-title,.op-login-wrapper .right-wrapper .signin-form .signin-title{font-size:2.5em;font-weight:bold}@media only screen and (min-width: 800px)and (max-width: 1199px){.sa-login-wrapper .right-wrapper .signin-form .signin-title,.op-login-wrapper .right-wrapper .signin-form .signin-title{font-size:2em}}@media only screen and (max-width: 799px){.sa-login-wrapper .right-wrapper .signin-form .signin-title,.op-login-wrapper .right-wrapper .signin-form .signin-title{font-size:1.5em}}.sa-login-wrapper .right-wrapper .signin-form .login-border,.op-login-wrapper .right-wrapper .signin-form .login-border{height:2px;background-color:#ececec;margin:23px 0px}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper,.op-login-wrapper .right-wrapper .signin-form .input-wrapper{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper .input-label,.op-login-wrapper .right-wrapper .signin-form .input-wrapper .input-label{font-weight:600}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper .input-icon,.op-login-wrapper .right-wrapper .signin-form .input-wrapper .input-icon{position:absolute;top:75%;left:.625em;transform:translateY(-50%)}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper .input-field,.op-login-wrapper .right-wrapper .signin-form .input-wrapper .input-field{padding-left:2.1875em;width:100%;height:2.5em;border:1px solid #ccc;border-radius:.3125em;outline:none}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper .password-toggle,.op-login-wrapper .right-wrapper .signin-form .input-wrapper .password-toggle{position:absolute;top:75%;right:.625em;transform:translateY(-50%);cursor:pointer}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper .password-toggle.visible img,.op-login-wrapper .right-wrapper .signin-form .input-wrapper .password-toggle.visible img{filter:opacity(0.5)}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper .validation-message,.op-login-wrapper .right-wrapper .signin-form .input-wrapper .validation-message{color:red;font-size:.75em}.sa-login-wrapper .right-wrapper .signin-form .submit-button,.op-login-wrapper .right-wrapper .signin-form .submit-button{cursor:pointer;width:100%;padding:.5em;border-radius:.3125em;outline:none;color:#fff;border:none;background-color:#d00}.sa-login-wrapper .right-wrapper .signin-form .submit-button:disabled,.op-login-wrapper .right-wrapper .signin-form .submit-button:disabled{background-color:rgba(221,0,0,.5);cursor:default}.sa-login-wrapper .right-wrapper .signin-form .login-text,.op-login-wrapper .right-wrapper .signin-form .login-text{display:block;color:#6f767e}.sa-login-wrapper .right-wrapper .signin-form .error-message,.op-login-wrapper .right-wrapper .signin-form .error-message{padding:0;margin:0;font-size:.9em;color:#ff6a55}.sa-login-wrapper .right-wrapper .signin-form .invalid input,.sa-login-wrapper .right-wrapper .signin-form .invalid select,.op-login-wrapper .right-wrapper .signin-form .invalid input,.op-login-wrapper .right-wrapper .signin-form .invalid select{background:rgba(255,188,153,.25)}.sa-login-wrapper .right-wrapper .select-operator .fields,.op-login-wrapper .right-wrapper .select-operator .fields{overflow:visible}.sa-login-wrapper .right-wrapper .select-operator .fields .form-group .form-input,.op-login-wrapper .right-wrapper .select-operator .fields .form-group .form-input{width:86%}.sa-login-wrapper .right-wrapper .select-operator select,.op-login-wrapper .right-wrapper .select-operator select{width:100%;outline:none;border:none}.sa-login-wrapper .right-wrapper .select-operator .submit-button,.op-login-wrapper .right-wrapper .select-operator .submit-button{width:85%}.sa-login-wrapper .right-wrapper .choose-station-number textarea,.op-login-wrapper .right-wrapper .choose-station-number textarea{background:#ececec}.sa-login-wrapper .right-wrapper .choose-station-number .form-label,.op-login-wrapper .right-wrapper .choose-station-number .form-label{color:#1a1d1f;font-size:.9rem}.top-55{top:55% !important}.wrapper-landscape{height:auto !important}.left-wrapper-landscape{width:50% !important}.op-login-wrapper .form-group{gap:.5rem}.op-login-wrapper .selected-users{width:100%;max-height:10em;overflow-y:auto;padding:0 .7em 0 0}.op-login-wrapper .selected-users div{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5em}.op-login-wrapper .selected-users div .user{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.op-login-wrapper .selected-users div .user .operator{padding:.5em;border-radius:10px;background:#ececec;min-width:90%;max-width:90%;word-break:break-word;display:flex;flex-direction:row;align-items:center;font-size:.85em}.op-login-wrapper .selected-users div .user .operator span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-login-wrapper .selected-users div .user .remove-operator{position:absolute;cursor:pointer;right:0}.op-login-wrapper .selected-users div .user img{cursor:pointer}.op-login-wrapper .add-new-operator{color:#d00;font-size:.7em;padding:.6em .6em 0 0;cursor:pointer}@media only screen and (max-width: 576px){.sa-login-wrapper{font-size:.8em}.sa-login-wrapper .left-wrapper{height:100%;width:100%}.sa-login-wrapper .right-wrapper{padding:1.5em;width:100%}}@media only screen and (min-width: 576px)and (max-width: 767px){.sa-login-wrapper .left-wrapper{height:100%;width:45%}.sa-login-wrapper .right-wrapper{padding:1.5em;width:55%}}@media only screen and (min-width: 768px)and (max-width: 991px){.sa-login-wrapper .left-wrapper{height:100%;width:35%}.sa-login-wrapper .right-wrapper{padding:1.5em;width:65%}}.detailed-row-mobile{overflow:hidden}.user-wrapper{width:100%;height:100%}.user-wrapper .flex-column-none{display:none !important}.user-wrapper .content-section-title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 0}.user-wrapper .content-section-title .search-wrapper{display:flex;flex-direction:row;align-items:center;gap:1rem;min-width:23%}.user-wrapper .content-section-title .search-wrapper .input-wrapper{display:flex;align-items:center;position:relative;width:100%}.user-wrapper .content-section-title .search-wrapper .input-wrapper input{padding:.7rem;border-radius:8px;background-color:#f4f4f4;width:100%}.user-wrapper .content-section-title .search-wrapper .input-wrapper .search-bar{padding-left:2rem}.user-wrapper .content-section-title .search-wrapper .input-wrapper .icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:24px;height:24px}.user-wrapper .content-section-title .actions{display:flex;flex-direction:row;align-items:center;gap:1rem;font-size:.7em}.user-wrapper .content-section-title .actions>*{cursor:pointer;border-radius:5px;color:#000;padding:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;font-weight:600;color:#fff}.user-wrapper .content-section-title .actions>* img{width:1rem;height:1rem;border-radius:0;object-fit:cover;object-position:center;box-shadow:none;filter:none}.user-wrapper .content-section-title .actions .form-input-select{color:#000}.user-wrapper .content-section-title .actions .select-box{display:flex;flex-direction:row;justify-content:space-between}.user-wrapper .content-section-title .actions .select-box select{border:1px solid #9a9fa5;padding:.5rem;border-radius:5px;margin-right:5px}.user-wrapper .content-section-title .actions .select-box .img-close{cursor:pointer}.user-wrapper .content-section-title .actions .disabled{cursor:not-allowed}.user-wrapper .detailed-view{flex:1;display:flex;flex-direction:column;align-items:stretch;position:relative;padding:2rem;max-height:93%;overflow:auto}.user-wrapper .detailed-view .detailed-view-header{padding:1rem;display:flex;align-items:center;flex-direction:row;justify-content:space-between;height:100%}@media only screen and (max-width: 490px){.user-wrapper .detailed-view .detailed-view-header{flex-direction:column}}.user-wrapper .detailed-view .detailed-view-header .left-section{display:flex;align-items:center;justify-content:flex-start;max-width:50%;min-width:40%;height:100%}@media only screen and (max-width: 490px){.user-wrapper .detailed-view .detailed-view-header .left-section{max-width:100%}}.user-wrapper .detailed-view .detailed-view-header .left-section .user-details{max-width:80%;display:flex;flex-direction:column;padding:0 0 0 2rem}.user-wrapper .detailed-view .detailed-view-header .left-section .user-details span{color:#9a9fa5}.user-wrapper .detailed-view .detailed-view-header .left-section .user-details h3{height:100%;max-height:5rem;overflow:auto}.user-wrapper .detailed-view .detailed-view-header .left-section img{width:6.25rem;height:6.25rem;border-radius:50%;background-color:#eee}.user-wrapper .detailed-view .detailed-view-header .right-section{display:flex;justify-content:center;align-items:center;gap:1rem}@media only screen and (max-width: 490px){.user-wrapper .detailed-view .detailed-view-header .right-section{max-width:100%;flex-direction:row !important}}.user-wrapper .detailed-view .detailed-view-header .right-section .action{cursor:pointer;border-radius:5px;color:#000;padding:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;font-weight:600}.user-wrapper .detailed-view .detailed-view-header .right-section .action img{width:1rem;height:1rem;border-radius:0;object-fit:cover;object-position:center;box-shadow:none;filter:none}.user-wrapper .detailed-view .detailed-view-header .right-section .action.big-btn{font-weight:600;padding:1rem 1rem;border-radius:7px}.user-wrapper .detailed-view .detailed-view-header .right-section .action.big-btn img{margin-left:.5rem}.user-wrapper .detailed-view .user-details{flex:1}.user-wrapper .detailed-view .user-details .user-name{font-size:1.2rem;font-weight:bold;margin-bottom:.5rem}.user-wrapper .detailed-view .user-details .edit-button{text-align:right;margin-bottom:.5rem}.user-wrapper .detailed-view .user-details .edit-button button{padding:.5rem 1rem;background-color:#eee;cursor:pointer}.user-wrapper .data-table-container{height:calc(100% - 2rem);display:flex;flex-direction:column}.user-wrapper .add-userdata-wrapper{width:100%}.user-wrapper .add-userdata-wrapper .form{margin:0}.user-wrapper .add-userdata-wrapper .form .fields{gap:0}.user-wrapper .add-userdata-wrapper .form .form-group{margin:.5rem}.user-wrapper .add-userdata-wrapper .form .form-group input,.user-wrapper .add-userdata-wrapper .form .form-group select{border:.15rem solid #9a9fa5;padding:.8rem}@media only screen and (min-width: 992px)and (max-width: 1216px){.user-wrapper{font-size:.8rem}}@media only screen and (max-width: 991px){.user-wrapper .small-table .detailed-view-header .left-section img{width:4.25rem;height:4.25rem}.user-wrapper .small-table .detailed-view-header .right-section{flex-direction:column;align-items:flex-start}}.product-wrapper{width:100%;height:100%}.product-wrapper .flex-column-none{display:none !important}.product-wrapper .content-section-title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1em 0}.product-wrapper .content-section-title .search-wrapper{display:flex;flex-direction:row;align-items:center;gap:1em;min-width:34%}.product-wrapper .content-section-title .search-wrapper .input-wrapper{display:flex;align-items:center;position:relative;width:100%}.product-wrapper .content-section-title .search-wrapper .input-wrapper input{padding:.7em;border-radius:8px;background-color:#f4f4f4;width:100%}.product-wrapper .content-section-title .search-wrapper .input-wrapper .search-bar{padding-left:2em}.product-wrapper .content-section-title .search-wrapper .input-wrapper .icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:24px;height:24px}.product-wrapper .content-section-title .actions{display:flex;justify-content:center;align-items:center;gap:1em;flex-direction:row;font-size:.7em}.product-wrapper .content-section-title .actions>*{cursor:pointer;border-radius:5px;color:#000;padding:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;font-weight:600;color:#fff}.product-wrapper .content-section-title .actions>* img{width:1em;height:1em;border-radius:0;object-fit:cover;object-position:center;box-shadow:none;filter:none}.product-wrapper .content-section-title .actions img{width:1.3em;height:1.3em}.product-wrapper .content-section-title .actions .disabled{cursor:not-allowed}.product-wrapper .detailed-view{flex:1;display:flex;flex-direction:column;align-items:stretch;position:relative;height:100%;padding:2em;max-height:90%;overflow:auto}.product-wrapper .detailed-view .detailed-view-header{padding:1em;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 490px){.product-wrapper .detailed-view .detailed-view-header{flex-direction:column}}.product-wrapper .detailed-view .detailed-view-header .left-section{display:flex;align-items:center;justify-content:flex-start;max-width:50%;gap:1.5em;height:100%}.product-wrapper .detailed-view .detailed-view-header .left-section .product-details{max-width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:100%}.product-wrapper .detailed-view .detailed-view-header .left-section .product-details span{color:#9a9fa5}.product-wrapper .detailed-view .detailed-view-header .left-section .product-details h3{height:100%;max-height:5rem;overflow:auto}.product-wrapper .detailed-view .detailed-view-header .left-section img{width:6.25em;height:6.25em;border-radius:50%;background-color:#eee}.product-wrapper .detailed-view .detailed-view-header .right-section{display:flex;justify-content:center;align-items:center;gap:1em}@media only screen and (max-width: 490px){.product-wrapper .detailed-view .detailed-view-header .right-section{max-width:100%;flex-direction:row !important}}.product-wrapper .detailed-view .detailed-view-header .right-section .action{cursor:pointer;border-radius:5px;color:#000;padding:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;font-weight:600}.product-wrapper .detailed-view .detailed-view-header .right-section .action img{width:1em;height:1em;border-radius:0;object-fit:cover;object-position:center;box-shadow:none;filter:none}.product-wrapper .detailed-view .detailed-view-header .right-section .action.big-btn{font-weight:600;padding:1em 1em;border-radius:7px}.product-wrapper .detailed-view .product-details{flex:1;height:100%}.product-wrapper .detailed-view .product-details .product-name{font-size:1.2em;font-weight:bold}.product-wrapper .detailed-view .product-details .edit-button{text-align:right}.product-wrapper .detailed-view .product-details .edit-button button{padding:.5em 1em;background-color:#eee;cursor:pointer}.product-wrapper .detailed-view .product-details .form-group input,.product-wrapper .detailed-view .product-details .form-group textarea,.product-wrapper .detailed-view .product-details .form-group select{border:2px solid #9a9fa5;padding:.7em}@media only screen and (max-width: 490px){.product-wrapper .detailed-view .product-details .form-group{width:100% !important}}.product-wrapper .data-table-container{height:calc(100% - 2em);display:flex;flex-direction:column}.product-wrapper .add-productdata-wrapper{width:100%}.product-wrapper .add-productdata-wrapper .form .form-group input,.product-wrapper .add-productdata-wrapper .form .form-group select{padding:.8em}.product-wrapper .add-productdata-wrapper .form .fields{gap:1em 1em}.product-wrapper .filter-productdata-wrapper .fields{height:fit-content;gap:4em 3em;overflow:hidden;padding:2em 1em}.product-wrapper .filter-productdata-wrapper .fields .form-group{gap:1.5em;min-width:10em}.product-wrapper .filter-productdata-wrapper .fields .form-group .filter-label-txt{margin-bottom:8px}.product-wrapper .filter-productdata-wrapper .fields .form-group .input-range__label-container{margin-left:-10px !important}.product-wrapper .filter-productdata-wrapper .reset span{padding:1em .6em;cursor:pointer}@media only screen and (min-width: 992px)and (max-width: 1216px){.product-wrapper .search-bar{padding-left:3em !important}}@media only screen and (max-width: 991px){.product-wrapper .search-bar{padding-left:3em !important}.product-wrapper .small-table .detailed-view-header .left-section img{width:4.25rem;height:4.25rem}.product-wrapper .small-table .detailed-view-header .right-section{flex-direction:column;align-items:flex-start}}@media only screen and (min-width: 1216px){.product-wrapper .search-bar{padding-left:3em !important}}.opertor-wrapper{min-height:100vh;padding:0;margin:0;overflow:hidden}.op-score-board-wrapper{width:100%;height:100%;background-color:#f4f4f4;font-size:1rem;overflow:auto}.op-score-board-wrapper .op-score-board-title{padding:1rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.op-score-board-wrapper .op-score-board-title .end-session-wrapper{display:flex;justify-content:center;flex-direction:row}.op-score-board-wrapper .op-score-board-title .full-screen{width:22px;cursor:pointer;margin-bottom:6px;margin-left:5px;margin-top:5px}.op-score-board-wrapper .op-score-board-title .scroreboard-operator-list{display:flex;flex-direction:row;justify-content:center}.op-score-board-wrapper .op-score-board-title .operator-listing{position:absolute;background-color:#f4f4f4;border-radius:6px;padding:5px}.op-score-board-wrapper .op-score-board-title .bevel-border-top{margin-right:10px}.op-score-board-wrapper .op-score-board-title .operator-name{padding:5px;font-size:12px;color:#6f767e}.op-score-board-wrapper .op-score-board-title .border-light-grey{border:1px solid silver}.op-score-board-wrapper .op-score-board-title .end-session{border-radius:.7em;display:flex;justify-content:center;align-items:center;padding:.5em;cursor:pointer;font-size:.8em}.op-score-board-wrapper .op-score-board-title .end-session img{width:1rem;height:1rem}.op-score-board-wrapper .op-score-board-title .end-session:hover{background:#e4e4e4}.op-score-board-wrapper .op-score-board-title h2{font-size:36px}.op-score-board-wrapper .op-score-board-title h5{padding:0;margin:0}@media screen and (max-width: 440px){.op-score-board-wrapper .op-score-board-title{gap:1em;justify-content:center;align-items:center;flex-direction:column}}.op-score-board-wrapper .dashboard-content{display:flex;flex-direction:column;height:100%;gap:2em;font-size:1em}.op-score-board-wrapper .dashboard-content .station-content{padding:1rem;background-color:#fff;border-radius:10px;height:100%}.op-score-board-wrapper .dashboard-content .product-user{width:100%}@media screen and (max-width: 835px){.op-score-board-wrapper .dashboard-content .product-user{width:100% !important}}.op-score-board-wrapper .dashboard-content .product-user .bg-yellow{background:#ffd88d}.op-score-board-wrapper .dashboard-content .product-user .operator-row{display:flex;flex-direction:row;justify-content:flex-start;margin:15px}@media screen and (max-width: 700px){.op-score-board-wrapper .dashboard-content .product-user .operator-row{display:block}}.op-score-board-wrapper .dashboard-content .product-user .operator-title{color:#6f767e;font-size:13px;font-weight:600}.op-score-board-wrapper .dashboard-content .product-user .w-40{width:40%}.op-score-board-wrapper .dashboard-content .product-user .vertical-divider{height:1px;background-color:#ececec;width:100%}.op-score-board-wrapper .dashboard-content .product-user .profile-wrapper{flex-direction:row;justify-content:flex-start;display:flex}@media screen and (max-width: 600px){.op-score-board-wrapper .dashboard-content .product-user .profile-wrapper{margin-bottom:20px}}.op-score-board-wrapper .dashboard-content .product-user .img-wrapper{width:40px;height:40px;border-radius:20px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;justify-content:center;align-items:center;background-color:#b5e4ca;overflow:hidden}.op-score-board-wrapper .dashboard-content .product-user .img-wrapper img{width:100%}.op-score-board-wrapper .dashboard-content .product-user .profile-desc{margin-left:10px}.op-score-board-wrapper .dashboard-content .product-user .profile-name{font-size:16px;color:#1a1d1f;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.op-score-board-wrapper .dashboard-content .product-user .user-name{font-size:13px;color:#9a9fa5}.op-score-board-wrapper .dashboard-content .bevel-border{box-shadow:inset 0 -0.5em .5em rgba(0,0,0,.1),0 0 0 2px,.3em .3em 1em rgba(0,0,0,.3)}.op-score-board-wrapper .dashboard-content .fc_bg-blink-red{animation:blinkingText 2s infinite}@keyframes blinkingText{0%{background:rgba(239,10,26,.65)}25%{background:rgba(239,10,26,.65)}50%{background:rgba(239,10,26,.65)}75%{background:rgba(239,10,26,.65)}100%{color:#f1f1f1}}.op-score-board-wrapper .dashboard-content .box{padding:1rem;background:#fff;border-radius:1rem}.op-score-board-wrapper .dashboard-content .box.bg-pink{background-color:#ffe7e4 !important}.op-score-board-wrapper .dashboard-content .box.bg-green{background-color:#eaf6ef !important}.op-score-board-wrapper .dashboard-content .box.fc_bg-quality-pink{background-color:#0096ff !important}.op-score-board-wrapper .dashboard-content .box.fc_bg-blink-red{animation:blinkingText 2s infinite}.op-score-board-wrapper .dashboard-content .box.fc_bg-yellow{background-color:#ff0}.op-score-board-wrapper .dashboard-content .box .header{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:20px}.op-score-board-wrapper .dashboard-content .box .content{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;gap:1rem;background:#f4f4f4;border-radius:12px;padding:25px}.op-score-board-wrapper .dashboard-content .top{display:flex;gap:2em;width:100%}.op-score-board-wrapper .dashboard-content .top .actual{background-color:#fff}.op-score-board-wrapper .dashboard-content .top .actual .content .minus,.op-score-board-wrapper .dashboard-content .top .actual .content .value,.op-score-board-wrapper .dashboard-content .top .actual .content .plus{width:31%;margin:0 auto;border-radius:.5rem;display:flex;justify-content:center;align-items:center;height:220px}@media screen and (max-width: 956px){.op-score-board-wrapper .dashboard-content .top .actual .content .minus,.op-score-board-wrapper .dashboard-content .top .actual .content .value,.op-score-board-wrapper .dashboard-content .top .actual .content .plus{height:200px}}.op-score-board-wrapper .dashboard-content .top .actual .content .minus{background-color:#ff6a55;color:#fff;font-size:90px;font-weight:bold;cursor:pointer}@media screen and (max-width: 440px){.op-score-board-wrapper .dashboard-content .top .actual .content .minus{font-size:40px}}@media screen and (min-width: 450px)and (max-width: 956px){.op-score-board-wrapper .dashboard-content .top .actual .content .minus{font-size:65px}}.op-score-board-wrapper .dashboard-content .top .actual .content .value{color:#000;font-size:90px;font-weight:bold}@media screen and (max-width: 440px){.op-score-board-wrapper .dashboard-content .top .actual .content .value{font-size:40px}}@media screen and (min-width: 450px)and (max-width: 956px){.op-score-board-wrapper .dashboard-content .top .actual .content .value{font-size:65px}}.op-score-board-wrapper .dashboard-content .top .actual .content .plus{background-color:#83bf6e;color:#fff;font-size:90px;font-weight:bold;cursor:pointer}@media screen and (max-width: 440px){.op-score-board-wrapper .dashboard-content .top .actual .content .plus{font-size:40px}}@media screen and (min-width: 450px)and (max-width: 956px){.op-score-board-wrapper .dashboard-content .top .actual .content .plus{font-size:65px}}.op-score-board-wrapper .dashboard-content .top .overview{background-color:#fff}.op-score-board-wrapper .dashboard-content .top .overview .content-right{border-radius:12px}.op-score-board-wrapper .dashboard-content .top .overview .content-right .target{width:100%;background:#f4f4f4;border-radius:12px;padding:25px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.op-score-board-wrapper .dashboard-content .top .overview .content-right .target .title{font-size:13px;color:#6f767e}.op-score-board-wrapper .dashboard-content .top .overview .content-right .target .value{color:#1a1d1f;font-weight:bold;font-size:36px}.op-score-board-wrapper .dashboard-content .top .overview .content-right .target img{width:2.5rem;height:2.5rem;margin-right:15px}.op-score-board-wrapper .dashboard-content .top .overview .content-right .target-vertical{height:270px;width:48%;justify-content:center;align-items:center}.op-score-board-wrapper .dashboard-content .top .overview .content-right .target-vertical .target-value{color:#1a1d1f;font-weight:bold;font-size:90px}@media screen and (max-width: 440px){.op-score-board-wrapper .dashboard-content .top .overview .content-right .target-vertical .target-value{font-size:40px}}@media screen and (min-width: 450px)and (max-width: 956px){.op-score-board-wrapper .dashboard-content .top .overview .content-right .target-vertical .target-value{font-size:65px}}.op-score-board-wrapper .dashboard-content .top .overview .content-right .target-vertical .target-block{text-align:center}.op-score-board-wrapper .dashboard-content .top .overview .content-right .target-vertical .target-title{font-size:22px;color:#6f767e}@media screen and (max-width: 440px){.op-score-board-wrapper .dashboard-content .top .overview .content-right .target-vertical{width:100%}}.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-block{width:48%;overflow:hidden}@media screen and (max-width: 440px){.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-block{margin-top:15px;width:100%}}.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:15px}@media screen and (max-width: 440px){.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status{display:block;flex-direction:column}}.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .efficiency,.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .status,.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .fpi{width:100%;padding:15px;border-radius:12px;background:#f4f4f4;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:85px}@media screen and (max-width: 440px){.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .efficiency,.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .status,.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .fpi{width:100%}}.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .efficiency .title,.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .status .title,.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .fpi .title{font-size:13px;color:#6f767e}.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .efficiency .value,.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .status .value,.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .fpi .value{color:#1a1d1f;font-weight:bold;font-size:28px}.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .efficiency img,.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .status img,.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .fpi img{width:1.8rem;height:1.8rem;margin-right:15px}.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .status,.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .fpi{margin-top:10px}@media screen and (max-width: 440px){.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .status,.op-score-board-wrapper .dashboard-content .top .overview .content-right .efficiency-status .fpi{margin-top:15px}}.op-score-board-wrapper .dashboard-content .bottom{display:flex;gap:2em;flex-direction:row;justify-content:space-between}@media screen and (max-width: 767px){.op-score-board-wrapper .dashboard-content .bottom{flex-direction:column}}@media screen and (max-width: 835px){.op-score-board-wrapper .dashboard-content .bottom .timer{width:100%}}.op-score-board-wrapper .dashboard-content .bottom .timer .content-timer .row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.op-score-board-wrapper .dashboard-content .bottom .timer .content-timer .row .section-count{border-radius:6px;background:#f4f4f4;width:30%;text-align:center;justify-content:center;padding:15px 0px}.op-score-board-wrapper .dashboard-content .bottom .timer .content-timer .row .section-count .label{color:#6f767e;font-size:11px}.op-score-board-wrapper .dashboard-content .bottom .timer .content-timer .row .section-count .time{font-weight:600;font-size:20px}.op-score-board-wrapper .dashboard-content .bottom .timer .content-timer .current-timer{flex-direction:row;display:flex;justify-content:space-between;margin:15px 0px}.op-score-board-wrapper .dashboard-content .bottom .timer .content-timer .current-timer .section{background:#f4f4f4;width:49%;text-align:center;padding:15px 0px}.op-score-board-wrapper .dashboard-content .bottom .timer .content-timer .current-timer .section .label{font-size:11px;color:#6f767e}.op-score-board-wrapper .dashboard-content .bottom .timer .content-timer .current-timer .section .time{font-weight:600;font-size:20px}.op-score-board-wrapper .dashboard-content .bottom .timer .content-timer .current-timer .w-left{border-top-left-radius:6px;border-bottom-left-radius:6px}.op-score-board-wrapper .dashboard-content .bottom .timer .content-timer .current-timer .w-right{border-top-right-radius:6px;border-bottom-right-radius:6px}.op-score-board-wrapper .dashboard-content .bottom .timer .content-timer .start-button{width:100%;background-color:#83bf6e;color:#fff;padding:.7rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center}.op-score-board-wrapper .dashboard-content .bottom .timer .content-timer .start-button img{margin-left:5px}.op-score-board-wrapper .dashboard-content .bottom .timer .content-timer .bg-yellow{background:#ffbe41}@media screen and (max-width: 835px){.op-score-board-wrapper .dashboard-content .bottom .product{width:100%}}.op-score-board-wrapper .dashboard-content .bottom .product .header .border-light-grey{padding:.4rem 1rem;cursor:pointer}.op-score-board-wrapper .dashboard-content .bottom .product .header .product-name{color:#6f767e;font-size:1em;word-wrap:break-word;word-break:break-word;width:70%}.op-score-board-wrapper .dashboard-content .bottom .product .content-product .mt-custom-15{margin-top:10px}.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width: 495px){.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list{display:block}}.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list .section-product{background:#f4f4f4;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:12px;border-radius:6px}@media screen and (max-width: 495px){.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list .section-product{margin-top:15px}}.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list .section-product .right-content{min-width:94%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list .section-product .title{font-size:11px;color:#6f767e}.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list .section-product .value{color:#1a1d1f;font-weight:bold;font-size:20px}.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list .section-product img{width:1.5rem;height:1.5rem;margin-right:5px}.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list .section-description{width:49%;margin-top:15px}.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list .ml-5{margin-left:5px}@media screen and (max-width: 495px){.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list .ml-5{margin-left:0px}}.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list .w-48{width:49%}@media screen and (max-width: 495px){.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list .w-48{width:100%}}.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list .w-32{width:32%}@media screen and (max-width: 495px){.op-score-board-wrapper .dashboard-content .bottom .product .content-product .product-list .w-32{width:100%}}.op-score-board-wrapper .disabled{opacity:.5;pointer-events:none}.op-score-board-wrapper .timer-stop-reason .footer{display:flex;flex-direction:row;gap:1em;padding:1em 0}.op-score-board-wrapper .timer-stop-reason .breaktime-option{display:flex;flex-direction:row;padding:10px 0px;justify-content:space-between;align-items:center}.op-score-board-wrapper .timer-stop-reason .mr-10{margin-right:5px}.op-score-board-wrapper .timer-stop-reason .breaktime-single{display:flex;justify-content:center;align-items:center}.op-score-board-wrapper .quality-audit .form-label{color:#33383f;font-size:.9rem}@media screen and (min-width: 0px)and (max-width: 767px){.op-score-board-wrapper{padding:1rem;background-color:#f4f4f4;font-size:.8em;height:calc(100% - 5rem) !important}.op-score-board-wrapper .top,.op-score-board-wrapper .bottom{background-color:#f4f4f4;flex-direction:column;width:100%}.op-score-board-wrapper .overview .fpi,.op-score-board-wrapper .overview .target,.op-score-board-wrapper .overview .efficiency,.op-score-board-wrapper .overview .status{display:flex;flex-direction:column}.op-score-board-wrapper .overview .fpi div,.op-score-board-wrapper .overview .target div,.op-score-board-wrapper .overview .efficiency div,.op-score-board-wrapper .overview .status div{align-items:end}.op-score-board-wrapper .overview .fpi div h4,.op-score-board-wrapper .overview .target div h4,.op-score-board-wrapper .overview .efficiency div h4,.op-score-board-wrapper .overview .status div h4{width:fit-content}.op-score-board-wrapper .timer .content{flex-wrap:wrap}.op-score-board-wrapper .timer .content .row{display:flex;flex-direction:row;gap:1em}.op-score-board-wrapper .timer .content .row .section{display:flex}.op-score-board-wrapper .timer .content .row .section span{background:#f4f4f4;padding:.5em}.op-score-board-wrapper .timer .content .current-time{flex-direction:column}.op-score-board-wrapper .product .content{flex-wrap:wrap}.op-score-board-wrapper .product .content .dailyGoal,.op-score-board-wrapper .product .content .jobCode,.op-score-board-wrapper .product .content .goalPerHour{width:30%}.op-score-board-wrapper .product .content .description{width:100%}.op-score-board-wrapper .product .content img{width:2rem;height:2rem}.op-score-board-wrapper .quality-audit .header{justify-content:space-between !important}.op-score-board-wrapper .quality-audit .header .title{display:flex;align-items:center;gap:.5em}.op-score-board-wrapper .quality-audit .header .audit{display:flex;justify-content:center;align-items:center;border-radius:5px;padding:.4em .2em;font-size:.8em}.op-score-board-wrapper .quality-audit .header .audit .img{width:.5rem;height:.5rem}.op-score-board-wrapper .quality-audit .content{flex-direction:row;justify-content:flex-start !important}.op-score-board-wrapper .quality-audit .content .pass,.op-score-board-wrapper .quality-audit .content .reject,.op-score-board-wrapper .quality-audit .content .time-of-last-audit{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;width:30%;height:100%;gap:1em;padding:.5em}.op-score-board-wrapper .quality-audit .content .pass img,.op-score-board-wrapper .quality-audit .content .reject img,.op-score-board-wrapper .quality-audit .content .time-of-last-audit img{width:2rem;height:2rem}}@media screen and (min-width: 768px)and (max-width: 991px){.op-score-board-wrapper{padding:1rem;background-color:#f4f4f4;height:calc(100% - 5rem) !important}.op-score-board-wrapper .top,.op-score-board-wrapper .bottom{background-color:#f4f4f4;flex-direction:row;width:100%}.op-score-board-wrapper .actual,.op-score-board-wrapper .overview{width:50%}.op-score-board-wrapper .actual .content .minus,.op-score-board-wrapper .actual .content .plus,.op-score-board-wrapper .actual .content .value,.op-score-board-wrapper .overview .content .minus,.op-score-board-wrapper .overview .content .plus,.op-score-board-wrapper .overview .content .value{height:100%}.op-score-board-wrapper .overview .target,.op-score-board-wrapper .overview .efficiency,.op-score-board-wrapper .overview .status{display:flex;flex-direction:column}.op-score-board-wrapper .overview .target div,.op-score-board-wrapper .overview .efficiency div,.op-score-board-wrapper .overview .status div{align-items:end}.op-score-board-wrapper .overview .target div h4,.op-score-board-wrapper .overview .efficiency div h4,.op-score-board-wrapper .overview .status div h4{width:fit-content}.op-score-board-wrapper .bottom{display:flex;flex-wrap:wrap}.op-score-board-wrapper .bottom .box{width:48%}.op-score-board-wrapper .timer .content{flex-wrap:wrap}.op-score-board-wrapper .timer .content .row{display:flex;flex-direction:row;gap:1em}.op-score-board-wrapper .timer .content .row .section{display:flex}.op-score-board-wrapper .timer .content .row .section span{background:#f4f4f4;padding:.5em}.op-score-board-wrapper .timer .content .current-time{flex-direction:column}.op-score-board-wrapper .product .content{flex-wrap:wrap}.op-score-board-wrapper .product .content .dailyGoal,.op-score-board-wrapper .product .content .jobCode,.op-score-board-wrapper .product .content .goalPerHour{width:30%}.op-score-board-wrapper .product .content .description{width:100%}.op-score-board-wrapper .product .content img{width:2rem;height:2rem}.op-score-board-wrapper .quality-audit .header{justify-content:space-between !important}.op-score-board-wrapper .quality-audit .header .title{display:flex;align-items:center;gap:.5em}.op-score-board-wrapper .quality-audit .header .audit{display:flex;justify-content:center;align-items:center;border-radius:5px;padding:.4em .2em;font-size:.8em}.op-score-board-wrapper .quality-audit .header .audit .img{width:.5rem;height:.5rem}.op-score-board-wrapper .quality-audit .content{flex-direction:row;justify-content:flex-start !important}.op-score-board-wrapper .quality-audit .content .pass,.op-score-board-wrapper .quality-audit .content .reject,.op-score-board-wrapper .quality-audit .content .time-of-last-audit{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;width:30%;height:100%;gap:1em;padding:.5em}.op-score-board-wrapper .quality-audit .content .pass img,.op-score-board-wrapper .quality-audit .content .reject img,.op-score-board-wrapper .quality-audit .content .time-of-last-audit img{width:2rem;height:2rem}}@media screen and (min-width: 992px)and (max-width: 1199px){.op-score-board-wrapper{background-color:#f4f4f4;font-size:.8em;padding:1rem}.op-score-board-wrapper .top,.op-score-board-wrapper .bottom{background-color:#f4f4f4;flex-direction:row;width:100%}.op-score-board-wrapper .actual,.op-score-board-wrapper .overview{width:50%}.op-score-board-wrapper .actual .content,.op-score-board-wrapper .overview .content{height:100%}.op-score-board-wrapper .actual .content .minus,.op-score-board-wrapper .actual .content .plus,.op-score-board-wrapper .actual .content .value,.op-score-board-wrapper .overview .content .minus,.op-score-board-wrapper .overview .content .plus,.op-score-board-wrapper .overview .content .value{height:100%}.op-score-board-wrapper .actual .content .target,.op-score-board-wrapper .actual .content .efficiency,.op-score-board-wrapper .actual .content .status,.op-score-board-wrapper .actual .content .fpi,.op-score-board-wrapper .overview .content .target,.op-score-board-wrapper .overview .content .efficiency,.op-score-board-wrapper .overview .content .status,.op-score-board-wrapper .overview .content .fpi{display:flex;flex-direction:column}.op-score-board-wrapper .actual .content .target div,.op-score-board-wrapper .actual .content .efficiency div,.op-score-board-wrapper .actual .content .status div,.op-score-board-wrapper .actual .content .fpi div,.op-score-board-wrapper .overview .content .target div,.op-score-board-wrapper .overview .content .efficiency div,.op-score-board-wrapper .overview .content .status div,.op-score-board-wrapper .overview .content .fpi div{align-items:end}.op-score-board-wrapper .actual .content .target div h4,.op-score-board-wrapper .actual .content .efficiency div h4,.op-score-board-wrapper .actual .content .status div h4,.op-score-board-wrapper .actual .content .fpi div h4,.op-score-board-wrapper .overview .content .target div h4,.op-score-board-wrapper .overview .content .efficiency div h4,.op-score-board-wrapper .overview .content .status div h4,.op-score-board-wrapper .overview .content .fpi div h4{width:fit-content}.op-score-board-wrapper .bottom{display:flex;flex-wrap:wrap}.op-score-board-wrapper .bottom .timer{width:25%;font-size:1.3em}.op-score-board-wrapper .bottom .timer .content{flex-wrap:wrap}.op-score-board-wrapper .bottom .timer .content .row{display:flex;flex-direction:row;gap:1em;width:100%}.op-score-board-wrapper .bottom .timer .content .row .section{display:flex;width:30%;border-radius:5px}.op-score-board-wrapper .bottom .timer .content .row .section span{background:#f4f4f4;padding:1em}.op-score-board-wrapper .bottom .timer .content .current-time{width:100%;display:flex;gap:1em;font-size:.8em}.op-score-board-wrapper .bottom .timer .content .current-time .section{padding:.5em 0;display:flex;flex-direction:column;border-radius:5px;background-color:#f4f4f4;width:47%;padding:.5em}.op-score-board-wrapper .bottom .timer .content .current-time .section .label{color:#6f767e}.op-score-board-wrapper .bottom .timer .content .current-time .section .time{font-weight:600}.op-score-board-wrapper .bottom .product{width:38%}.op-score-board-wrapper .bottom .product .content{flex-wrap:wrap}.op-score-board-wrapper .bottom .product .content .dailyGoal,.op-score-board-wrapper .bottom .product .content .jobCode,.op-score-board-wrapper .bottom .product .content .goalPerHour{background-color:#f4f4f4;padding:.5em;border-radius:.5em;width:30%}.op-score-board-wrapper .bottom .product .content .description{background-color:#f4f4f4;padding:.5em;border-radius:.5em;width:100%}.op-score-board-wrapper .bottom .product .content img{width:2rem;height:2rem}.op-score-board-wrapper .bottom .quality-audit{width:31%}.op-score-board-wrapper .bottom .quality-audit .header{justify-content:space-between !important}.op-score-board-wrapper .bottom .quality-audit .header .title{display:flex;align-items:center;gap:.5em}.op-score-board-wrapper .bottom .quality-audit .header .audit{display:flex;justify-content:center;align-items:center;border-radius:5px;padding:.4em .2em;font-size:.8em}.op-score-board-wrapper .bottom .quality-audit .header .audit img{width:.8rem;height:.8rem}.op-score-board-wrapper .bottom .quality-audit .content{flex-direction:row;justify-content:flex-start !important;flex-wrap:wrap}.op-score-board-wrapper .bottom .quality-audit .content .pass,.op-score-board-wrapper .bottom .quality-audit .content .reject{width:45%}.op-score-board-wrapper .bottom .quality-audit .content .time-of-last-audit{width:100%}.op-score-board-wrapper .bottom .quality-audit .content .pass,.op-score-board-wrapper .bottom .quality-audit .content .reject,.op-score-board-wrapper .bottom .quality-audit .content .time-of-last-audit{display:flex;align-items:flex-start;justify-content:flex-start;border-radius:5px;flex-direction:row;gap:1em;padding:1em}.op-score-board-wrapper .bottom .quality-audit .content .pass img,.op-score-board-wrapper .bottom .quality-audit .content .reject img,.op-score-board-wrapper .bottom .quality-audit .content .time-of-last-audit img{width:2rem;height:2rem}}@media screen and (min-width: 1200px){.op-score-board-wrapper{background-color:#f4f4f4;font-size:1em;padding:1rem;height:calc(100% - 5rem) !important}.op-score-board-wrapper .top,.op-score-board-wrapper .bottom{background-color:#f4f4f4;flex-direction:row;width:100%}.op-score-board-wrapper .actual,.op-score-board-wrapper .overview{width:50%}.op-score-board-wrapper .actual .content,.op-score-board-wrapper .overview .content{background:#f4f4f4;border-radius:12px}.op-score-board-wrapper .actual .content .minus,.op-score-board-wrapper .actual .content .plus,.op-score-board-wrapper .actual .content .value,.op-score-board-wrapper .overview .content .minus,.op-score-board-wrapper .overview .content .plus,.op-score-board-wrapper .overview .content .value{font-weight:600;font-size:1.2em;height:100%}.op-score-board-wrapper .overview .content{display:flex;flex-wrap:wrap;justify-content:flex-start !important}.op-score-board-wrapper .overview .content .target{background-color:#f4f4f4;width:100% !important;padding:1em;display:flex;gap:1em;height:45%;flex-direction:row;align-items:center}.op-score-board-wrapper .overview .content .efficiency,.op-score-board-wrapper .overview .content .status,.op-score-board-wrapper .overview .content .fpi{height:30%;padding:1em;display:flex;gap:1em;background-color:#f4f4f4;justify-content:flex-start;width:48% !important;align-items:center}.op-score-board-wrapper .bottom{display:flex;flex-wrap:wrap;font-size:.9em}.op-score-board-wrapper .bottom .timer{width:25%;font-size:1.3em}.op-score-board-wrapper .bottom .timer .content-timer{flex-wrap:wrap}.op-score-board-wrapper .bottom .timer .content-timer .row{display:flex;flex-direction:row;gap:1em;width:100%}.op-score-board-wrapper .bottom .timer .content-timer .row .section{display:flex;width:30%;border-radius:5px}.op-score-board-wrapper .bottom .timer .content-timer .row .section span{background:#f4f4f4;padding:1em}.op-score-board-wrapper .bottom .timer .content-timer .current-time{width:100%;display:flex;gap:1em;font-size:.8em}.op-score-board-wrapper .bottom .timer .content-timer .current-time .section{padding:.5em 0;display:flex;flex-direction:column;border-radius:5px;background-color:#f4f4f4;width:47%;padding:.5em}.op-score-board-wrapper .bottom .timer .content-timer .current-time .section .label{color:#6f767e}.op-score-board-wrapper .bottom .timer .content-timer .current-time .section .time{font-weight:600}.op-score-board-wrapper .bottom .product{width:38%}.op-score-board-wrapper .bottom .product .content{flex-wrap:wrap}.op-score-board-wrapper .bottom .product .content .dailyGoal,.op-score-board-wrapper .bottom .product .content .jobCode,.op-score-board-wrapper .bottom .product .content .goalPerHour{background-color:#f4f4f4;padding:.5em;border-radius:.5em;gap:1em;width:30%;display:flex;flex-direction:row}.op-score-board-wrapper .bottom .product .content .description{background-color:#f4f4f4;padding:.5em;border-radius:.5em;width:100%}.op-score-board-wrapper .bottom .product .content img{width:2rem;height:2rem}.op-score-board-wrapper .bottom .quality-audit{width:31%}.op-score-board-wrapper .bottom .quality-audit .header{justify-content:space-between !important}.op-score-board-wrapper .bottom .quality-audit .header .title{display:flex;align-items:center;gap:.5em}.op-score-board-wrapper .bottom .quality-audit .header .audit{display:flex;justify-content:center;align-items:center;border-radius:5px;padding:.4em .2em;font-size:.8em}.op-score-board-wrapper .bottom .quality-audit .header .audit img{width:.8rem;height:.8rem}.op-score-board-wrapper .bottom .quality-audit .content{flex-direction:row;justify-content:flex-start !important;flex-wrap:wrap}.op-score-board-wrapper .bottom .quality-audit .content .pass,.op-score-board-wrapper .bottom .quality-audit .content .reject{width:45%}.op-score-board-wrapper .bottom .quality-audit .content .time-of-last-audit{width:100%}.op-score-board-wrapper .bottom .quality-audit .content .pass,.op-score-board-wrapper .bottom .quality-audit .content .reject,.op-score-board-wrapper .bottom .quality-audit .content .time-of-last-audit{background-color:#f4f4f4;border-radius:5px;display:flex;align-items:flex-start;justify-content:flex-start;border-radius:5px;flex-direction:row;gap:1em;padding:1em}.op-score-board-wrapper .bottom .quality-audit .content .pass img,.op-score-board-wrapper .bottom .quality-audit .content .reject img,.op-score-board-wrapper .bottom .quality-audit .content .time-of-last-audit img{width:2rem;height:2rem}}@media screen and (min-width: 1706px){.op-score-board-wrapper{overflow:hidden}}.live-report-container{overflow:auto;max-height:100%}.live-report-container .m_5{margin-bottom:5px}.live-report-container .f_bold{font-weight:600}.live-report-container .header-live{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.live-report-container .header{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:20px}.live-report-container .bg-blue{background:#cabdff}.live-report-container .report-wrapper{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-gap:15px;padding:10px}.live-report-container .report-wrapper-fullscreen{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-gap:15px;padding:10px}.live-report-container .single-report-fullscreen{padding:15px;border-radius:8px;overflow:hidden;cursor:pointer;box-shadow:inset 0 -0.5em .5em rgba(0,0,0,.1),0 0 0 2px,.3em .3em 1em rgba(0,0,0,.3)}.live-report-container .single-report{padding:15px;border-radius:8px;cursor:pointer;box-shadow:inset 0 -0.5em .5em rgba(0,0,0,.1),0 0 0 2px,.3em .3em 1em rgba(0,0,0,.3)}.live-report-container .bg-pink{background-color:#ffe7e4}.live-report-container .bg-green{background-color:#eaf6ef}.live-report-container .bg-green-dark{background-color:#ff5733}.live-report-container .bg-light-blue{background-color:#b1e5fc}.live-report-container .fc_bg-yellow{background:rgba(255,255,0,.3882352941)}.live-report-container .fc_bg-blink-red{animation:blinkingText 2s infinite}.live-report-container .fc_bg-quality-pink{background-color:#0096ff}@keyframes blinkingText{0%{background:rgba(239,10,26,.65)}25%{background:rgba(239,10,26,.65)}50%{background:rgba(239,10,26,.65)}75%{background:rgba(239,10,26,.65)}100%{color:#f1f1f1}}.live-report-container .count-wrapper{display:flex;align-items:center;justify-content:space-between;min-height:68px}.live-report-container .count-wrapper-without-height{display:flex;align-items:center;justify-content:space-between}.live-report-container .count-container{background:#1a1d1f;color:#fff;padding:10px 14px;border-radius:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-report-container .sa-end-session{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#d00;color:#fff;border-radius:.7em;padding:.5em;cursor:pointer;font-size:.8em;margin:0px 3px;z-index:999;max-height:30px}.live-report-container .station-container{padding:2px;border-radius:2px;color:#33383f;font-size:13px;cursor:pointer;width:max-content}.live-report-container .station-reason{color:#33383f;font-size:13px;margin-top:5px}.live-report-container .station-progress{text-align:center}.live-report-container .title{color:#1a1d1f;font-size:16px;font-weight:700;margin-top:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}@media screen and (max-width: 500px){.live-report-container .title{white-space:normal}}.live-report-container .title-margin-10{color:#1a1d1f;font-size:16px;font-weight:700;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}@media screen and (max-width: 500px){.live-report-container .title-margin-10{white-space:normal}}.live-report-container .operator{font-size:12px;color:#000;margin-top:3px;cursor:pointer}.live-report-container .efficiency-block{display:flex;flex-direction:row;justify-content:space-between;margin-top:20px}.live-report-container .target-title{color:#000;font-size:11px;margin-bottom:5px}.live-report-container .goal-box{max-width:32%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-report-container .target-value{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:5px}.live-report-container .up-green{height:20px;width:20px;border-radius:10px;justify-content:center;align-items:center;text-align:center;background-color:#83bf6e}.live-report-container .down-red{height:20px;width:20px;border-radius:10px;justify-content:center;align-items:center;text-align:center;background-color:#ff6a55}.live-report-container .target-text{font-size:14px;font-weight:600;color:#111315;margin-left:5px}.live-report-container .green-text{font-size:14px;font-weight:600;color:#83bf6e;margin-left:5px;margin-top:3px}.live-report-container .red-text{font-size:14px;font-weight:600;color:#ff6a55;margin-left:5px;margin-top:3px}.live-report-container .bg-yellow{background:#ffd88d}.live-report-container .operator-wrapper{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width: 850px){.live-report-container .operator-wrapper{display:block}}.live-report-container .product-wrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px}@media screen and (max-width: 850px){.live-report-container .product-wrapper{display:block}}.live-report-container .profile-desc{margin-left:10px}.live-report-container .diver-block{max-width:40%;padding:0em 0 0 2em}.live-report-container .diver-block img{height:2.1rem;width:2.1rem;border-radius:15px;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;align-items:center;text-align:center;margin-bottom:5px}@media screen and (max-width: 850px){.live-report-container .diver-block{max-width:100%;margin-top:20px;padding:0em}}.live-report-container .operator-logo{height:2.1rem;width:2.1rem;border-radius:15px;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;align-items:center;text-align:center;margin-bottom:5px}.live-report-container .profile-name{font-size:16px;color:#1a1d1f;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.live-report-container .product-name{font-size:20px;color:#1a1d1f;margin-bottom:4px;text-wrap:wrap}.live-report-container .user-name{font-size:13px;color:#9a9fa5}.live-report-container .profile-wrapper{flex-direction:row;justify-content:flex-start;display:flex}@media screen and (max-width: 600px){.live-report-container .profile-wrapper{margin-bottom:20px}}.live-report-container .date-wrapper{display:flex;justify-content:flex-start}@media screen and (max-width: 600px){.live-report-container .date-wrapper{margin-top:20px;justify-content:center}}.live-report-container .img-wrapper{width:40px;height:40px;border-radius:20px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;justify-content:center;align-items:center;background-color:#b5e4ca;overflow:hidden}.live-report-container .img-wrapper img{width:100%}.live-report-container .common-img-wrapper{height:33px;width:33px;border-radius:15px;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;align-items:center;text-align:center;margin-bottom:5px}.live-report-container .common-img-wrapper img{margin-top:8px;width:17px}.live-report-container .light-green{background-color:#b5e4ca}.live-report-container .light-blue{background-color:#cabdff}.live-report-container .light-pink{background-color:#ffbc99}.live-report-container .light-red{background-color:#ff6a55}.live-report-container .hidden-img{opacity:0}.live-report-container .alarm-wrapper{display:flex;flex-direction:row;justify-content:space-evenly;min-width:35%}.live-report-container .divider{min-height:80px;border-left:1px solid #ececec}@media screen and (max-width: 850px){.live-report-container .divider{display:none}}.live-report-container .vertical-divider{height:1px;background-color:#ececec;width:100%}.live-report-container .mt-20{margin-top:20px}.live-report-container .overview-section{margin-top:30px}@media screen and (max-width: 489px){.live-report-container .overview-section{margin-bottom:70px}}.live-report-container .station-overview-container{display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width: 850px){.live-report-container .station-overview-container{display:block}}.live-report-container .station-content{padding:1rem;background-color:#fff;border-radius:10px;height:100%}@media screen and (max-width: 489px){.live-report-container .mg-bottom-70{margin-bottom:70px}}.live-report-container .station-content-left{width:40%;display:flex;flex-direction:column;gap:1em}@media screen and (max-width: 850px){.live-report-container .station-content-left{width:100%}}.live-report-container .station-content-right{width:57%}.live-report-container .station-content-right .station-content{padding:1.5rem 1rem 1rem 1rem}.live-report-container .station-content-right .station-content .overview-endsession{display:flex;justify-content:space-between;flex-direction:row}@media screen and (max-width: 850px){.live-report-container .station-content-right{width:100%;margin-top:20px}}.live-report-container .view-details{background:#d00;border-radius:8px;color:#fff;padding:8px 16px;border:0px;font-size:13px;font-weight:700;cursor:pointer}.live-report-container .mt-12{margin-top:12px}.live-report-container .operator-row{display:flex;flex-direction:row;justify-content:flex-start;margin:15px}@media screen and (max-width: 700px){.live-report-container .operator-row{display:block}}.live-report-container .operator-title{color:#6f767e;font-size:13px;font-weight:600}.live-report-container .w-40{width:40%}.live-report-container .w-20{width:28%}.live-report-container .hide-700{display:flex}@media screen and (max-width: 700px){.live-report-container .hide-700{display:none}}.live-report-container .mobile-title{display:none}@media screen and (max-width: 700px){.live-report-container .mobile-title{display:flex}}.live-report-container .mobile-proile{display:flex}@media screen and (max-width: 700px){.live-report-container .mobile-proile{display:block}}.live-report-container .mobile-desc{margin-top:0px}@media screen and (max-width: 700px){.live-report-container .mobile-desc{margin-left:0px;margin-top:10px}}.live-report-container .goal-bg{background:#b5e4ca;padding:6px;border-radius:2px;justify-content:center;align-items:center;font-size:13px;color:#1a1d1f;text-align:center;width:30px}@media screen and (max-width: 700px){.live-report-container .goal-bg{margin-top:15px}}.live-report-container .goal-acieved-bg{padding:6px;border-radius:2px;justify-content:center;align-items:center;font-size:13px;color:#1a1d1f;text-align:center;width:30px}@media screen and (max-width: 700px){.live-report-container .goal-acieved-bg{margin-top:5px}}.live-report-container .reject-img{width:12px !important;margin-top:10px !important}.live-report-container .loadmore-wrapper{width:100%;justify-content:center;align-items:center;text-align:center}.live-report-container .loadmore{border-radius:8px;padding:8px 16px;border:1px solid #cabdff;font-size:13px;font-weight:700;cursor:pointer;background-color:#fff;min-width:100px;height:38px;margin-top:15px}.live-report-container .loadmore img{width:20px}.live-report-container .loader-wrapper{width:100%;text-align:center;justify-content:center}.live-report-container .loader-wrapper img{width:30px}.live-report-container .no-report-found{width:100%;justify-content:center;align-items:center;text-align:center;padding:20px}.live-report-container .p-2{padding:0em 0 0 2em}@media screen and (max-width: 850px){.live-report-container .p-2{padding:0em;justify-content:flex-start}}@media screen and (max-width: 850px){.live-report-container .width-100{width:100% !important;padding-left:0em}}.live-report-container .full-screen{width:22px;cursor:pointer;margin-left:6px}.live-report-container .location-container{display:flex;justify-content:center;align-items:center}.live-report-container .location-select{cursor:pointer;border-radius:5px;color:#000;padding:.3rem;display:flex;flex-direction:row;align-items:center;justify-content:center;font-weight:600}.settings-container{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;overflow:auto}.settings-container .left-menu{width:25%}.settings-container .left-menu ul{list-style:none;margin:0;padding:0}.settings-container .left-menu ul li{cursor:pointer;padding:1em 1.25em;font-weight:600}.settings-container .left-menu ul li.active{background:#ececec;border-radius:1em}.settings-container .settings-content{width:75%;padding:0 1.2em;height:100%;display:flex;flex-direction:column;gap:2em}.settings-container .settings-content .logout-container,.settings-container .settings-content .change-password-container,.settings-container .settings-content .profile-info-container{max-width:100%}.settings-container .settings-content .logout-container .header,.settings-container .settings-content .change-password-container .header,.settings-container .settings-content .profile-info-container .header{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:1em}.settings-container .settings-content .logout-container .header .title,.settings-container .settings-content .change-password-container .header .title,.settings-container .settings-content .profile-info-container .header .title{font-size:1rem;font-weight:600}.settings-container .settings-content .logout-container .header-text,.settings-container .settings-content .change-password-container .header-text,.settings-container .settings-content .profile-info-container .header-text{display:block;margin-top:.8em;color:#6f767e;font-size:.8em}.settings-container .settings-content .logout-container .form-error,.settings-container .settings-content .change-password-container .form-error,.settings-container .settings-content .profile-info-container .form-error{font-size:.8em}.settings-container .settings-content .profile-info-container{max-width:100%}.settings-container .settings-content .profile-info-container .header{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:1em}.settings-container .settings-content .profile-info-container .header .vertical-dot{background:#b5e4ca}.settings-container .settings-content .profile-info-container .header .title{font-size:1rem;font-weight:600}.settings-container .settings-content .profile-info-container .profile-info-content{padding:1em 0}.settings-container .settings-content .profile-info-container .profile-info-content .file-upload{width:fit-content}.settings-container .settings-content .profile-info-container .profile-info-content .user-image{flex-direction:row;align-items:center;justify-content:flex-start;gap:1em}.settings-container .settings-content .profile-info-container .profile-info-content .user-image .edit-img{padding:.7em 1em}.settings-container .settings-content .profile-info-container .profile-info-content .modal-footer{justify-content:flex-start}.settings-container .settings-content .change-password-container .header .vertical-dot{background:#cabdff}.settings-container .settings-content .change-password-container .change-password-content{padding:1em 0}.settings-container .settings-content .change-password-container .change-password-content .modal-footer{justify-content:flex-start}.settings-container .settings-content .logout-container .header .vertical-dot{background:#ffbc99}.settings-container .settings-content .logout-container .logout-content{padding:1em 0}.historic-report-container{max-height:100%;height:100%}.historic-report-container .tab-list{height:calc(100% - 3.5rem)}.historic-report-container .tab-list .table{overflow:auto}.historic-report-container .tab-list .table-container .table-body{overflow:visible;height:calc(100% - 4rem)}.historic-report-container .left-tabs ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:nowrap}@media screen and (max-width: 700px){.historic-report-container .left-tabs ul{flex-wrap:wrap}}.historic-report-container .left-tabs ul li{cursor:pointer;padding:1em 1.25em;color:#6f767e;font-weight:bold}.historic-report-container .left-tabs ul li.active{background:#ececec;border-radius:1em;font-weight:bold;color:#1a1d1f}.historic-report-container .header-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width: 1100px){.historic-report-container .header-section{display:block}}.historic-report-container .right-tabs{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:nowrap}@media screen and (max-width: 1100px){.historic-report-container .right-tabs{justify-content:flex-start;margin-top:20px}}@media screen and (max-width: 700px){.historic-report-container .right-tabs{flex-wrap:wrap}}.historic-report-container .historic-tab-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.historic-report-container .operator-report{width:100%;justify-content:center;align-items:center;margin-top:20px;max-height:96%;overflow:auto}.historic-report-container .no-report{width:100%;padding:2em 0;text-align:center}.historic-report-container .no-report img{width:50px;margin-bottom:5px}.historic-report-container .no-report-text{color:#6f767e;font-size:15px;font-weight:600}.historic-report-container .header{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:20px}.historic-report-container .bg-green{background:#b5e4ca}.historic-report-container .bg-blue{background:#cabdff}.historic-report-container .header-text{font-size:20px;font-weight:600;color:#1a1d1f}.historic-report-container .operator-row{display:flex;flex-direction:row;justify-content:flex-start;margin:15px}@media screen and (max-width: 800px){.historic-report-container .operator-row{display:block}}.historic-report-container .operator-title{color:#6f767e;font-size:13px;font-weight:600}.historic-report-container .w-40{width:40%}.historic-report-container .w-20{width:28%}.historic-report-container .hide-800{display:flex}@media screen and (max-width: 800px){.historic-report-container .hide-800{display:none}}.historic-report-container .mobile-title{display:none}@media screen and (max-width: 800px){.historic-report-container .mobile-title{display:flex}}.historic-report-container .mobile-proile{display:flex}@media screen and (max-width: 800px){.historic-report-container .mobile-proile{display:block}}.historic-report-container .divider{min-height:80px;border-left:1px solid #ececec}@media screen and (max-width: 600px){.historic-report-container .divider{display:none}}.historic-report-container .vertical-divider{height:1px;background-color:#ececec;width:100%}.historic-report-container .mt-20{margin-top:20px}.historic-report-container .grey-bg{background:#ececec;margin:0px !important;padding:15px !important;color:#6f767e}.historic-report-container .performance-header{margin:20px 0px;display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width: 700px){.historic-report-container .performance-header{display:block;text-align:center}}.historic-report-container .product-select{padding:7px 10px;margin-right:5px;border:1px solid #ececec;color:#6f767e;border-radius:10px;font-size:14px}.historic-report-container .data-table-container{height:calc(100% - 2em);display:flex;flex-direction:column}.historic-report-container .generate-report{background-color:#d00;color:#fff;padding:8px 16px;font-size:12px;border:0px;border-radius:8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.historic-report-container .operator-select{padding:6px 10px;margin-right:5px;border:1px solid #ececec;color:#6f767e;border-radius:8px;font-size:12px;cursor:pointer}.historic-report-container .export-report{cursor:pointer}.historic-report-container .react-select-container{width:150px;padding:0px;margin:0px 8px}.historic-report-container .border-radius-8{border-radius:6px}.historic-report-container .custom-date-picker{border-radius:6px;border:1px solid #ececec;justify-content:center;align-items:center;padding:8px 12px;margin:0px 8px;color:#6f767e;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.historic-report-container .custom-date-picker img{margin-left:5px}@media screen and (max-width: 700px){.historic-report-container .m-v-3{margin-top:8px}}.historic-report-container .custom-img-head img{width:25px;padding:4px}.historic-report-container .mrc-8{margin-right:8px;cursor:pointer}.historic-report-container .clear-selected-button{display:none !important}.product-select{padding:7px 10px;margin-right:5px;border:1px solid #ececec;color:#6f767e;border-radius:10px;font-size:14px}.full-width{width:100%;color:#1a1d1f}.filter-label{color:#6f767e;font-size:.9em;font-weight:600;margin-bottom:10px}.filter-mt-15{margin-top:20px}.filter-divider{width:100%;height:1px;background:#ececec}.loader-wrapper{width:100%;height:100%;min-height:200px;text-align:center;justify-content:center}.loader-wrapper img{width:30px}.centered-loader{display:flex;justify-content:center;align-items:center;min-height:60vh;width:100%}.export-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.6);backdrop-filter:blur(2px);z-index:9999;display:flex;justify-content:center;align-items:center}.spinner-loader{width:36px;height:36px;border:3px solid #000;border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.table-loader-container{position:relative;width:100%}.table-loader-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.6);backdrop-filter:blur(2px);z-index:10}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.location-wrapper{width:100%;height:100%}.location-wrapper .content-section-title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 0}.location-wrapper .content-section-title .search-wrapper{display:flex;flex-direction:row;align-items:center;gap:1rem;min-width:23%}.location-wrapper .content-section-title .search-wrapper .input-wrapper{display:flex;align-items:center;position:relative;width:100%}.location-wrapper .content-section-title .search-wrapper .input-wrapper input{padding:.7rem;border-radius:8px;background-color:#f4f4f4;width:100%}.location-wrapper .content-section-title .search-wrapper .input-wrapper .search-bar{padding-left:2rem}.location-wrapper .content-section-title .search-wrapper .input-wrapper .icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:24px;height:24px}.location-wrapper .content-section-title .actions{display:flex;flex-direction:row;align-items:center;gap:1rem;font-size:.7em}.location-wrapper .content-section-title .actions>*{cursor:pointer;border-radius:5px;color:#000;padding:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;font-weight:600;color:#fff}.location-wrapper .content-section-title .actions>* img{width:1rem;height:1rem;border-radius:0;object-fit:cover;object-position:center;box-shadow:none;filter:none}.location-wrapper .content-section-title .actions .form-input-select{color:#000}.location-wrapper .detailed-view{flex:1;display:flex;flex-direction:column;align-items:stretch;position:relative;padding:2rem;max-height:93%;overflow:auto}.location-wrapper .detailed-view .detailed-view-header{padding:1rem 1rem 1rem 0rem;display:flex;align-items:center;justify-content:space-between}.location-wrapper .detailed-view .detailed-view-header .left-section{display:flex;align-items:center;justify-content:flex-start;max-width:50%;min-width:40%;height:100%}.location-wrapper .detailed-view .detailed-view-header .left-section .user-details{max-width:80%;display:flex;flex-direction:column;padding:0 0 0 2rem}.location-wrapper .detailed-view .detailed-view-header .left-section .user-details span{color:#9a9fa5}.location-wrapper .detailed-view .detailed-view-header .left-section .user-details h3{height:100%;max-height:5rem;overflow:auto}.location-wrapper .detailed-view .detailed-view-header .left-section img{width:6.25rem;height:6.25rem;border-radius:50%;background-color:#eee}.location-wrapper .detailed-view .detailed-view-header .right-section{display:flex;justify-content:center;align-items:center;gap:1rem}.location-wrapper .detailed-view .detailed-view-header .right-section .action{cursor:pointer;border-radius:5px;color:#000;padding:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;font-weight:600}.location-wrapper .detailed-view .detailed-view-header .right-section .action img{width:1rem;height:1rem;border-radius:0;object-fit:cover;object-position:center;box-shadow:none;filter:none}.location-wrapper .detailed-view .detailed-view-header .right-section .action.big-btn{font-weight:600;padding:1rem 1rem;border-radius:7px}.location-wrapper .detailed-view .detailed-view-header .right-section .action.big-btn img{margin-left:.5rem}.location-wrapper .detailed-view .user-details{flex:1}.location-wrapper .detailed-view .user-details .user-name{font-size:1.2rem;font-weight:bold;margin-bottom:.5rem}.location-wrapper .detailed-view .user-details .edit-button{text-align:right;margin-bottom:.5rem}.location-wrapper .detailed-view .user-details .edit-button button{padding:.5rem 1rem;background-color:#eee;cursor:pointer}.location-wrapper .data-table-container{height:calc(100% - 2rem);display:flex;flex-direction:column}.location-wrapper .add-userdata-wrapper{width:100%}.location-wrapper .add-userdata-wrapper .form{margin:0}.location-wrapper .add-userdata-wrapper .form .fields{gap:0}.location-wrapper .add-userdata-wrapper .form .form-group{margin:.5rem}.location-wrapper .add-userdata-wrapper .form .form-group input,.location-wrapper .add-userdata-wrapper .form .form-group select{border:.15rem solid #9a9fa5;padding:.8rem}@media only screen and (min-width: 992px)and (max-width: 1216px){.user-wrapper{font-size:.8rem}}@media only screen and (max-width: 991px){.user-wrapper .small-table .detailed-view-header-location .left-section img{width:4.25rem;height:4.25rem}.user-wrapper .small-table .detailed-view-header-location .right-section{flex-direction:column;align-items:flex-start}}
.route-error-fallback,.error-boundary-fallback{max-width:500px;margin:8vh auto 0 auto;background:#fff;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.08);padding:2.5rem 2rem 2rem 2rem;text-align:center;border:1px solid #ececec}.route-error-fallback .error-icon,.error-boundary-fallback .error-icon{font-size:4rem;margin-bottom:1rem;line-height:1}.route-error-fallback h2,.error-boundary-fallback h2{color:#e74c3c;font-size:2rem;font-weight:700;margin-bottom:1.2rem;letter-spacing:.01em}.route-error-fallback p,.error-boundary-fallback p{color:#555;font-size:1.1rem;margin-bottom:1.5rem;line-height:1.6}.route-error-fallback .error-hint,.error-boundary-fallback .error-hint{font-size:.9rem;color:#888;margin-top:1.5rem;margin-bottom:0}.route-error-fallback .error-actions,.error-boundary-fallback .error-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.route-error-fallback button,.error-boundary-fallback button{border:none;border-radius:6px;padding:.7rem 1.8rem;font-size:1rem;font-weight:500;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:all .18s}.route-error-fallback .primary-button,.error-boundary-fallback .primary-button{background:#007bff;color:#fff}.route-error-fallback .primary-button:hover,.error-boundary-fallback .primary-button:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,123,255,.3)}.route-error-fallback .secondary-button,.error-boundary-fallback .secondary-button{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.route-error-fallback .secondary-button:hover,.error-boundary-fallback .secondary-button:hover{background:#e9ecef;border-color:#adb5bd}
.ellipsis-text{width:100%;position:relative;display:flex !important;justify-content:flex-start !important;align-items:center}.ellipsis-text .text-content{display:inline-block;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:80%}.ellipsis-text .tooltip{position:absolute;z-index:999999;display:flex;align-items:center;justify-content:center;top:100%;left:20%;transform:translateX(-50%);background-color:rgba(0,0,0,.75);color:#fff;padding:.5rem;border-radius:4px;white-space:pre-wrap;min-width:10rem;max-width:20rem;opacity:1;visibility:visible;transition:opacity .2s ease-in-out;font-size:.9rem;word-break:break-all}.ellipsis-text .tooltip .tooltip-text{max-width:100%}
.sa-login-wrapper,.op-login-wrapper{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;overflow:hidden}.sa-login-wrapper .left-wrapper,.op-login-wrapper .left-wrapper{width:25%;height:100%}.sa-login-wrapper .left-wrapper img,.op-login-wrapper .left-wrapper img{max-width:100%;width:100%;height:100%}@media only screen and (max-width: 505px){.sa-login-wrapper .left-wrapper,.op-login-wrapper .left-wrapper{width:100%}}.sa-login-wrapper .right-wrapper,.op-login-wrapper .right-wrapper{width:75%;padding:2em;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 505px){.sa-login-wrapper .right-wrapper,.op-login-wrapper .right-wrapper{width:100%;position:absolute;background:#fff}}.sa-login-wrapper .right-wrapper .signin-form,.op-login-wrapper .right-wrapper .signin-form{max-width:33%;text-align:left;display:flex;gap:1em;flex-direction:column}@media only screen and (min-width: 800px)and (max-width: 1199px){.sa-login-wrapper .right-wrapper .signin-form,.op-login-wrapper .right-wrapper .signin-form{max-width:40%}}@media only screen and (min-width: 600px)and (max-width: 799px){.sa-login-wrapper .right-wrapper .signin-form,.op-login-wrapper .right-wrapper .signin-form{max-width:55%}}@media only screen and (min-width: 200px)and (max-width: 599px){.sa-login-wrapper .right-wrapper .signin-form,.op-login-wrapper .right-wrapper .signin-form{max-width:75%}}.sa-login-wrapper .right-wrapper .signin-form form,.op-login-wrapper .right-wrapper .signin-form form{display:flex;gap:1em;flex-direction:column}.sa-login-wrapper .right-wrapper .signin-form .signin-title,.op-login-wrapper .right-wrapper .signin-form .signin-title{font-size:2.5em;font-weight:bold}@media only screen and (min-width: 800px)and (max-width: 1199px){.sa-login-wrapper .right-wrapper .signin-form .signin-title,.op-login-wrapper .right-wrapper .signin-form .signin-title{font-size:2em}}@media only screen and (max-width: 799px){.sa-login-wrapper .right-wrapper .signin-form .signin-title,.op-login-wrapper .right-wrapper .signin-form .signin-title{font-size:1.5em}}.sa-login-wrapper .right-wrapper .signin-form .login-border,.op-login-wrapper .right-wrapper .signin-form .login-border{height:2px;background-color:#ececec;margin:23px 0px}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper,.op-login-wrapper .right-wrapper .signin-form .input-wrapper{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper .input-label,.op-login-wrapper .right-wrapper .signin-form .input-wrapper .input-label{font-weight:600}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper .input-icon,.op-login-wrapper .right-wrapper .signin-form .input-wrapper .input-icon{position:absolute;top:75%;left:.625em;transform:translateY(-50%)}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper .input-field,.op-login-wrapper .right-wrapper .signin-form .input-wrapper .input-field{padding-left:2.1875em;width:100%;height:2.5em;border:1px solid #ccc;border-radius:.3125em;outline:none}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper .password-toggle,.op-login-wrapper .right-wrapper .signin-form .input-wrapper .password-toggle{position:absolute;top:75%;right:.625em;transform:translateY(-50%);cursor:pointer}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper .password-toggle.visible img,.op-login-wrapper .right-wrapper .signin-form .input-wrapper .password-toggle.visible img{filter:opacity(0.5)}.sa-login-wrapper .right-wrapper .signin-form .input-wrapper .validation-message,.op-login-wrapper .right-wrapper .signin-form .input-wrapper .validation-message{color:red;font-size:.75em}.sa-login-wrapper .right-wrapper .signin-form .submit-button,.op-login-wrapper .right-wrapper .signin-form .submit-button{cursor:pointer;width:100%;padding:.5em;border-radius:.3125em;outline:none;color:#fff;border:none;background-color:#d00}.sa-login-wrapper .right-wrapper .signin-form .submit-button:disabled,.op-login-wrapper .right-wrapper .signin-form .submit-button:disabled{background-color:rgba(221,0,0,.5);cursor:default}.sa-login-wrapper .right-wrapper .signin-form .login-text,.op-login-wrapper .right-wrapper .signin-form .login-text{display:block;color:#6f767e}.sa-login-wrapper .right-wrapper .signin-form .error-message,.op-login-wrapper .right-wrapper .signin-form .error-message{padding:0;margin:0;font-size:.9em;color:#ff6a55}.sa-login-wrapper .right-wrapper .signin-form .invalid input,.sa-login-wrapper .right-wrapper .signin-form .invalid select,.op-login-wrapper .right-wrapper .signin-form .invalid input,.op-login-wrapper .right-wrapper .signin-form .invalid select{background:rgba(255,188,153,.25)}.sa-login-wrapper .right-wrapper .select-operator .fields,.op-login-wrapper .right-wrapper .select-operator .fields{overflow:visible}.sa-login-wrapper .right-wrapper .select-operator .fields .form-group .form-input,.op-login-wrapper .right-wrapper .select-operator .fields .form-group .form-input{width:86%}.sa-login-wrapper .right-wrapper .select-operator select,.op-login-wrapper .right-wrapper .select-operator select{width:100%;outline:none;border:none}.sa-login-wrapper .right-wrapper .select-operator .submit-button,.op-login-wrapper .right-wrapper .select-operator .submit-button{width:85%}.sa-login-wrapper .right-wrapper .choose-station-number textarea,.op-login-wrapper .right-wrapper .choose-station-number textarea{background:#ececec}.sa-login-wrapper .right-wrapper .choose-station-number .form-label,.op-login-wrapper .right-wrapper .choose-station-number .form-label{color:#1a1d1f;font-size:.9rem}.top-55{top:55% !important}.wrapper-landscape{height:auto !important}.left-wrapper-landscape{width:50% !important}.op-login-wrapper .form-group{gap:.5rem}.op-login-wrapper .selected-users{width:100%;max-height:10em;overflow-y:auto;padding:0 .7em 0 0}.op-login-wrapper .selected-users div{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5em}.op-login-wrapper .selected-users div .user{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.op-login-wrapper .selected-users div .user .operator{padding:.5em;border-radius:10px;background:#ececec;min-width:90%;max-width:90%;word-break:break-word;display:flex;flex-direction:row;align-items:center;font-size:.85em}.op-login-wrapper .selected-users div .user .operator span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-login-wrapper .selected-users div .user .remove-operator{position:absolute;cursor:pointer;right:0}.op-login-wrapper .selected-users div .user img{cursor:pointer}.op-login-wrapper .add-new-operator{color:#d00;font-size:.7em;padding:.6em .6em 0 0;cursor:pointer}@media only screen and (max-width: 576px){.sa-login-wrapper{font-size:.8em}.sa-login-wrapper .left-wrapper{height:100%;width:100%}.sa-login-wrapper .right-wrapper{padding:1.5em;width:100%}}@media only screen and (min-width: 576px)and (max-width: 767px){.sa-login-wrapper .left-wrapper{height:100%;width:45%}.sa-login-wrapper .right-wrapper{padding:1.5em;width:55%}}@media only screen and (min-width: 768px)and (max-width: 991px){.sa-login-wrapper .left-wrapper{height:100%;width:35%}.sa-login-wrapper .right-wrapper{padding:1.5em;width:65%}}