@charset "UTF-8";*{padding:0;margin:0;box-sizing:border-box}body{background:none}@font-face{font-family:Cairo;src:local("Cairo"),url(/assets/Cairo-Regular-7560e24b.ttf) format("truetype")}@font-face{font-family:Cairo-Bold;src:url(/assets/Cairo-Bold-443f8f45.ttf) format("truetype")}@font-face{font-family:Cairo-Medium;src:url(/assets/Cairo-Medium-d5deeb1e.ttf) format("truetype")}:root{--clr-primary: #353842;--clr-primar-light: #473b33;--clr-main: #0C94D2;--clr-secondary: #1e1611;--clr-white: #fff;--clr-black: #000;--clr-pumpkin: #fe6c00;--clr-silver: #a8a5a6;--clr-silver-v1: #bdbabb;--clr-scarlet: #fe1e00;--clr-scarlet-v1: rgb(254, 30, 0, .79);--clr-green: #00fe93;--clr-yellow: #fec80a;--clr-jet: #302924;--clr-peach: #ffc397;--font-family-bai: "Cairo";--transition-default: all .3s ease-in-out;--clr-blue-light: #E3F5FD;--clr-gray: #8CA3BA;--clr-bg: #E4EAF4;--clr-body: #F6F9FF;--clr-minor: #7f82a5}body{font-family:var(--font-family-bai);background-color:var(--clr-body);color:var(--clr-primary)}#root{max-width:1240px;margin:auto;padding:20px 0}ul{list-style-type:none}a{color:unset;text-decoration:none;color:var(--clr-white)}button{background-color:transparent;border:none;cursor:pointer}.p-btn{background-color:var(--clr-main);color:var(--clr-white)}.img-fit-cover img{width:100%;height:100%;object-fit:cover}.filp180{transform:rotate(180deg)}.text-white{color:var(--clr-white)}.text-silver-v1{color:var(--clr-silver-v1)}.text-scarlet{color:var(--clr-scarlet)}.text-green{color:var(--clr-green)}.bg-jet{background:var(--clr-jet)}.text-sm{font-size:14px}.app{display:flex}.fs10{font-size:10px}.fs12{font-size:12px}.fs14{font-size:14px}.fs16{font-size:16px}.fs20{font-size:20px}.fs32{font-size:32px}.fw0{font-weight:400}.fw6{font-weight:600}.fw7{font-weight:700}.lg-value{font-size:24px;font-weight:600}.grid-common{background-color:var(--clr-primary);border-radius:12px;box-shadow:#0000000d 0 8px 24px;color:var(--clr-white);padding:24px}.grid-c-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.grid-c-title-text{font-weight:400;color:var(--clr-silver)}.grid-c-title-icon img{width:24px}.show{display:block!important}.action-button{width:auto;justify-content:center}.red-border{border:2px solid red!important}.scan-delete-button{display:flex;align-items:center;justify-content:center;background-color:#f94c4c;width:40px!important;height:24px!important;border-radius:32px!important;border:unset!important}.approve-button{display:flex;align-items:center;justify-content:center;background-color:#19ba63;width:40px!important;height:24px!important;border-radius:32px!important;border:unset!important}.reject-reason-button{display:flex;flex-direction:row;align-items:center!important;justify-content:center!important;gap:4px;width:95px!important;height:24px!important;padding:2px 12px;border-radius:32px!important;border:unset!important;color:#fff;background-color:#0ea7ed}.reject-reason-button .text{flex-grow:0;font-family:Cairo;font-size:10px;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#fff;cursor:inherit}.flex-row{display:flex;flex-direction:row;gap:8px;justify-content:space-between}.ltr-direction{direction:ltr}.rtl-direction{direction:rtl}@media screen and (max-width: 1400px){.grid-common{padding:16px}body{font-size:14px!important}}@media screen and (max-width: 770px){#root{padding:0}.hide{display:none!important}.stick{display:flex!important}}.main-content{display:flex;width:100%}.main-content .center-content{width:100%;max-width:1030px}@media screen and (max-width: 1320px){.main-content .center-content{width:75%}}@media screen and (max-width: 770px){.main-content .center-content{width:100%}.main-content .main-content-mobile{padding-bottom:92px;min-height:100vh}}.footer-container{padding:0 20px 20px;background-color:#fff;height:72px;display:none;position:fixed;bottom:0;width:100%;z-index:1000;box-shadow:0 -2px 10px #0000001a}.main-content-footer{display:flex;justify-content:space-between;align-items:center;height:72px}@media screen and (max-width: 770px){.footer-container,.mobile-logo{display:block}}.f-icon-cont{width:18.51%;max-width:64px}.f-icon-cont .f-icon-i-cont{display:flex;flex-direction:column;align-items:center;height:64px;justify-content:center;position:relative;text-decoration:none;transition:all .2s ease}.f-icon-cont .f-icon-i-cont .marker{max-width:15px;position:absolute;top:-4px;display:none;transition:all .2s ease}.f-icon-cont .f-icon-i-cont .nav-icon{width:20px;transition:all .2s ease}.f-icon-cont .f-icon-i-cont .text{line-height:1.5;color:var(--clr-primary);text-align:center;font-size:10px;margin-top:4px;transition:all .2s ease}.active{color:#0c94d2}.active .text{color:#0c94d2!important;font-weight:600}.active .marker{display:block!important}@media screen and (max-width: 770px){.header-right{display:flex;justify-content:space-between}.header-right .lang-cont{padding:10px;width:64px;background-color:#fff;border-radius:32px;display:flex;justify-content:space-between}.header-right .lang-cont p{display:none}.header-right .lang-cont .down-arrow{display:block}.header-right .noti-cont{background-color:#fff;border-radius:32px;padding:8px 10px;display:flex;justify-content:center}.header-right .noti-cont img{width:20px}}.sidebar{background-color:var(--clr-white);width:190px;transition:var(--transition-default);margin-right:20px;border-radius:8px}.user-info{display:flex;justify-content:flex-start;align-items:center;column-gap:16px;padding:18px;border-bottom:1px solid #F6F9FF}.info-name{font-weight:500}.info-img{width:48px;height:48px;overflow:hidden;border-radius:100%;box-shadow:#00000059 0 5px 15px}.info-name{font-size:20px;color:var(--clr-white);text-transform:uppercase}.slider-expanding{display:flex;flex-direction:column;height:92%;justify-content:space-between}.navigation::-webkit-scrollbar{width:4px}.navigation::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d;border-radius:18px}.navigation::-webkit-scrollbar-thumb{background-color:var(--clr-pumpkin);border-radius:18px}.sidebar-change{margin-left:-260px}.nav-item{width:175px;height:40px;margin:8px auto}.nav-link{display:block;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:flex;padding:6px 14px;column-gap:12px;letter-spacing:.03em;border:1px solid transparent;transition:var(--transition-default);color:#2e2f3c}.nav-link.active{background-color:var(--clr-blue-light);font-weight:700;color:#0c94d2}.nav-link-icon{width:22px}.nav-link-text{text-transform:capitalize;font-size:14px}.Tutorial-video{padding:20px}.Tutorial-video .video-div{width:auto}.Tutorial-video .video-div video{width:100%}.Tutorial-text{background-color:#f6f9ff;padding:12px}.Tutorial-text h4{color:var(--clr-main)}.Tutorial-text p{font-size:12px;padding-top:8px}.copy-rights{font-size:10px;text-align:center;padding:16px;border-top:1px solid #F6F9FF}.QR-Scanning-div{margin:18px;padding:20px;border:1px solid #e4eaf4;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:16px}.QR-Scanning-div .image-div{width:40px;height:40px;padding:10px;border-radius:300px;box-shadow:0 1px 2px #1018280d;border:solid 1px #e4eaf4;display:flex;align-items:center;justify-content:center}.QR-Scanning-div .QR-title{font-family:Cairo;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;text-align:center;color:#353842}.QR-Scanning-div .QR-desc{font-family:Cairo;font-size:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;text-align:center;color:#54718d}.QR-Scanning-div .QR-data{width:80px;height:80px;flex-grow:0;padding:8.8px 7.6px 7.2px 8.4px;border-radius:4px;border:solid 1px #e4eaf4;background-color:#fff}.QR-Scanning-div .site-link{flex-grow:0;font-family:Cairo;font-size:10px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;text-align:center;color:#353842}body[dir=rtl] .sidebar{margin-right:0;margin-left:20px}@media screen and (max-width: 770px){.sidebar{display:none}.sidebar-change{margin-left:0}}.main-content-top-cont{margin-bottom:20px}.main-content-top{display:flex;justify-content:space-between;align-items:center;height:48px}.content-top-right{display:flex}.mobile-logo{display:none}.sidebar-toggler{display:flex;align-items:center;margin-right:12px}.sidebar-toggler img{width:20px}.content-top-title{color:var(--clr-white);font-size:20px;font-weight:600}.content-top-btn{margin-left:18px}.content-top-btn img{width:24px}.content-top-btn img:hover{filter:brightness(0) invert(1)}.content-top-left{display:flex;align-items:center}@media screen and (max-width: 770px){.main-content-top-cont{margin-bottom:0;background-color:#fff;position:fixed;width:100%;z-index:99;top:0}.main-content-top-cont .main-content-top{padding:20px;height:72px}.logo-header{display:flex;justify-content:space-between;width:100%}.mobile-logo{display:block}.content-top-left{display:none}}.header-right{display:flex;gap:20px;justify-content:space-between;position:relative}.header-right .noti-cont{background-color:#fff;border-radius:32px;padding:8px 12px;border:1px solid #E4EAF4;display:flex;justify-content:center;cursor:pointer}.header-right .noti-cont .noti-count{font-size:14px;position:relative;top:-8px;color:var(--clr-scarlet)}.user-container{background-color:#fff;display:flex;width:205px;justify-content:space-between;border-radius:38px;height:48px;padding:8px;border:1px solid #E4EAF4;cursor:pointer}.user-container .hello-user{display:flex}.user-container .hello-user .user-div{padding:0 4px}.user-container .hello-user .user-div .welcome{font-size:14px}.user-container .hello-user .user-div .name{font-size:14px;font-weight:600;line-height:1}.user-container .icon-div{display:flex;justify-content:center;align-items:center}.profile-popup{width:184px!important;border-radius:8px!important;top:50px!important}.profile-popup .profile-floating{display:flex;flex-direction:column;gap:12px}.profile-popup .profile-floating .profile-image{height:40px;display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 16px;border-radius:4px;background-color:#fff;cursor:pointer}.profile-popup .profile-floating .tutorial-show{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAoCAMAAABO8gGqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADYUExURb6pjcG5srqmi8O9uJR6XL+qj7ymiMK7tb6pi72oiZZ7XrunjrulhL+2r7qkiKmoq5J3W7qjgbeehr6uoLuokrihjbuql76smbuyq7GXfqOMgKuOdrWafZZ5aq2TfrCUdbGbhbigfZ+He5WUl5R2VKuKbpGOkJBvYG5RRIV3cl5VVYJ8f6Kgoo+Eg7CvsWpiZKGDb5l/dKiGaMG0qJp9WYaFilFAPWJJP3tYRINvY5p4YqeBYLmvpntgU7SqoqaRh6N2V6yhmZttULillndsbaSXkZBlTHBzf3X7llkAAAu1SURBVFjDXJgLX6JsEMWRQiGUUgFF8H5JU/KWlbfsou33/0bvmZkHpHdW0fq163/PzDnPkHZTKBRypVK9vq6vqaqoGpdRc11b9yrXiqJ2GPbiuH9/fz+b9VH3dfo5qqqUT3/HicKo7Dg6l02Fq4YyDEPTTO1apmVaeSrHyWfKcZxi2fk5PD8/a8RWPxyqa/UJREefYuCfdSqVThC0Wq0wbAVBEA5Xq0VzMplMifB+RpDP8r85AM33hQ94+ABH4HSFZxMaARqaQa8Ep9kA1AFoESQIi84VttgFYR2A60OKxp+Fj/Bd23ZJuQ7YGo1Gr9db0HPRXJ5i8E0g4fM9M446oQv1DtWD77t+jf5mud3uOrrIZ7u2ruRj8QyWUV40TddZQNAxp0OQui6EULBbLv8AkMA+fvwf3yc4fIzr4eF5RHcCXKNx6ng/+Mblaza7H223BDi7V3yt4b5CfNUaBGT5gFdWzRX1dMWX4snTNqks09TBZpl63swXRUfVYiKsfDCg/8PlExqxeTb4AAjxTl8/H/gBsH/dYyBmky0I4xHjPc9i8O1/qtJf4GH42lElwUsATRk66a6RHT/TZkJ0mCGdogBCP/AVyyD0PjT8y4DzrlXhS6fTOUG+3ul0+fr4OHx8AO/5PgZfcxJfRL+4tdp/tqrVg8hn6+guqcey4YUAyRKmtNWQ0UsQzbSkyQQJrKJ0mAm73a6nsXzeV8frkGoAI7uC7gS+3nLZWzZOl8uF5APgZPtIgNThWb8Xrj6/w5q0F8Pn8PAp1yYSpoIZWoKZ0mn8xBjqJvXVgpJOuVwUOmlyt6wp9aAYDBvwNeq0TgS4XD42m81eY7mdMd9zH4BwcUz6gW/xPQh9X7rr6uiuk/CRMYjOzjT1T4dpAhMhNRNTkCcZ6Vksk5cFkAg1BQewFuUJXYDXIPMum4/NR1AeJzAtCdgXD4/wdtRodXrbjsKz9Uo7QHe5q261im+INa6mVQHD8SLq0RtB1CVouDB6oMOf8h/AVkIXcrBwtADtERI+js99ZQoATlEzDGNj2OotOyIee7eSqFcrFQpVkBoJm2HIw1BZo2RTr9xt7m6CCCqaxTJQGZAmjtXjQGa0XtyLl9CPAME3UqnS34DuPI1ns/jD2zUXPxJLth6EkfIG5Cvc4HCqiieUdqmFsy5OW82A1NZ80uRumQlTwCgKgMbVWyxVNYlvtyC+vgDOptPN9AzAflxafy2byGUevk4YOCpT3NoafDeFm0LV5QZnHmkKahlKmzWksDYtMrAuXYY5mK4rLa7gOAsXVOAiNIb7fdztwtVxMuozIEJ6s9nMz5M4jnOHS68neHYllO7K9OVuuHC8V9P+0iX1RFbCq5Gp2Blpl4WOAJHMFVJwtds1rwW+3WrVHh6ntBLM+OAF37/5OY4vuY/L8lRLulvRVXdtkS8hrCnpuLtCKCKaf7YF3dIsimtCJA25yZKBoGy/QEHsBFHQDoeLXYbv8RF8q2M86vPSwhO4mc7RYPCdyB4kHw+fChbIVyhlCEu1qzmARhBCK6CmISJatib65ZmQB1EdI+X26mWgeY7nYGsBYbjI4A0Wq+HuCLyRkhAdns7n0/ir9NVYdlzpbuCkR5q/LuTqpdyV8GZdM7LhYplMyJrK8SI5YwKQk0bQ8soexWJ3+DIYPEBBzcbZ3A1CaJj292G13w+2xDYa4TFCxmAAie8APjqzbb3VSo41JR/x5a4SFtZqt0oTWftzGCczaDKglRAyHjKmDbzBAwF6np5Hl6nJ2Kh2O7LHcLX/3ZJ4jEfJMiK+ZTg89cAHrKBVUeLhAvluCnUoWMgS5tZpzPxdU43MaYz2MqGV5jSFTLm9JzqUVsEMOrItD5Ezi93uYTdswx7n6aYvhNN4sxltztAv3H8uejjB7Eorui7Mbi1X4L2cepxLCSUOFZ9hKjLjf+uCAFrqLClKCEYYvsFtAuh4lTIAg6DdxiCuhmFQjojv33RDMxgj/tjAkx74vkNa6VtBsjAjmv0188EWpdyhBM6MhtVMk2EUmUne+5OjWFMHCS3WpB/JR8N3K3wAlJuNCHQBPaKoW4R9//0D3wYixugsBJyCD8vLd2DYThBkbzeqCg+2KOH+AXcQqYaQs5bpqal8bGgSizKDOt+WSA4yXrRK1GPAViciQlIvokL6tF+OhEd/RtOnt6cnpMv83Bt+fg8qhl0JKhk8H9nMdMxIeNCtkDFK7e8RrAaSkoX2adFP9n7g0a3I8CXL96AtwgAbFuiwZgURCdgekH40dpvR5ElqPmmsiA94kbohkunj5EskLBQOdUxirvSHUKmWPUUy5pC3FIFQL8/mYLyEUWsusMCEwwCfLNX+Pk6ZD/Y4E9vTfD6f0Pjd5XUMX3LHRuNH03dTSCTEFzkAImzqhWuT167xvyXBTAhFRzYwdTdfbKfmUCN4ixYvdwuEMlrcJbpo+Pt+PP+bEl58fiXAhG9XUdGSCIhwSaUTl+SIEEOYQ6OVhrnC2r2qByAjWfYtxWjy8OVN8S5T3SYWAaDvYjvY7fahKEh872/jLe0EkzcFuGS+VqviXG+IdDdxhyrAUW+h4KEOzlRDjsMk+aSpPH+SLiqcsczIwaGwEsjbW82teQscbQgXypnV+/v7+HgEIW4vX18J8Om8HILve9FxpL1MyZtBlk5eShQ2pTodK8kYostVZQ0zM3Vq9OT8tawuDd8gGT3Gu+WrZvu+h3uPRRgC7+Gdazsmwjfhmy+I73cYEZpIiAWB5Msp4a5vQFco1Clsch91OZEVoex9lgI0U0C6B8lb8AbJx0zCJnh3ANTdmuuFzeZiFb78jt8fj5AQ9fomfPPzAvb9/d1HdMemK0J3fWXKSphjD8ModQROif1DRsHuJbln/WFUt5mWeEN1VTE+EByeD5quG76tdzCGO8weCzg+jsdPr6/c4S3F8+/7N1xEbKxhks3JNZWQTjs67w7wSYFOFZVBJexeCtC80jEfvtMlvEGqWlIAfCAFbcf2Xd32mg/gY8DJ5YIWM+HTdsj2/f7erwLcNfMAumuB+SOhIOaYEDbBEOZyuN4IIqzsJ4Bpd0k+C/LtUzzu6kOKCRXvbjUDn1jTdNM7oqsgPE5ms8l4/PY0f32bM98ey8RwGNCtX0dP5cs44zqNwke/zeO9ISVEl9dG4mBVeZIvL8nHit1RUyHaHb+/k69vNd92EPW6foJkLOHpAr7xG2reZHusaNvp8K9qGh3aS1Ok65t0BgGHpCaX1GkUk5AkQlstLlyknmZS8t2+MBJR8YuCvVNfajWSECfs14QAIeIRE8iXI/N9RhWHflPDd8uNr1JGvlwaLdeZvBISJAjVKQ3CqmYlJrFk+Cj5Xm5TLHkDsJRPAPNF0/C9y4wkfCOfjN+3l9GR4+X3M/KcRL7/yrKinQaBIAgJIKWeVUuRYmoaTIvGoK0SlXq95tLS//8kZ/c4wLihDaE8DDs7s9slO2glusrrPtTbumsuw2Op0FyjUtsL8ZNvMwh2w5CKr4pMvryhNqI+iOLYD24CJ0lKDC5v0MUXXGbfPJ5qYy/3t1dmE5dnh0ZNJq8GkwKZF710hw2F0FFIkCxTkrLJooAZtuwGKD6wW1WexWddheF1JUhfztx3giAc3zXlGk3tk5XyVJ/qFdvLeYUJZ86bwkbz/oMIlVqnLSzGaVLIBwvZZZMhfDzCMsUfcWirb2T6mld1tA74baEtLFJnM/ZHl7DeY1PS3AKA++99zfI9n3ebHSZsXrOanaCaQJ9Ka6mISoLnGvHyCQvZhNRSKJFK11UkZTEdm84GeH5II3M1hGdBDlJnz53iIYnB4uy4zF7QOEgldV1Q+RXbbZ7lG9rWoPpor0//PpVSWklYMSHkMHXXOSEnUUjclPJ4LRTGhaRjN4S1/IBdq9nr1l8iXKp6ZjkWDNBbJrTfmulD+QydYJCpi3fg2+VtsHoZHq9AGqSPXwykhktrLa5rOab00WPQuw1JGZ/GpA7aUIb+iIuvT9wfUfyDGEW/sR3htVzLobwAAAAASUVORK5CYII=);background-size:cover;justify-content:space-between;border-radius:10px!important}.profile-popup .profile-floating .profile-title{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:-.07px;color:#353842;cursor:inherit}.profile-popup .profile-floating .tutorial-show-text{color:#fff;font-family:Cairo;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;text-align:right}.profile-popup .profile-floating .action-button{width:100%;background-color:#f94c4c;border-color:#f94c4c;color:#fff}.profile-div-title{padding-bottom:16px}.profile-div{padding-top:20px;padding-bottom:20px;border-top:solid 1px #e4eaf4;border-bottom:solid 1px #e4eaf4}.profile-div .profile-image-div{display:flex;flex-direction:row;width:100%;gap:16px}.profile-div .profile-image-div .profile-left{gap:12px}.profile-div .profile-image-div .profile-left .profile-title{align-self:stretch;font-family:Cairo;font-size:12px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#353842}.profile-div .profile-image-div .profile-left .image-size{align-self:stretch;flex-grow:0;font-family:Cairo;font-size:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#54718d}.profile-div .profile-image-div .profile-left .actions-div{display:flex;gap:8px;align-items:center}.profile-div .profile-image-div .profile-left .actions-div .delete-button{width:40px;height:40px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:2px 3px;border-radius:20px;border-color:#f94c4c;background-color:#f94c4c}.profile-div .profile-inputs{margin-top:24px;margin-bottom:24px;gap:12px}.profile-div .profile-inputs .name-div{gap:8px}.profile-div .profile-inputs .name-div .form-group{width:50%}.profile-div .profile-emails .name-div{gap:8px}.profile-div .profile-emails .name-div .form-group{width:50%}.profile-div .profile-emails{gap:12px}.profile-div .flex-column{display:flex;flex-direction:column}.profile-div .flex-row{display:flex;flex-direction:row}.profile-div .form-control{background-color:#f6f9ff}.save-profile{width:100%!important;margin-top:16px;justify-content:center}@media screen and (max-width: 770px){.user-container{width:60px;height:40px}.avatar{display:flex}.avatar img{width:24px}.user-div{display:none}}.action-button{display:inline-flex;align-items:center;padding:10px 16px;font-size:14px;font-weight:500;border:solid 1px var(--clr-main);line-height:1.5;border-radius:10px;cursor:pointer;transition:background-color .3s ease;font-family:cairo;height:36px}.disabled-button{background-color:#f3f4f6!important;border-color:#f3f4f6!important}.disabled-button .button-text{color:#9ca3af!important}.disabled-button :hover{background-color:#f3f4f6!important}.action-button .button-text{margin:0 6px}.action-button .button-icon{width:20px;height:20px}.action-button:hover{background-color:#dbdbdb}.floating-space-cont{position:absolute;background-color:#fff;padding:10px;box-shadow:0 2px 8px #00000026;z-index:1000;width:200px;border-radius:10px;display:flex;flex-direction:column;right:15px;top:44px}.floating-space-cont label,.floating-space-cont img{cursor:pointer}.floating-space-cont label{margin:0 3px}body[dir=rtl] .floating-space-cont{left:15px;right:unset!important}.file-btn{height:auto!important}.file-btn .upload-profile-image .title{font-size:14px;color:#000;cursor:inherit}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#39363699;display:flex;justify-content:center;align-items:center;z-index:1100}.modal-content{background-color:var(--clr-white);padding:20px;border-radius:8px;width:90%;max-width:550px;max-height:90%;box-shadow:0 5px 15px #0000004d;position:relative;overflow-y:auto}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;font-weight:700;cursor:pointer}.texticon-cont{display:flex;justify-content:space-between}.texticon-cont .texticon-text{font-size:16px}.form-group-input{justify-content:end;min-height:0}.form-group-input .form-label{line-height:2.5}.form-group-input .form-control{font-size:14px;width:100%;height:40px;padding:0 16px}.file-btn{width:100%;height:100px;font-size:18px;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#5d4dcc;background-color:#fff;border:1px solid #e4eaf4;border-radius:20px;cursor:pointer;transition:all .3s ease}.file-btn:hover{color:#5d4dcc;background-color:#fff}.file-btn span{width:50px;height:50px;font-size:30px;color:#5d4dcc;display:flex;align-items:center;justify-content:center;border-radius:25px;background-color:#f1efff}.file-card{width:100%;display:flex;align-items:center;gap:15px;color:#000;background-color:#fff;border:1px solid rgba(117,96,255,.281);border-radius:6px;padding:8px 15px}.file-info{flex:1;display:flex;align-items:center;gap:15px}.file-info h6{flex:1;font-size:13px;font-weight:400}.progress-bg{width:100%;height:5px;background-color:#00000013;border-radius:8px;margin-top:8px}.progress{width:0%;height:5px;background-color:#5d4dcc;border-radius:8px;transition:width .5s ease}.icon{font-size:30px;color:#7460ff}.close-icon{font-size:18px;cursor:pointer}.file-info button,.check-circle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#463a99;background-color:#f1efff;border:none;border-radius:30px}.upload-btn{width:100%;font-size:14px;font-weight:500;color:#fff;background-color:#7460ff;border:none;border-radius:8px;padding:10px;margin-top:15px;cursor:pointer}.validation{color:#bf1650}.validation:before{display:inline;content:"⚠ "}.notifications-popup{width:400px!important;max-width:400px!important;top:50px!important;right:0!important;padding:unset!important}.notifications-popup .popup-body{display:flex;flex-direction:column;margin-top:20px}.notifications-popup .popup-body .popup-title{display:flex;flex-direction:row;margin-inline:20px;justify-content:space-between;margin-bottom:24px}.notifications-popup .popup-body .popup-title .title-text{flex-grow:0;font-family:Cairo;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#353842}.notifications-popup .popup-body .popup-title .mark-read{flex-grow:0;font-family:Cairo;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#0c94d2}.notifications-popup .popup-body .popup-tabs{display:flex;border-bottom:1px solid #e4eaf4;padding-inline:20px}.notifications-popup .popup-body .popup-tabs .nav-link{border-radius:0!important}.notifications-popup .popup-body .popup-tabs .nav-link-text{font-size:12px!important}.notifications-popup .popup-body .popup-tabs .nav-link.active{font-weight:600!important;background-color:unset!important;border-bottom:1.5px solid #0C94D2}.notifications-popup .popup-body .popup-tabs .unread-div{width:23px;height:20px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3px;padding:0 8px;border-radius:6px;border:solid 1px #e4eaf4;background-color:#fff}.notifications-popup .popup-body .popup-tabs .unread-div .unread-count{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#353842}.notifications-popup .popup-body .popup-data{height:400px;align-self:stretch;flex-grow:0;display:flex;flex-direction:column;align-items:center;padding:0;overflow-y:auto}.notifications-popup .popup-body .popup-data::-webkit-scrollbar{width:8px}.notifications-popup .popup-body .popup-data::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #f6f9ff;border-radius:18px}.notifications-popup .popup-body .popup-data::-webkit-scrollbar-thumb{background-color:#54718d;border-radius:18px}.notifications-popup .popup-body .popup-data .empty-img{width:56px;height:56px;flex-grow:0;padding:14px;border-radius:9999px;background-color:#e1f2f9}.notifications-popup .popup-body .popup-data .empty-title{flex-grow:0;padding:3px 11.5px 0 8.5px;font-family:Cairo;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#0c94d2}.notifications-popup .popup-body .popup-data .empty-desc{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#353842}.notifications-popup .popup-body .justify-content{justify-content:center}.notifications-popup .popup-body .popup-data .notification-item{display:flex;flex-direction:row;border-bottom:solid 1px #e4eaf4;width:100%;padding-inline:20px;padding-block:16px;gap:12px}.notifications-popup .popup-body .popup-data .notification-item .notification-data{display:flex;flex-direction:column;width:100%;gap:8px}.notifications-popup .popup-body .popup-data .notification-item .notification-data .notification-title,.notifications-popup .popup-body .popup-data .notification-item .notification-data .notification-content{display:flex;flex-direction:column;gap:4px}.notifications-popup .popup-body .popup-data .notification-item .notification-data .notification-title .title-div{display:flex;gap:4px;cursor:inherit}.notifications-popup .popup-body .popup-data .notification-item .notification-data .notification-title .title-div .user-name,.notifications-popup .popup-body .popup-data .notification-item .notification-data .notification-title .title-div .title{flex-grow:0;font-family:Cairo;font-size:14px;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#353842}.notifications-popup .popup-body .popup-data .notification-item .notification-data .notification-title .title-div .user-name{font-weight:700}.notifications-popup .popup-body .popup-data .notification-item .notification-data .notification-title .title-div .title{font-weight:400}.notifications-popup .popup-body .popup-data .notification-item .notification-data .notification-title .time-stamp{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#8ca3ba;direction:ltr;cursor:inherit}.notifications-popup .popup-body .popup-data .notification-item .notification-data .notification-content{margin:8px 0 0;font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#353842}.notifications-popup .popup-body .popup-data .unread{background-color:#e9f4fb}.notification-item{cursor:pointer}@media screen and (max-width: 425px){.notifications-popup{width:350px!important}}@media screen and (max-width: 375px){.notifications-popup{width:300px!important}.notifications-popup .popup-data .notification-item .user-name,.notifications-popup .popup-data .notification-item .title{font-size:12px!important}}@media screen and (max-width: 320px){.notifications-popup{width:270px!important}.notifications-popup .popup-data .notification-item .user-name,.notifications-popup .popup-data .notification-item .title{font-size:10px!important}}body[dir=rtl] .notifications-popup{left:0!important}body[dir=rtl] .time-stamp{text-align:right}.notification-item-modal{display:flex;flex-direction:column;gap:16px}.notification-item-modal .modal-header{display:flex;justify-content:space-between}.notification-item-modal .modal-header .user-image{display:flex;gap:8px;align-items:center}.notification-item-modal .modal-header .user-image .title-div,.notification-item-modal .modal-header .user-image .time-stamp{flex-grow:0;font-family:Cairo;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;text-align:right;display:flex}.notification-item-modal .modal-header .user-image .title-div{font-size:14px;font-weight:700;color:#353842;align-items:center}.notification-item-modal .modal-header .user-image .time-stamp{font-size:12px;font-weight:400;color:#8ca3ba;direction:ltr}.notification-item-modal .title-div,.notification-item-modal .all-content{align-self:stretch;flex-grow:0;font-family:Cairo;font-size:14px;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#000}.notification-item-modal .title-div{font-weight:700}.notification-item-modal .all-content{font-weight:400}@media screen and (max-width: 375px){.notification-item-modal .title-div,.notification-item-modal .user-name{font-size:12px!important}.notification-item-modal .time-stamp{font-size:10px!important}}.header-left{display:flex;gap:20px;justify-content:space-between}.table-container{position:relative;min-height:100%;padding-bottom:50px;overflow-x:auto;white-space:nowrap;font-family:inherit!important}.table-container .table-header{margin-bottom:16px}.table-container .button-container{display:flex;justify-content:center;position:absolute;bottom:0;left:0;right:0;text-align:center;padding:10px}.table-container .button-container button,.table-container .button-container span{border:1px solid #ccc;padding:5px 10px;font-size:14px}.table-container .button-container .of{color:#7f99b3}.table-container table{margin:0 auto;width:100%;border-collapse:collapse}.table-container th,.table-container td{padding:8px;text-align:left;white-space:nowrap}.table-container thead tr{background-color:#f6f9ff}.table-container tbody tr{border-bottom:solid 1px #e4eaf4;transition:background-color .2s ease}.table-container tbody tr.clickable-row:hover{background-color:#f9fafb}@media screen and (max-width: 768px){.table-container th,.table-container td{white-space:normal!important}}body[dir=ltr] .button-container>*:not(:last-child){border-right:none!important}body[dir=rtl] .button-container>*:not(:last-child){border-left:none!important}body[dir=rtl] .table-container th,body[dir=rtl] .table-container td{text-align:right}.logs-cont .logs-body .modal-content{min-height:200px}.logs-message{cursor:pointer!important;width:400px!important;flex-wrap:wrap;overflow-x:hidden;text-overflow:clip;overflow-wrap:break-word;white-space:pre-wrap;overflow:hidden}.logs-modal-container{display:flex;flex-direction:column;height:100%}.logs-modal-body{margin-top:12px;display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto}.logs-modal-body .logs-modal-info{display:flex;flex-direction:column;gap:12px}.logs-modal-body .logs-modal-info .log-info-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--clr-bg)}.logs-modal-body .logs-modal-info .log-info-row .log-info-label{font-weight:600;color:var(--clr-primary);min-width:80px;font-size:14px}.logs-modal-body .logs-modal-info .log-info-row .log-info-value{color:var(--clr-minor);font-size:14px}.logs-modal-body .logs-message-container{display:flex;flex-direction:column;gap:8px}.logs-modal-body .logs-message-container .log-message-header{display:flex;justify-content:space-between;align-items:center}.logs-modal-body .logs-message-container .log-message-header .log-message-label{font-weight:600;color:var(--clr-primary);font-size:14px}.logs-modal-body .logs-message-container .log-message-header .copy-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:transparent;color:var(--clr-main);border:1.5px solid var(--clr-main);border-radius:6px;cursor:pointer;font-size:12px;font-family:Cairo;font-weight:500;transition:var(--transition-default)}.logs-modal-body .logs-message-container .log-message-header .copy-button:hover{background-color:var(--clr-main);color:var(--clr-white)}.logs-modal-body .logs-message-container .log-message-header .copy-button:hover img{filter:brightness(0) invert(1)}.logs-modal-body .logs-message-container .log-message-header .copy-button:active{transform:scale(.98)}.logs-modal-body .logs-message-container .log-message-header .copy-button img{filter:none;opacity:.7}.logs-modal-body .logs-message-container .logs-message-code{background-color:#f5f7fa;border:1px solid var(--clr-bg);border-radius:8px;padding:16px;overflow:auto;max-height:400px}.logs-modal-body .logs-message-container .logs-message-code .logs-message-content{font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word;color:var(--clr-primary)}.logs-modal-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--clr-bg);display:flex;justify-content:flex-end}.logs-modal-footer .close-button{padding:10px 24px;background-color:var(--clr-main);color:var(--clr-white);border:none;border-radius:6px;cursor:pointer;font-size:14px;font-family:Cairo;font-weight:500;transition:var(--transition-default)}.logs-modal-footer .close-button:hover{opacity:.9}.logs-modal-footer .close-button:active{transform:scale(.98)}@media screen and (max-width: 770px){.main-content-holder{display:none}.logs-modal-container{max-height:85vh;overflow:hidden}.logs-modal-body{max-height:calc(85vh - 120px);overflow-y:auto}.logs-modal-body .logs-modal-info .log-info-row{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.logs-modal-body .logs-modal-info .log-info-row .log-info-label{min-width:auto;font-size:12px;color:var(--clr-gray)}.logs-modal-body .logs-modal-info .log-info-row .log-info-value{font-size:13px}.logs-modal-body .logs-message-container .log-message-header{flex-direction:column;align-items:flex-start;gap:10px}.logs-modal-body .logs-message-container .log-message-header .log-message-label{font-size:12px}.logs-modal-body .logs-message-container .log-message-header .copy-button{width:100%;justify-content:center}.logs-modal-body .logs-message-container .logs-message-code{max-height:300px;padding:12px}.logs-modal-body .logs-message-container .logs-message-code .logs-message-content{font-size:12px;line-height:1.5}.logs-modal-footer{margin-top:16px;padding-top:12px}.logs-modal-footer .close-button{width:100%;padding:12px 24px;font-size:15px}}.search-container{position:relative;max-width:260px}.search-container .search-img{position:absolute;top:10px;left:10px}.search-container .search-input{width:100%;padding:10px 35px;font-size:16px;border-radius:10px;border:1px solid var(--clr-bg)}.search-container .search-input:focus{border-color:#a1a1a1}body[dir=rtl] .search-img{right:10px;left:auto}.table-filters{display:flex;justify-content:space-between;gap:8px;position:relative}.table-filters .filter-actions{display:flex;gap:8px;position:relative}.table-filters .date-button{background-color:var(--clr-main);color:var(--clr-white)}.table-filters .modal-content .modal-actions{position:absolute;bottom:24px;width:calc(100% - 46px);justify-content:space-between;display:flex}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-calendar{width:350px;max-width:100%;background:white;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.table-filters .modal-content{height:500px}.date-range-picker{display:flex;gap:20px;justify-content:space-around;margin-bottom:65px}.date-range-input{width:100%;border-radius:8px;cursor:pointer;font-family:Cairo;background-color:#f6f9ff;padding:5px 10px;border:1px solid;border-color:#e4eaf4;color:#c0cad5;outline:none}.date-range-input:focus{outline:none;border-color:#0c94d2!important;color:#353842}.date-range-input ::placeholder{color:#c0cad5!important}.input-calender .react-datepicker{width:100%;border:unset!important}.input-calender .react-datepicker .react-datepicker__navigation{top:15px!important}.input-calender .react-datepicker .react-datepicker__navigation .react-datepicker__navigation-icon:before{border-color:#000!important;border-width:1.5px 1.5px 0 0;height:6px;width:6px}.input-calender .react-datepicker .react-datepicker__month-container{width:100%}.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__header{background-color:#fff!important;border:unset!important}.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-name{margin:.4rem;color:#0c94d2;font-size:13px;font-family:Cairo-Medium}.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__current-month{font-size:16px;line-height:24px;text-align:center;font-family:Cairo-Bold;background-color:#f6f9ff;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px}.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__day{font-size:14px;font-family:Cairo;margin:.4rem}.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__day--outside-month{color:#c0cad5!important}.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__day--selected,.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__day--keyboard-selected{border-radius:1rem;background-color:#0c94d2;color:#fff}.input-calender .focused-calendar .react-datepicker__current-month{color:#0c94d2;background-color:#dbedf9!important}.focused-calendar .react-datepicker__input-container .date-range-input{outline:none!important;border-color:#0c94d2!important;color:#353842!important}.date-range{width:650px;height:512px;top:44px}.date-range .date-range-picker-cont{padding:10px}.date-range .react-date-picker__calendar{width:290px;margin-top:16px}.date-range .filter-modal-actions{position:absolute;bottom:20px;left:2%;width:96%;gap:8px;padding-inline:10px;padding-top:15px;border-top:1px solid #e4eaf4}.date-range .filter-modal-actions .primary{width:70%}.date-range .filter-modal-actions .secondary{width:30%}.date-range .form-group-input{width:100%}.date-range .form-group-input .form-label{display:block}.date-range .form-group-input .react-date-picker__wrapper{border-radius:8px}.date-range .form-group-input .hide-calender .react-datepicker__tab-loop{display:none}.date-range .form-group-input .hide-calender .react-datepicker-wrapper{width:100%;height:40px}.date-range .un-hover .react-datepicker__day--keyboard-selected{background-color:#fff!important;color:#000!important}.date-range .show-calender .hide-calender .react-datepicker__tab-loop{display:block}@media screen and (max-width: 770px){.date-range{width:340px;height:512px;top:44px}.date-range .react-date-picker__calendar{width:290px;margin-top:16px}.date-range .filter-modal-actions{padding-inline:10px!important}.date-range .filter-modal-actions .primary,.date-range .filter-modal-actions .secondary{width:50%}.date-range .form-group-input{width:47%}.date-range .form-group-input .input-calender{position:absolute;right:10px;z-index:999;width:94%!important;padding-inline:10px!important}}@media screen and (max-width: 350px){.date-range{width:300px;height:512px;top:44px}.date-range .react-date-picker__calendar{width:290px;margin-top:16px}.date-range .react-datepicker__day-name{margin:.3rem!important;font-size:12px!important}.date-range .react-datepicker__day{font-size:12px!important;margin:.3rem!important}.date-range .form-group-input{width:47%}.date-range .form-group-input .input-calender{position:absolute;right:10px;z-index:999;width:94%!important}}.filter-actions .floating-space{position:absolute;top:48px;background-color:#fff;padding:10px;box-shadow:0 2px 8px #00000026;z-index:1000;width:200px;transform:translate(48px);left:17px;border-radius:10px}.filter-actions .floating-space .filter-space-body{padding:0 8px}.filter-actions .floating-space .filter-space-action{padding-top:8px}.filter-actions .floating-space .head-actions{display:flex;gap:8px}.filter-actions .floating-space .head-actions .action-button{border-radius:30px;height:32px}body[dir=rtl] .filter-actions .floating-space{left:auto;right:111px}.checkbox-container{display:flex;align-items:center}.checkbox-container input[type=checkbox]{margin-right:8px;cursor:pointer}.checkbox-container label{cursor:pointer;font-size:14px;color:var(--clr-primary)}.checkbox-container.checked label{color:#007bff}.checkbox-container.highlight{border:2px solid #007bff;padding:5px;border-radius:5px}body[dir=rtl] input[type=checkbox]{margin-right:unset!important;margin-left:8px}.mobile-log-cont{background-color:var(--clr-body);min-height:calc(100vh - 72px)}.mobile-log-cont .mobile-log-body{padding:12px 12px 100px}.mobile-log-cont .mobile-log-body .empty-state{background-color:var(--clr-white);border-radius:8px;border:1px solid #e4eaf4;padding:60px 20px;text-align:center;margin-top:20px}.mobile-log-cont .mobile-log-body .empty-state p{color:var(--clr-gray);font-size:14px;margin:0}.mobile-head-cont{background-color:var(--clr-white);align-items:center;padding:0 16px 16px;position:relative}.mobile-head-cont .head-icons{display:flex;gap:8px}.mobile-head-cont .floating-space{position:absolute;top:48px;background-color:#fff;padding:10px;box-shadow:0 2px 8px #00000026;z-index:1000;width:200px;transform:translate(48px);left:17px;border-radius:10px}.mobile-head-cont .floating-space .filter-space-body{padding:0 8px}.mobile-head-cont .floating-space .filter-space-action{padding-top:8px}.mobile-head-cont .floating-space .head-actions{display:flex;gap:8px;position:relative}.mobile-head-cont .floating-space .head-actions .action-button{border-radius:30px;height:32px}.mobile-head-cont .head-icons,.mobile-head-cont .head-actions{display:flex;gap:8px}.mobile-head-cont .head-actions .floating-space-cont{top:45px}body[dir=rtl] .mobile-head-cont .floating-space{left:auto;right:111px}.filter-modal-actions{display:flex;justify-content:space-between}@media screen and (max-width: 770px){.mobile-head-cont .mobile-head-actions{display:flex;width:100%;justify-content:space-between}.mobile-head-cont .mobile-head-actions .head-actions .actionFloating{left:-29px;right:unset}.mobile-head-cont .searh-input{padding-top:8px}.mobile-head-cont .searh-input .search-container{width:100%;max-width:100%}}.icon-cont{width:40px;height:40px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:2px 3px;border-radius:20px;border:solid 1px #e4eaf4;background-color:#fff;cursor:pointer}.icom-text{padding:0 8px;display:flex;flex-direction:row;align-items:center;height:40px;gap:8px;cursor:pointer}.icom-text .icom-text-label{color:var(--clr-primary);font-family:Cairo-Medium;font-size:14px;line-height:20px;cursor:inherit}.mobile-logs-card-cont{padding:12px;margin-bottom:8px;border-radius:8px;border:solid 1px #e4eaf4;background-color:var(--clr-white);cursor:pointer;transition:all .2s ease}.mobile-logs-card-cont:active{background-color:#f9fafb;transform:scale(.99)}.mobile-logs-card-cont .logs-main-content{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.mobile-logs-card-cont .logs-left-data{flex:1;min-width:0}.mobile-logs-card-cont .logs-left-data .card-header{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.mobile-logs-card-cont .logs-left-data .card-header .card-date{font-size:12px;color:var(--clr-gray);font-weight:500;margin:0}.mobile-logs-card-cont .logs-left-data .card-header .card-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mobile-logs-card-cont .logs-left-data .card-message{color:var(--clr-primary);font-size:14px;line-height:1.5;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.mobile-logs-card-cont .logs-right-icon{display:flex;align-items:center;justify-content:center;padding-left:4px}.mobile-logs-card-cont .logs-right-icon img{width:16px;height:16px;opacity:.5}.mobile-logs-card-cont .badge{padding:4px 10px;border-radius:100px;font-size:11px;line-height:1;font-weight:500;text-transform:capitalize;font-family:Cairo;white-space:nowrap}.mobile-logs-card-cont .error{background-color:#f8e3e1;color:#f94c4c}.mobile-logs-card-cont .warning{background-color:#fff2d2;color:#e8ad21}.mobile-logs-card-cont .debug{background-color:#f5f5f5;color:#757575}.mobile-logs-card-cont .info{background-color:#dbedf9;color:#54718d}.mobile-logs-card-cont .pass{background-color:#dbf1e0;color:#19ba63}.mobile-logs-card-cont .category-default{background-color:#e3f2fd;color:#1976d2}.mobile-logs-card-cont .category-error{background-color:#f8e3e1;color:#f94c4c}.mobile-logs-card-cont .category-warning{background-color:#fff2d2;color:#e8ad21}body[dir=rtl] .mobile-logs-card-cont .logs-right-icon{padding-left:0;padding-right:4px}body[dir=rtl] .mobile-logs-card-cont .logs-right-icon img{transform:scaleX(-1)}.keyvaluerow-cont{display:flex;padding:9px 0}.keyvaluerow-cont .texticon-key{width:85px}.keyvaluerow-cont .texticon-value{display:flex;align-items:center}.breadcrumb-container{margin-bottom:16px}.breadcrumb-container .breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;gap:8px}.breadcrumb-container .breadcrumb-list .breadcrumb-item{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px}.breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-link{color:#6b7280;text-decoration:none;transition:color .2s ease}.breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-link:hover{color:var(--clr-primary);text-decoration:underline}.breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-separator{color:#d1d5db;-webkit-user-select:none;user-select:none}.breadcrumb-container .breadcrumb-list .breadcrumb-item .breadcrumb-current{color:var(--clr-primary)}@media (max-width: 768px){.breadcrumb-container{margin-bottom:12px}.breadcrumb-container .breadcrumb-list .breadcrumb-item{font-size:12px;line-height:18px}}.permission-cont{display:flex;flex-direction:column;max-width:inherit;background-color:var(--clr-white);border-radius:8px;padding:16px;border:1px solid #E4EAF4}.permission-cont .permission-header{flex-direction:row;display:flex;justify-content:space-between}.permission-cont .permission-header .actions-right{display:flex;gap:8px;align-self:flex-start}.permission-cont .permission-header .actions-right .filter-actions{display:flex;gap:8px;position:relative}.permission-cont .permission-header .actions-right .action-button{font-size:12px!important}.permission-cont .permission-header .permission-select{border-radius:10px;border-color:#e4eaf4;color:#c0cad5;min-width:120px;cursor:pointer}.permission-cont .permission-body{height:100%;margin-top:28px;margin-bottom:28px}.permission-cont .permission-body .permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);row-gap:20px;column-gap:20px;height:calc(100% - 100px)}.permission-cont .permission-body .paging-div .button-container{display:flex;justify-content:center;text-align:center;padding:10px;margin-top:20px}.permission-cont .permission-body .paging-div .button-container button,.permission-cont .permission-body .paging-div .button-container span{border:1px solid #ccc;padding:5px 10px;font-size:14px}.permission-cont .permission-body .paging-div .button-container .of{color:#7f99b3}.permission-cont .actions-left{display:flex;gap:8px}.perm-scroll{max-height:250px;overflow:auto}.perm-scroll::-webkit-scrollbar{width:6px}.perm-scroll::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #f6f9ff;border-radius:18px}.perm-scroll::-webkit-scrollbar-thumb{background-color:#54718d;border-radius:18px}.permission-form-full{width:100%;justify-content:center}.permission-form-half{width:50%;justify-content:center}.action-button-padding{padding:0!important}.form-group{display:flex;flex-direction:column;min-height:65px;margin-bottom:10px}.form-label{font-size:12px;line-height:17px;font-family:Cairo-Bold}.form-control{height:44px;border-radius:8px;border:1px solid #e4eaf4}.form-confirm{font-family:Cairo-Medium;font-size:14px;line-height:20px}.form-footer{display:flex;flex-direction:row;gap:8px}.permission-check{padding:0 16px}@media screen and (max-width: 1320px){.permission-mobile-header .action-button{padding:unset!important;font-size:10px;width:max-content}}@media screen and (max-width: 1024px){.multi-dropdown{width:85%!important}}@media screen and (max-width: 770px){.permissions-grid{grid-template-columns:repeat(1,1fr)!important}.checkbox-container label{font-size:12px}}@media screen and (max-width: 768px){.permission-cont{background-color:inherit!important}.paging-div{background-color:var(--clr-white)!important}.permission-mobile-header .actions-left .form-group-multiselect{width:50%!important}}.empty-content{display:flex;justify-content:center;align-items:center;flex-direction:column;height:inherit}.empty-content .empty-icon{padding:14px;width:56px;height:56px;background-color:#e1f2f9;border-radius:9999px}.empty-content .empty-title{font-size:14px;font-family:Cairo-Bold;line-height:20px;color:var(--clr-main)}.empty-content .empty-desc{font-size:14px;font-family:Cairo;line-height:20px;color:var(--clr-primary)}.permission-mobile-header{background-color:var(--clr-white);padding:16px;flex-direction:column;display:flex;justify-content:space-between}.permission-mobile-header .mobile-head-cont{display:flex;flex-direction:column}.permission-mobile-header .actions-left{display:flex;gap:8px;justify-content:space-between!important}.permission-mobile-header .actions-right{display:flex;gap:8px;align-self:flex-start}.permission-mobile-header .actions-right .filter-actions{display:flex;gap:8px;position:relative}.permission-mobile-header .np-btn{color:#000!important;background-color:unset!important}.permission-mobile-header .mobile-head-actions{gap:6px}@media screen and (max-width: 320px){.action-button{font-size:10px!important}}.form-group-multiselect{position:relative;margin-bottom:16px}.form-group-multiselect .form-label{font-size:12px;color:#374151;margin-bottom:8px;display:block;line-height:2}.dropdown-div{position:relative;display:flex;border:1px solid #e4eaf4;border-radius:8px;height:36px;background-color:#fff;transition:all .2s ease}.dropdown-div:hover{border-color:#c0cad5;box-shadow:0 2px 4px #00000005}.dropdown-div:focus-within{border-color:var(--clr-primary);box-shadow:0 0 0 3px #0c94d21a}.dropdown-div .actions-div{display:flex;align-items:center;width:100%}.dropdown-div .actions-div .dropdown-label{padding-left:10px;font-size:13px;line-height:18px;color:#9ca3af;font-family:Cairo}.dropdown-div .options-menu{position:absolute;background-color:#fff;padding:8px 0;box-shadow:0 4px 12px #0000001a;z-index:1000;width:100%;border-radius:8px;border:1px solid #e4eaf4;display:flex;flex-direction:column;right:0;top:40px;max-height:160px;overflow-y:auto}.dropdown-div .options-menu .menu-item{padding:8px 12px;display:flex;flex-direction:row;align-items:center;gap:6px;cursor:pointer;transition:background-color .15s ease}.dropdown-div .options-menu .menu-item:hover{background-color:#f0f9ff}.dropdown-div .options-menu .menu-item .menu-item-label{color:#374151;font-family:Cairo;font-size:13px;line-height:1.3}.multiselect-container{border:1px solid #e4eaf4;border-radius:8px;height:auto!important;cursor:pointer;background-color:#fff;transition:all .2s ease}.multiselect-container:hover{border-color:#c0cad5;box-shadow:0 2px 4px #00000005}.multiselect-container:focus-within{border-color:var(--clr-primary);box-shadow:0 0 0 3px #0c94d21a}.dropdown-button{cursor:pointer;display:flex;align-items:center;padding:8px;color:#6b7280;transition:color .15s ease}.dropdown-button:hover{color:var(--clr-primary)}.icon_down_dir:before{content:unset!important}.searchWrapper{border:unset!important}.searchWrapper .searchBox{font-family:Cairo;cursor:inherit;padding:6px 10px;border:none;outline:none;background:transparent;color:#374151;font-size:13px}.searchWrapper .searchBox::placeholder{color:#9ca3af}.form-group-multiselect .react-select__control{min-height:36px;border:1px solid #e4eaf4;border-radius:8px;background-color:#fff;box-shadow:none;transition:all .2s ease}.form-group-multiselect .react-select__control:hover{border-color:#c0cad5}.form-group-multiselect .react-select__control--is-focused{border-color:var(--clr-primary);box-shadow:0 0 0 3px #0c94d21a}.form-group-multiselect .react-select__control--is-disabled{background-color:#f9fafb;border-color:#e5e7eb;cursor:not-allowed}.form-group-multiselect .react-select__value-container{padding:6px 10px}.form-group-multiselect .react-select__placeholder{color:#9ca3af;font-family:Cairo;font-size:13px}.form-group-multiselect .react-select__input-container{color:#374151;font-family:Cairo;font-size:13px}.form-group-multiselect .react-select__multi-value{background-color:#e0f2fe;border:1px solid #b3e5fc;border-radius:6px;margin:2px}.form-group-multiselect .react-select__multi-value__label{color:#0277bd;font-family:Cairo-Medium;font-size:12px;padding:3px 6px}.form-group-multiselect .react-select__multi-value__remove{color:#0277bd;border-radius:0 6px 6px 0}.form-group-multiselect .react-select__multi-value__remove:hover{background-color:#b3e5fc;color:#01579b}.form-group-multiselect .react-select__menu{border:1px solid #e4eaf4;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:4px;z-index:1000;max-height:160px}.form-group-multiselect .react-select__menu-list{padding:6px 0;max-height:140px;overflow-y:auto}.form-group-multiselect .react-select__option{padding:8px 12px;font-family:Cairo;font-size:13px;color:#374151;cursor:pointer;transition:background-color .15s ease}.form-group-multiselect .react-select__option:hover{background-color:#f0f9ff;color:var(--clr-primary)}.form-group-multiselect .react-select__option--is-focused{background-color:#e0f2fe;color:var(--clr-primary)}.form-group-multiselect .react-select__option--is-selected{background-color:var(--clr-primary);color:#fff}.form-group-multiselect .react-select__option--is-selected:hover{background-color:#0a7bb8}.form-group-multiselect .react-select__indicator-separator{background-color:#e4eaf4}.form-group-multiselect .react-select__dropdown-indicator{color:#6b7280;padding:6px}.form-group-multiselect .react-select__dropdown-indicator:hover{color:var(--clr-primary)}.form-group-multiselect .react-select__clear-indicator{color:#6b7280;padding:6px}.form-group-multiselect .react-select__clear-indicator:hover{color:#ef4444}body[dir=rtl] .dropdown-label{padding-right:12px;padding-left:unset!important}body[dir=rtl] .icon_down_dir{left:10px!important;right:unset!important}body[dir=rtl] .optionListContainer,body[dir=rtl] .multiselect-container{text-align:right!important}.role-body{border:1px solid #e4eaf4;padding:20px;border-radius:8px;flex-direction:column}.role-body .role-title{display:flex;justify-content:space-between;align-items:center}.role-body .role-title .role-name{font-size:18px;line-height:26px;color:var(--clr-primary);font-family:Cairo-Bold}.role-body .role-title .role-user{font-size:18px;line-height:26px;color:#54718d;font-family:Cairo}.role-body .role-title .floating{position:relative;display:inline-block}.role-body .role-title .floating .menu-button{border-radius:4px;width:24px;height:24px}.role-body .role-title .floating .floating-menu{position:absolute;background-color:#fff;padding:10px;box-shadow:0 2px 8px #00000026;z-index:1000;width:200px;border-radius:10px;display:flex;flex-direction:column;right:0}.role-body .role-title .floating .floating-menu .menu-item{padding:0 8px;display:flex;flex-direction:row;align-items:center;height:40px;gap:8px;cursor:pointer}.role-body .role-title .floating .floating-menu .menu-item .menu-item-label{color:var(--clr-primary);font-family:Cairo-Medium;font-size:14px;line-height:20px;cursor:inherit}.role-body .role-permissions-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.role-body .role-permissions-body::-webkit-scrollbar{width:6px}.role-body .role-permissions-body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #f6f9ff;border-radius:18px}.role-body .role-permissions-body::-webkit-scrollbar-thumb{background-color:#54718d;border-radius:18px}.role-body .single-permission{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #e4eaf4;padding-inline-end:10px}.role-body .single-permission .permission-title{font-size:14px;line-height:20px;color:var(--clr-primary);font-family:Cairo}@media screen and (max-width: 768px){.role-body{background-color:var(--clr-white)!important}.role-body .role-permissions-body::-webkit-scrollbar{width:0px}}body[dir=rtl] .floating-menu{left:0;right:unset!important}.form-group{justify-content:end;min-height:0}.form-group .form-label{line-height:2.5}.form-group .form-control{font-size:14px;width:100%;height:40px}.form-group .dropdown{cursor:pointer}.transaction-mobile-header{background-color:var(--clr-white);padding:16px}.transactions-cont{display:flex;flex-direction:column;max-width:inherit;background-color:var(--clr-white);border-radius:8px;padding:16px;border:1px solid #E4EAF4}.transactions-cont .modal-content{min-height:250px}.transactions-cont .transactions-header{flex-direction:row;display:flex;justify-content:space-between}.transactions-cont .transactions-header .actions-left{display:flex;gap:8px}.transactions-cont .transactions-header .actions-right{display:flex;gap:8px;align-self:flex-start}.transactions-cont .transactions-body{height:100%}.transactions-cont .transactions-body .mobile-body{margin-top:16px;background-color:#f6f9ff;display:flex;flex-direction:column;gap:8px}@media screen and (max-width: 770px){.transactions-cont{background-color:inherit!important}.main-content-holder{display:none}.nav-link-text{font-size:12px!important}}@media screen and (max-width: 320px){.nav-link{column-gap:2px!important}.nav-link-text{font-size:10px!important}}.status-body{border-radius:100px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;width:fit-content;height:24px;padding-left:8px;padding-right:8px}.status-body .status-text{font-size:12px;line-height:17px;font-family:Cairo}.transaction-body{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--clr-white)!important;border:1px solid #e4eaf4;border-radius:8px;padding:16px}.transaction-body .transaction-data{display:flex;flex-direction:column}.transaction-body .transaction-data .transaction-action-div{display:flex;flex-direction:row;gap:8px}.transaction-body .transaction-data .transaction-action-div .mobile-scan-delete{border-radius:20px!important;height:40px}.transaction-body .transaction-data .transaction-action-div .transaction-title-div{display:flex;flex-direction:column}.transaction-body .transaction-data .transaction-action-div .transaction-title-div .transaction-title{font-size:14px;line-height:20px;font-family:Cairo}.transaction-body .transaction-data .transaction-action-div .transaction-title-div .transaction-points{font-size:16px;line-height:23px;font-family:Cairo-Bold}.transaction-body .transaction-data .transactions-admin-div{display:flex;flex-direction:row;align-items:center;gap:8px}.transaction-body .transaction-data .transaction-date,.transaction-body .transaction-data .transaction-user{font-size:12px;line-height:17px;font-family:Cairo;color:#54718d;margin-top:8px;margin-bottom:8px}.user-page .action-button{width:100%}.users-cont{background-color:var(--clr-white);border-radius:8px;padding:16px;display:flex;flex-direction:column;overflow:auto;border:1px solid #E4EAF4;max-width:inherit;height:88vh}.users-cont .logs-body{height:100%}.user-modal .name-row{display:flex;gap:10px}.user-modal .switches-wrapper{background-color:#f9fafb;border:1px solid #e4eaf4;border-radius:8px;padding:8px 16px;margin:12px 0}.user-modal .switch-container{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin:0;border-bottom:1px solid #e4eaf4}.user-modal .switch-container:last-of-type{border-bottom:none}.user-modal .switch-container .switch-label{font-size:14px;font-weight:500;color:var(--clr-primary);flex:1;margin:0}.add-user .new-user-modal-body .upload-media{display:flex;flex-direction:column;gap:8px;width:100%;padding:10px;align-items:center}.add-user .new-user-modal-body .upload-media .upload-image{display:flex;align-items:center;flex:.25}.add-user .new-user-modal-body .upload-media .upload-image .image{display:flex;justify-content:center;width:32px;height:32px;padding:8px;border-radius:9999px;background-color:#e1f2f9}.add-user .new-user-modal-body .upload-media .upload-message-div{flex:.75;display:flex;justify-content:flex-start}.add-user .new-user-modal-body .upload-media .upload-message-div .upload-message{display:flex;flex-direction:column}.add-user .new-user-modal-body .upload-media .upload-message-div .upload-message .title{font-family:Cairo;font-size:14px;font-weight:400;color:#0c94d2}.add-user .new-user-modal-body .upload-media .upload-message-div .upload-message .desc{font-family:Cairo;font-size:12px;font-weight:400;color:#9ca3af}.mobile-users-card-cont{padding:12px 16px;margin-bottom:8px;border-radius:8px;background-color:#fff}.mobile-users-card-cont .more-cont{padding-top:16px;border-top:solid 1px #e4eaf4;margin-top:12px}.mobile-users-card-cont .more-cont .keyvaluerow-cont{padding:0;margin:4px 0}.mobile-users-card-cont .more-cont .keyvaluerow-cont .texticon-key{font-weight:400;color:#54718d}.mobile-users-card-cont .more-cont .key{color:#54718d;font-weight:400}.mobile-users-body .mobile-users-card{display:flex;justify-content:space-between;width:100%}.mobile-users-body .mobile-users-card .user-card-left{display:flex}.mobile-users-body .mobile-users-card .user-card-left .avatar{margin:0 16px 0 10px}.mobile-users-body .mobile-users-card .user-card-left .avatar img{width:32px}.mobile-users-body .mobile-users-card .user-card-left .user-div{display:flex;flex-direction:column;justify-content:center}.mobile-users-body .mobile-users-card .user-card-left .user-div .name{line-height:1.5;display:flex;align-items:center}.mobile-users-body .mobile-users-card .user-card-left .user-div .name .statusCircle{width:8px;height:8px;background-color:#19ba63;border-radius:10px;margin-right:8px}.mobile-users-body .mobile-users-card .user-card-left .user-div .name .statusCircle.red{background-color:#ff0202}.mobile-users-body .mobile-users-card .user-card-left .user-div .more{color:#7f82a5;line-height:1.5;display:flex}.mobile-users-body .mobile-users-card .user-card-left .user-div .more img{margin:0 8px}.mobile-users-body .mobile-users-card .user-card-right{display:flex;justify-content:center;align-items:center}.mobile-users-body .mobile-users-card .user-card-right .dotsParent{position:relative}.mobile-users-body .mobile-users-card .user-card-right img{border-radius:4px}.mobile-users-body .mobile-users-card .user-card-right img:hover,.mobile-users-body .mobile-users-card .user-card-right img:focus{background-color:#dbedf9}body[dir=rtl] .mobile-users-body .mobile-users-card .user-card-left .user-div .name .statusCircle{margin-right:auto;margin-left:8px}.users-cont{background-color:var(--clr-white);border-radius:8px;padding:16px;display:flex;flex-direction:column;border:1px solid #E4EAF4;max-width:inherit}.users-cont .users-body{height:100%}.users-cont .users-body .table-container td .floating-space-cont{top:unset!important;text-align:start}.users-cont .user-modal .name-row{display:flex;gap:10px}.main-redeem-div .redeem-points-cont{display:flex;flex-direction:column;max-width:inherit;background-color:var(--clr-white);border-radius:8px;padding:16px;border:1px solid #E4EAF4}.main-redeem-div .redeem-points-cont .redeem-points-header{flex-direction:row;display:flex;justify-content:space-between}.main-redeem-div .redeem-points-cont .redeem-points-header .actions-left{display:flex;gap:8px}.main-redeem-div .redeem-points-cont .redeem-points-header .actions-right{display:flex;gap:8px;align-self:flex-start}.main-redeem-div .redeem-points-cont .redeem-points-header .actions-right .filter-actions{display:flex;gap:8px;position:relative}.main-redeem-div .redeem-points-cont .redeem-points-header .actions-right .filter-actions .floating-space{left:unset!important;right:0!important}.main-redeem-div .redeem-points-cont .redeem-points-body{height:100%;margin-top:15px}.main-redeem-div .redeem-points-cont .redeem-points-body .redeem-points-grid{display:grid;grid-template-columns:repeat(5,1fr);row-gap:16px;column-gap:39.5px}.main-redeem-div .message-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.main-redeem-div .message-content .message-title{font-size:18px;line-height:28px;font-family:Cairo-Bold;text-align:center}.main-redeem-div .message-content .message-desc{font-size:14px;line-height:21.7px;font-family:Cairo;text-align:center}.main-redeem-div .message-content .ok-button{background-color:#0c94d2;width:100%;height:40px;border-radius:10px}.main-redeem-div .message-content .ok-button .ok-button-text{font-size:14px;line-height:20px;font-family:Cairo-Medium;color:#fff;cursor:inherit}.main-redeem-div .modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media screen and (max-width: 768px){.redeem-points-cont{background-color:inherit!important}.floating-space{left:unset!important;right:40px!important}}@media screen and (max-width: 320px){.redeem-button-text{font-size:10px!important}}@media screen and (max-width: 375px){.message-title{font-size:15px!important}}@media screen and (max-width: 425px){.redeem-points-grid{grid-template-columns:repeat(2,1fr)!important;row-gap:8px!important;column-gap:8px!important}}@media screen and (max-width: 768px) and (min-width: 430px){.redeem-points-grid{grid-template-columns:repeat(4,1fr)!important;row-gap:8px!important;column-gap:15px!important}}@media screen and (max-width: 1100px) and (min-width: 775px){.redeem-points-grid{grid-template-columns:repeat(4,1fr)!important;row-gap:10px!important;column-gap:15px!important}}body[dir=rtl] .floating-space{left:0!important;right:unset!important}.redeem-item-body{display:flex;flex-direction:column;align-items:center;border:1px solid #e4eaf4;border-radius:8px;padding-top:9.5%;padding-bottom:9.5%}.redeem-item-body .redeem-item-title{font-size:14px;line-height:20px;font-family:Cairo}.redeem-item-body .redeem-item-points-div{display:flex;flex-direction:row;margin-top:8px;gap:4px}.redeem-item-body .redeem-item-points-div .redeem-item-points{font-size:12px;line-height:17px;font-family:Cairo-Bold}.redeem-item-body .redeem-item-percent{margin-top:10px;margin-bottom:10px;width:100%;display:flex;gap:8px;align-items:center;justify-content:center}.redeem-item-body .redeem-item-percent .percent-progress{width:40%}.redeem-item-body .redeem-item-percent .percent-text{font-size:16px;line-height:23px;font-family:Cairo-Bold}.redeem-item-body .redeem-button{display:flex;background-color:#19ba63;border-radius:32px;padding:7.5px 20px;gap:8px;align-items:center;cursor:pointer}.redeem-item-body .redeem-button .redeem-button-text{font-size:12px;line-height:17px;color:#fff;font-family:Cairo-Medium;cursor:inherit}.redeem-item-body .redeem-not-qualified{font-size:10px;line-height:14.5px;font-family:Cairo-Medium;color:#f94c4c}@media screen and (max-width: 768px){.redeem-item-body{background-color:var(--clr-white)!important}}.redeem-mobile-header{display:flex;justify-content:space-between;background-color:var(--clr-white);padding:16px}.redeem-mobile-header .mobile-head-cont{padding:unset!important}.redeem-mobile-header .points-main-content{display:flex;flex-direction:row;align-items:center;gap:8px}.redeem-mobile-header .points-main-content .icon-div{height:40px;width:40px;border-radius:9999px;background-color:#ffc125;display:flex;justify-content:center;align-items:center}.redeem-mobile-header .points-main-content .points-div{display:flex;flex-direction:column;margin:0 10px}.redeem-mobile-header .points-main-content .points-div .points-desc{font-size:12px;line-height:17.4px;font-family:Cairo;color:#54718d}.redeem-mobile-header .points-main-content .points-div .points-credit{font-size:18px;line-height:26px;font-family:Cairo-Bold}.logs-cont{background-color:var(--clr-white);border-radius:8px;padding:16px;display:flex;flex-direction:column;border:1px solid #E4EAF4;max-width:inherit}.logs-cont .logs-body{height:100%}.logs-modal-body{margin-top:12px}.add-user .new-user-modal-body{margin-top:24px}.add-user .new-user-modal-body .user-data-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.add-user .new-user-modal-body .action{width:100%;justify-content:center;height:44px;font-weight:500;font-size:14px;margin-top:24px}.product-modal .form-control{background-color:#f6f9ff;font-family:Cairo;padding-inline-start:12px}.product-modal .product-save-button,.product-modal .product-delete-button{width:100%;justify-content:center}.product-modal .serial-type-item{margin-top:20px;margin-bottom:20px}.upload-product{display:flex;flex-direction:row;gap:12px;width:100%;padding:10px}.upload-product .product-upload-image{display:flex;align-items:center;flex:.25}.upload-product .product-upload-image .image{display:flex;justify-content:center;width:32px;height:32px;padding:8px;border-radius:9999px;background-color:#e1f2f9}.upload-product .product-upload-message-div{flex:.75;display:flex;justify-content:flex-start}.upload-product .product-upload-message-div .product-upload-message{display:flex;flex-direction:column}.upload-product .product-upload-message-div .product-upload-message .title{font-family:Cairo;font-size:14px;font-weight:700;color:#0c94d2}.upload-product .product-upload-message-div .product-upload-message .desc{font-family:Cairo;font-size:14px;font-weight:400;color:#353842}.mobile-users-cont .btnStyle{justify-content:center}.mobile-users-body{padding:15px 15px 20px}.mobile-product-card-cont{padding:12px 16px;margin-bottom:8px;border-radius:8px;background-color:#fff;height:104px}.mobile-product-card-cont .more-cont{padding-top:16px;border-top:solid 1px #e4eaf4;margin-top:12px}.mobile-product-card-cont .more-cont .keyvaluerow-cont{padding:0;margin:4px 0}.mobile-product-card-cont .more-cont .keyvaluerow-cont .texticon-key{font-weight:400;color:#54718d}.mobile-product-card-cont .more-cont .key{color:#54718d;font-weight:400}.valueState{border-radius:13px;padding:0 12px;background-color:#19ba63}.mobile-users-body{padding:15px}.mobile-users-body .mobile-product-card{display:flex;justify-content:space-between;width:100%}.mobile-users-body .mobile-product-card .product-card-left{display:flex}.mobile-users-body .mobile-product-card .product-card-left .avatar{margin:0 16px 0 10px}.mobile-users-body .mobile-product-card .product-card-left .avatar img{width:68px;height:68px;object-fit:contain;object-position:center;background-color:#f8f9fa;border-radius:4px;padding:4px}.mobile-users-body .mobile-product-card .product-card-left .product-div{display:flex;flex-direction:column;justify-content:center}.mobile-users-body .mobile-product-card .product-card-left .product-div .name{line-height:1.5;display:flex;align-items:center}.mobile-users-body .mobile-product-card .product-card-left .product-div .name .statusCircle{width:8px;height:8px;background-color:#19ba63;border-radius:10px;margin-right:8px}.mobile-users-body .mobile-product-card .product-card-left .product-div .moreDetails{margin-top:7px;height:32px;padding:0 24px!important;border-radius:30px}.mobile-users-body .mobile-product-card .product-card-left .product-div .moreDetails .button-text{font-size:12px}.mobile-users-body .mobile-product-card .product-card-right{display:flex;justify-content:center;align-items:start}.mobile-users-body .mobile-product-card .product-card-right .dotsParent{position:relative}.mobile-users-body .mobile-product-card .product-card-right img{border-radius:4px}.mobile-users-body .mobile-product-card .product-card-right img:hover,.mobile-users-body .mobile-product-card .product-card-right img:focus{background-color:#dbedf9}body[dir=rtl] .mobile-users-body .mobile-product-card .product-card-left .product-div .name .statusCircle{margin-right:auto;margin-left:8px}.mobile-product-details-cont{background-color:#fff;padding:16px;border-radius:8px;border:solid 1px #e4eaf4;margin-bottom:8px}.mobile-product-details-cont .p-detail-row1{display:flex;justify-content:space-between}.mobile-product-details-cont .p-detail-row2{display:flex;margin-top:14px}.mobile-product-details-cont .p-detail-row2 .p-detail-col2{padding:0 11px;margin:0 11px;border-right:1px solid #e4eaf4;border-left:1px solid #e4eaf4}.mobile-product-details-cont .p-detail-row2 .title{color:#54718d}.products-cont{background-color:var(--clr-white);border-radius:8px;padding:16px;display:flex;flex-direction:column;border:1px solid #E4EAF4;max-width:inherit}.products-cont .products-header{display:flex;flex-direction:row;justify-content:space-between}.products-cont .products-header .actions-right{gap:8px;align-self:flex-start;width:100%}.products-cont .products-body{height:100%}.products-cont .products-body .product-image{width:80px;height:64px;object-fit:contain;object-position:center;background-color:#f8f9fa;border-radius:4px;padding:4px}.products-cont .products-body .edit-menu .floating-space-cont{width:112px!important;top:unset!important}.products-cont .products-body .edit-menu .floating-space-cont .menu-item{padding:0 8px;display:flex;flex-direction:row;align-items:center;height:40px;gap:8px;cursor:pointer}.products-cont .products-body .edit-menu .floating-space-cont .menu-item .menu-item-label{color:var(--clr-primary);font-family:Cairo-Medium;font-size:14px;line-height:20px;cursor:inherit}.products-cont .products-body .table-filters .floating-space-cont{top:40px!important}.topDownBorder{border-top:solid 1px var(--clr-bg);border-bottom:solid 1px var(--clr-bg)}@media screen and (max-width: 770px){.main-content-holder{display:none}}.serials-header{flex-direction:row;display:flex;justify-content:space-between}.serials-header .redeem-mobile-header{padding:0!important}.serials-header .redeem-mobile-header .icon-div{background-color:unset!important;cursor:pointer}.serials-header .actions-left{display:flex;gap:8px}.serials-header .actions-left .points-credit{font-size:16px!important;font-weight:700!important;color:#0c94d2!important}.serials-header .actions-right{display:flex;gap:8px;align-self:flex-start}.cities-cont{display:flex;flex-direction:column;max-width:inherit;background-color:var(--clr-white);border-radius:8px;padding:16px;border:1px solid #E4EAF4}.cities-cont .cities-body{height:100%}.cities-cont .cities-body .floating-space-cont{width:112px!important;top:unset!important}.cities-cont .cities-body .floating-space-cont .menu-item{padding:0 8px;display:flex;flex-direction:row;align-items:center;height:40px;gap:8px;cursor:pointer}.cities-cont .cities-body .floating-space-cont .menu-item .menu-item-label{color:var(--clr-primary);font-family:Cairo-Medium;font-size:14px;line-height:20px;cursor:inherit}.cities-cont .cities-body .mobile-body{margin-top:16px;background-color:#f6f9ff;display:flex;flex-direction:column;gap:8px}.cities-header .active-button{width:auto}.cities-header .active-button .button-text{font-size:14px}.cities-mobile-header{background-color:var(--clr-white);padding:16px;display:flex;flex-direction:row;justify-content:space-between;gap:16px}.city-modal .form-control{background-color:#f6f9ff;font-family:Cairo;padding-inline-start:12px}.city-modal .city-save-button{width:100%;justify-content:center}.city-modal .confirmation{text-align:center}@media screen and (max-width: 770px){.cities-cont{background-color:inherit!important}.cities-header{background-color:#fff}.city-modal .active-button,.cities-header .active-button,.cities-mobile-header .active-button{width:100%!important;display:block}.main-content-holder{display:none}}.coordinates-cont{display:grid;grid-template-columns:repeat(4,1fr);row-gap:4px;column-gap:4px}.coordinates-cont .coord-item{direction:ltr!important;display:flex;justify-content:center;border:solid 1px #e4eaf4;border-radius:6px;padding-left:8px;padding-right:8px}.coordinates-cont .coord-item .coord-value{font-size:12px;font-family:Cairo-Medium}@media screen and (max-width: 770px){.coordinates-cont{grid-template-columns:repeat(1,1fr)!important}}@media screen and (max-width: 940px) and (min-width: 770px){.coordinates-cont{grid-template-columns:repeat(2,1fr)!important}}@media screen and (max-width: 1160px) and (min-width: 940px){.coordinates-cont{grid-template-columns:repeat(3,1fr)!important}}.mobile-card-cont{padding:12px 16px;border-radius:8px;background-color:#fff;border:1px solid #e4eaf4}.mobile-card-cont .mobile-card{display:flex;justify-content:space-between;width:100%}.mobile-card-cont .mobile-card .card-left{display:flex}.mobile-card-cont .mobile-card .card-left .title-div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.mobile-card-cont .mobile-card .card-left .title-div .name{line-height:1.5;display:flex;align-items:center;flex-direction:column}.mobile-card-cont .mobile-card .card-left .title-div .more{color:#7f82a5;line-height:1.5;display:flex}.mobile-card-cont .mobile-card .card-left .title-div .more img{margin:0 8px}.mobile-card-cont .mobile-card .card-right{display:flex;justify-content:center;align-items:center}.mobile-card-cont .mobile-card .card-right .dotsParent{position:relative}.mobile-card-cont .mobile-card .card-right img{border-radius:4px}.mobile-card-cont .mobile-card .card-right img:hover,.mobile-card-cont .mobile-card .card-right img:focus{background-color:#dbedf9}.mobile-card-cont .more-cont{padding-top:16px;border-top:solid 1px #e4eaf4;margin-top:12px}.coords-table .table{width:100%}.coords-table .table .start-align{text-align:start}.coords-table .table .form-control{background-color:#f6f9ff;width:98%}.coords-table .table .delete-button{width:32px;height:32px;justify-content:center;border:unset;border-radius:20px;background-color:#f8e3e1}.coords-table .coords-save-button{width:100%;justify-content:center;border-radius:32px}.prizes-roles-mobile-header{background-color:var(--clr-white);padding:16px;display:flex;flex-direction:column;gap:16px}.prizes-roles-mobile-header .active-button{width:100%!important}.prizes-roles-cont{display:flex;flex-direction:column;max-width:inherit;background-color:var(--clr-white);border-radius:8px;padding:16px;border:1px solid #E4EAF4}.prizes-roles-cont .prizes-roles-header{flex-direction:row;display:flex;justify-content:space-between}.prizes-roles-cont .prizes-roles-header .actions-left{display:flex;gap:8px}.prizes-roles-cont .prizes-roles-header .actions-right{display:flex;gap:8px;align-self:flex-start}.prizes-roles-cont .prizes-roles-body{height:100%}.prizes-roles-cont .prizes-roles-body .mobile-body{margin-top:16px;background-color:#f6f9ff;display:flex;flex-direction:column;gap:8px}.prizes-roles-cont .prizes-roles-body .floating-space-cont{width:112px!important;top:unset!important}.prizes-roles-cont .prizes-roles-body .floating-space-cont .menu-item{padding:0 8px;display:flex;flex-direction:row;align-items:center;height:40px;gap:8px;cursor:pointer}.prizes-roles-cont .prizes-roles-body .floating-space-cont .menu-item .menu-item-label{color:var(--clr-primary);font-family:Cairo-Medium;font-size:14px;line-height:20px;cursor:inherit}.active-button{background-color:var(--clr-main);color:var(--clr-white)}.prize-modal .form-control{background-color:#f6f9ff;font-family:Cairo;padding-inline-start:12px}.prize-modal .prize-save-button,.prize-modal .prize-delete-button{width:100%;justify-content:center}.prize-modal .prize-edit-img{display:flex;flex-direction:column;align-items:center;gap:10px}.prize-modal .prize-edit-img .edit-image{border-radius:32px}.prize-modal .prize-delete-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.prize-modal .prize-delete-content .delete-icon{width:48px;height:48px;background-color:#f8e3e1;display:flex;align-items:center;justify-content:center;border-radius:9999px}.prize-modal .prize-delete-content .prize-delete-title{font-size:18px;line-height:28px;font-family:Cairo-Bold;text-align:center}.prize-modal .prize-delete-content .prize-delete-desc{font-size:14px;line-height:21.7px;font-family:Cairo;text-align:center}.prize-modal .prize-delete-content .red{background-color:#f94c4c;border-color:#f94c4c;color:#fff}.prize-modal .upload-prize{display:flex;flex-direction:row;gap:12px;width:100%;padding:10px}.prize-modal .upload-prize .prize-upload-image{display:flex;align-items:center;flex:.25}.prize-modal .upload-prize .prize-upload-image .image{display:flex;justify-content:center;width:32px;height:32px;padding:8px;border-radius:9999px;background-color:#e1f2f9}.prize-modal .upload-prize .prize-upload-message-div{flex:.75;display:flex;justify-content:flex-start}.prize-modal .upload-prize .prize-upload-message-div .prize-upload-message{display:flex;flex-direction:column}.prize-modal .upload-prize .prize-upload-message-div .prize-upload-message .title{font-family:Cairo;font-size:14px;font-weight:700;color:#0c94d2}.prize-modal .upload-prize .prize-upload-message-div .prize-upload-message .desc{font-family:Cairo;font-size:14px;font-weight:400;color:#353842}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media screen and (max-width: 770px){.prizes-roles-cont{background-color:inherit!important}.main-content-holder{display:none}.nav-link-text{font-size:12px!important}}@media screen and (max-width: 375px){.prize-upload-message-div .prize-upload-message .title,.prize-upload-message-div .prize-upload-message .desc{font-size:12px!important}}@media screen and (max-width: 320px){.nav-link{column-gap:2px!important}.nav-link-text,.prize-upload-message-div .prize-upload-message .title,.prize-upload-message-div .prize-upload-message .desc{font-size:10px!important}}.prize-modal .prize-title{height:56px;align-self:stretch;flex-grow:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 0;border-radius:4px;background-color:#f6f9ff}.prize-modal .prize-title .prize-english-title{font-family:Cairo;font-size:16px;font-weight:700;color:#0c94d2}.prize-modal .prize-title .prize-symbol{font-family:Cairo;font-size:12px;font-weight:400;color:#54718d}.prize-modal .rule-save-button{width:100%;justify-content:center}.prize-modal .no-border{border:unset!important}.prize-modal .padding-4{padding-bottom:4px!important}.prize-modal .padding-24{padding-top:24px!important}.prize-modal .margin-24{margin-top:24px}.mobile-prize-more .arabic-name{display:flex;flex-direction:row;justify-content:space-between;border-bottom:solid 1px #e4eaf4;padding-bottom:16px}.mobile-prize-more .actions-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:15px}.mobile-prize-more .actions-div .active-button{border-radius:32px;width:66%!important}.rules-table .table{width:100%}.rules-table .table .start-align{text-align:start}.rules-table .table .form-control{background-color:#f6f9ff;width:98%}.rules-table .table .delete-button{width:32px;height:32px;justify-content:center;border:unset;border-radius:20px;background-color:#f8e3e1}.rules-table .rules-save-button{width:100%;justify-content:center;border-radius:32px}.classification{width:49px;height:20px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:4px 12px;border-radius:200px}.classification .status-text{color:#fff;font-size:10px}.G1{background-color:#dda249}.G2{background-color:#c9c9c9}.G3{background-color:#8a5b2e}.Tob-Nist{background-color:#262626}.mobile-rule-more .classif-name,.mobile-rule-more .arabic-name{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:4px}.mobile-rule-more .roles-name .roles-cont{display:grid;grid-template-columns:repeat(5,1fr);row-gap:4px;column-gap:4px;padding-top:8px}.mobile-rule-more .roles-name .roles-cont .role-item{direction:ltr!important;display:flex;justify-content:center;border:solid 1px #e4eaf4;border-radius:6px;padding-left:8px;padding-right:8px}@media screen and (max-width: 425px){.roles-name .roles-cont{grid-template-columns:repeat(3,1fr)!important}}.code-screen{display:flex;justify-content:center;flex-direction:column;align-items:center;background-color:#fff;position:relative;min-height:calc(100vh - 120px)}.code-screen .title-div{display:flex;flex-direction:column;gap:16px}.code-screen .title-div .screen-title{align-self:stretch;flex-grow:0;font-family:Cairo;font-size:24px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;text-align:center}.code-screen .title-div .screen-desc{height:40px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:4px 12px;border-radius:8px;background-color:#0c94d2}.code-screen .title-div .screen-desc .desc-text{flex-grow:0;font-family:Cairo;font-size:13px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;text-align:center;color:#fff}.code-screen .scanner-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;background-color:#000}.code-screen .scanner-fullscreen video{width:100%;height:100%;object-fit:cover}.code-screen .scan-count-badge{position:fixed;top:20px;right:20px;z-index:1001;background-color:#19ba63e6;padding:10px 20px;border-radius:20px;box-shadow:0 2px 10px #0000004d}.code-screen .scan-count-badge label{color:#fff;font-family:Cairo;font-size:16px;font-weight:700}.code-screen .view-scans-button{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1001;background-color:#0c94d2e6;padding:12px 24px;border-radius:25px;cursor:pointer;box-shadow:0 2px 15px #0000004d;transition:all .3s ease}.code-screen .view-scans-button:hover{background-color:#0c94d2;transform:translate(-50%) scale(1.05)}.code-screen .view-scans-button label{color:#fff;font-family:Cairo;font-size:16px;font-weight:700;cursor:pointer}.code-screen .scan-notification{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1002;display:flex;align-items:center;gap:12px;padding:15px 25px;border-radius:15px;background-color:#19ba63f2;box-shadow:0 4px 20px #0000004d;animation:slideDown .3s ease}.code-screen .scan-notification img{width:24px;height:24px;filter:brightness(0) invert(1)}.code-screen .scan-notification label{color:#fff;font-family:Cairo;font-size:16px;font-weight:700}.code-screen .scanner-div{position:relative}.code-screen .scanner-div video{border:3px solid black;border-radius:15px}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.scan-result-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.scan-result-modal .image{width:48px;height:48px;flex-grow:0;padding:12px;border-radius:300px}.scan-result-modal .result-text{flex-grow:0;font-family:Cairo;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal}.scan-result-modal .scanned-before{flex-grow:0;font-family:Cairo;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;text-align:right;color:#54718d}.scan-result-modal .points-div{width:60%;height:51px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:8px 24px;border-radius:300px;background-color:#19ba63;font-family:Cairo;font-size:24px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#fff}.scan-result-modal .points-div .small-text{font-size:16px;font-weight:400;line-height:1.45}.scan-result-modal .action-buttons{display:flex;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.scan-result-modal .image-success{background-color:#19ba63}.scan-result-modal .text-success{color:#19ba63}.scan-result-modal .image-failed{background-color:#f94c4c}.scan-result-modal .text-failed{color:#f94c4c}.scan-result-modal .box-name{background-color:#dbedf9;padding:5px 33px;border-radius:31px}.scan-result-modal .prod-name{color:#0c94d2}.scan-result-modal .serial{text-align:center}.scan-result-modal.multiple-scans{max-height:80vh;overflow-y:auto}.scan-result-modal.multiple-scans .scanned-items-list{width:100%;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:10px 0}.scan-result-modal.multiple-scans .scanned-items-list .scanned-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background-color:#f5f5f5;border:2px solid #e0e0e0}.scan-result-modal.multiple-scans .scanned-items-list .scanned-item .scan-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#19ba63;color:#fff;font-family:Cairo;font-size:14px;font-weight:700;border-radius:50%}.scan-result-modal.multiple-scans .scanned-items-list .scanned-item .item-details{flex:1;display:flex;flex-direction:column;gap:6px}.scan-result-modal.multiple-scans .scanned-items-list .scanned-item .item-details .prod-name{font-size:14px;font-weight:700;color:#0c94d2}.scan-result-modal.multiple-scans .scanned-items-list .scanned-item .item-details .box-name{font-size:12px;background-color:#dbedf9;padding:3px 15px;border-radius:15px;align-self:flex-start}.scan-result-modal.multiple-scans .scanned-items-list .scanned-item .item-details .serial{font-size:12px;color:#666;text-align:left}.scan-result-modal.multiple-scans .scanned-items-list .scanned-item .item-details .points-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background-color:#19ba63;color:#fff;font-size:12px;font-weight:700;border-radius:12px;align-self:flex-start}.no-page-title{display:none!important}.scanner-loader-container{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:15px}.scanner-loader{border:16px solid #e0e0e0;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite;box-shadow:0 0 20px #3498db80}.scanner-container{position:relative;width:100%;height:100%}.scanner-container .reader{width:100%;height:100%;border-radius:15px;overflow:hidden;position:relative}.scanner-container video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.torch-toggle{position:absolute;top:20px;right:20px;z-index:10;width:44px;height:44px;border-radius:50%;border:none;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;cursor:pointer}.torch-toggle img{width:22px;height:22px;filter:brightness(0) invert(1);opacity:.7}.torch-toggle.active{background:rgba(255,200,0,.85)}.torch-toggle.active img{opacity:1;filter:brightness(0)}.scan-box-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;border:3px solid rgba(255,255,255,.5);border-radius:20px;pointer-events:none;transition:border-color .3s ease,box-shadow .3s ease}.scan-box-overlay.success{border-color:#19ba63;box-shadow:0 0 20px #19ba6399;animation:successPulse .5s ease}.scan-box-overlay .scan-box-corner{position:absolute;width:40px;height:40px;border:4px solid #ffffff}.scan-box-overlay .scan-box-corner.top-left{top:-4px;left:-4px;border-right:none;border-bottom:none;border-radius:20px 0 0}.scan-box-overlay .scan-box-corner.top-right{top:-4px;right:-4px;border-left:none;border-bottom:none;border-radius:0 20px 0 0}.scan-box-overlay .scan-box-corner.bottom-left{bottom:-4px;left:-4px;border-right:none;border-top:none;border-radius:0 0 0 20px}.scan-box-overlay .scan-box-corner.bottom-right{bottom:-4px;right:-4px;border-left:none;border-top:none;border-radius:0 0 20px}@keyframes successPulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}.scanner-div{width:calc(100% - 40px);height:303px;position:relative;overflow:hidden;max-width:420px}.scanner-div .reader{width:100%;height:298px;margin:0 auto;border:1px solid #ccc;overflow:hidden;position:relative;border-radius:10px}.scanner-div video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.notification-cont{display:flex;flex-direction:column;max-width:inherit;background-color:var(--clr-white);border-radius:8px;padding:16px;border:1px solid #E4EAF4}.notification-cont .page-title{flex-grow:0;font-family:Cairo;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#353842}.notification-cont .notification-header{flex-direction:row;display:flex;justify-content:space-between}.notification-cont .notification-header .actions-left{display:flex;gap:8px}.notification-cont .notification-header .actions-right{display:flex;gap:8px;align-self:flex-start}.notification-cont .notification-mobile-header{background-color:var(--clr-white);padding:16px;display:flex;flex-direction:row;justify-content:space-between;gap:16px}.notification-cont .notification-mobile-header .actions-right{display:flex;gap:8px;align-self:flex-start}.notification-cont .notification-mobile-header .active-button{display:flex;justify-content:center;align-items:center}.notification-cont .notification-body{height:100%;display:flex;gap:16px;margin-top:16px}.notification-cont .notification-body .div-left,.notification-cont .notification-body .div-right{display:flex;flex-direction:column;width:50%}.notification-cont .notification-body .div-left{gap:16px}.notification-cont .notification-body .div-left .upload-background{background-color:#f6f9ff}.notification-cont .notification-body .div-left .upload-media{display:flex;flex-direction:column;gap:8px;width:100%;padding:10px;align-items:center}.notification-cont .notification-body .div-left .upload-media .upload-image{display:flex;align-items:center;flex:.25}.notification-cont .notification-body .div-left .upload-media .upload-image .image{display:flex;justify-content:center;width:32px;height:32px;padding:8px;border-radius:9999px;background-color:#e1f2f9}.notification-cont .notification-body .div-left .upload-media .upload-message-div{flex:.75;display:flex;justify-content:flex-start}.notification-cont .notification-body .div-left .upload-media .upload-message-div .upload-message{display:flex;flex-direction:column}.notification-cont .notification-body .div-left .upload-media .upload-message-div .upload-message .title{font-family:Cairo;font-size:14px;font-weight:400;color:#0c94d2}.notification-cont .notification-body .div-left .upload-media .upload-message-div .upload-message .desc{font-family:Cairo;font-size:12px;font-weight:400;color:#9ca3af}.notification-cont .notification-body .div-right{display:flex;flex-direction:column;gap:40px}.notification-cont .notification-body .div-right .div-top{display:flex;flex-direction:column}.notification-cont .notification-body .div-right .div-top .radio-group{margin-top:12px;margin-left:12px;margin-right:12px;display:flex;flex-direction:row;gap:16px}.notification-cont .notification-body .div-right .div-top .radio-group .radio-button{background-color:#f6f9ff;height:105px;flex-grow:1;display:flex;flex-direction:column;gap:8px;border-radius:8px;border:solid 1px #e4eaf4}.notification-cont .notification-body .div-right .div-top .radio-group .radio-button .radio-check{position:relative;width:16px;height:16px;top:7.5px;left:7.5px;right:7.5px;cursor:pointer;accent-color:#0c94d2}.notification-cont .notification-body .div-right .div-top .radio-group .radio-button .radio-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.notification-cont .notification-body .div-right .div-top .radio-group .radio-button .radio-content .radio-label{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#000}.notification-cont .notification-body .div-right .div-top .radio-group .radio-button-selected{border-color:#0c94d2!important}.notification-cont .notification-body .div-right .div-top .radio-group .radio-button-selected .radio-label{color:#0c94d2!important;font-weight:700!important}.notification-cont .notification-body .div-right .div-bottom{display:flex;flex-direction:column;gap:16px}.notification-cont .notification-body .title-div{height:40px;flex-grow:0;display:flex;flex-direction:row;align-items:center;gap:4px;padding:0 16px;border-radius:8px;background-color:#dbedf9}.notification-cont .notification-body .title-div .title-text{font-family:Cairo;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#353842}.notification-cont .notification-body .form-control{background-color:#f6f9ff;font-family:Cairo}@media screen and (max-width: 770px){.notification-body{flex-direction:column!important}.notification-body .div-left,.notification-body .div-right{width:100%!important}.notification-mobile-header{flex-direction:column!important;justify-content:center!important;align-items:center!important}.notification-mobile-header .actions-right{width:100%!important}.notification-mobile-header .actions-right .action-button{width:50%!important}}@media screen and (max-width: 320px){.notification-cont .notification-mobile-header .action-button{font-size:8px!important}.notification-cont .page-title{font-size:14px!important}}.form-group-multi{justify-content:end;min-height:0;width:100%}.form-group-multi .form-label{line-height:2.5}.form-group-multi .form-control{font-size:14px;width:100%}.form-group-multi textarea{min-height:250px}.more-body{display:flex;flex-direction:column;max-width:inherit;background-color:var(--clr-white);border-radius:8px;padding:16px;border:1px solid #E4EAF4}.more-body .nav-item{width:100%!important}.dashboard-cont{display:flex;flex-direction:column;max-width:inherit}.dashboard-cont .dashboard-body{height:100%;margin-bottom:28px}.mobile-tutorial-section .tutorial-modal .header{margin-bottom:10px}.mobile-tutorial-section .tutorial-modal .tutorial-confirm{width:100%;margin-top:5px}.mobile-tutorial-section .floating-button{position:fixed;width:170px;height:110px;bottom:90px;left:20px;color:#fff;padding:15px;border-radius:10px;display:flex;flex-direction:column;z-index:1000;box-shadow:0 0 50px #0003;background-color:#0c94d2}.mobile-tutorial-section .floating-button .content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.mobile-tutorial-section .floating-button .content .close-btn{width:16px;height:16px;flex-grow:0;border-radius:4px;background-color:#4aafde;color:#fff}.mobile-tutorial-section .floating-button .tutorial-desc{flex-grow:0;font-family:Cairo;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.57;letter-spacing:normal;text-align:right;color:#fff}.mobile-tutorial-section .floating-button img{width:45.5px;height:48px;margin-top:10px}@media screen and (max-width: 770px){.dashboard-cont .dashboard-body{margin-top:28px}}body[dir=rtl] .mobile-tutorial-section .floating-button{right:20px!important;left:unset!important}.main-content-holder{display:grid;row-gap:20px;max-width:1030px}.content-grid-one,.content-grid-two{display:grid;grid-template-columns:repeat(3,1fr);column-gap:16px}.content-grid-three{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px;margin-top:20px}.content-grid-four{display:grid;grid-template-columns:repeat(1,1fr);row-gap:20px;margin-top:20px}.subgrid-two{display:grid;row-gap:20px;height:100%}.db-second-row{height:235px;max-width:inherit}.location-modal .modal-content{max-width:300px}@media screen and (max-width: 1200px){.content-grid-one,.content-grid-two{column-gap:12px}.main-content-holder,.subgrid-two{row-gap:8px}}@media screen and (max-width: 992px){.content-grid-one{grid-template-columns:repeat(2,1fr);row-gap:12px}.content-grid-two{grid-template-columns:repeat(2,1fr)}.content-grid-two .grid-two-item:nth-child(3){grid-column-start:1;grid-column-end:3}.content-grid-two .grid-two-item:nth-child(3) .subgrid-two{grid-template-columns:repeat(2,1fr);height:220px;column-gap:12px}.content-grid-two{row-gap:12px}}@media screen and (max-width: 768px){.content-grid-one,.content-grid-two{grid-template-columns:repeat(1,1fr);column-gap:0}.content-grid-two .grid-two-item:nth-child(1){grid-column-start:1;grid-column-end:3}.content-grid-two .grid-two-item:nth-child(3) .subgrid-two{grid-template-columns:repeat(1,1fr);height:auto}.content-grid-two .grid-two-item:nth-child(3) .subgrid-two .subgrid-two-item{height:220px}.related-users-div{width:100vw}}@media screen and (max-width: 770px){.content-grid-three{grid-template-columns:repeat(1,1fr);row-gap:8px;margin-top:8px}.content-grid-four{row-gap:8px;margin-top:8px}.main-content-holder{padding:16px;margin-bottom:72px;margin-top:72px;display:none}.main-content-mobile{margin-top:72px;margin-bottom:70px}}.dashboard-cont .row1{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:20px}.dashboard-cont .row2{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px;row-gap:20px}@media screen and (max-width: 770px){.dashboard-cont{row-gap:8px}.dashboard-cont .row1,.dashboard-cont .row2{grid-template-columns:repeat(1,1fr);column-gap:8px;row-gap:8px}}.total-cont{background-color:var(--clr-white);border-radius:8px;padding:16px;min-height:120px;max-height:143px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #E4EAF4}.total-cont .total-header,.total-cont .total-body{display:flex;justify-content:space-between}.total-cont .total-header .name,.total-cont .total-body .name{color:var(--clr-gray);font-weight:700}.total-cont .body-left{display:flex;align-items:end}.total-cont .body-left span{padding:0 16px;line-height:1}.total-cont .body-left img{height:32px}.total-cont .body-right{display:flex;flex-direction:column;justify-content:center}.total-cont .body-right .percent-div{display:flex;justify-content:end}.total-cont .body-right .percent-div .percent-cont{display:flex;width:fit-content;background-color:#dbf1e0;padding:0 4px;border-radius:4px;color:#19ba63}.total-cont .body-right .percent-div .percent-cont .percentage{font-weight:700;padding-right:4px}.total-cont .body-right .description{color:var(--clr-gray)}.success{background-color:#dbf1e0;color:#19ba63}.fail{background-color:#f8e3e1!important;color:#f94c4c!important}@media screen and (max-width: 770px){.total-cont{background-color:var(--clr-white);border-radius:8px;padding:16px;min-height:120px;max-height:143px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #E4EAF4}.total-cont .body-right .description{line-height:1.5;padding-top:1px}}.account-card{background-color:var(--clr-white);border-radius:8px;padding:16px;height:248px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #E4EAF4}.account-card .account-body{flex:1;display:flex;flex-direction:column}.account-card .no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--clr-gray);gap:10px;flex:1}@media screen and (max-width: 768px){.account-card{width:100vw}}.account-container{background-color:#fff;display:flex;justify-content:space-between;border-radius:38px;width:100%;height:40px}.account-container .account-left{display:flex}.account-container .account-left .user-div{padding:0 8px;display:flex;flex-direction:column;justify-content:center}.account-container .account-left .user-div .name{line-height:1;font-size:14px}.account-container .account-left .user-div .type{font-size:14px;color:#7f82a5;line-height:1}.account-container .account-right{display:flex;justify-content:center;align-items:center}.account-container .account-right span{padding:0 8px}hr{background-color:var(--clr-bg);height:1px;border:none;margin:13px 0}.account-card{background-color:var(--clr-white);border-radius:8px;padding:16px;height:290px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #E4EAF4}.account-card .account-header{display:flex;justify-content:space-between}.account-card .account-header .filter-icon{border:1px solid var(--clr-bg);border-radius:50%;padding:6px 10px 2px}.account-card .account-header .name{color:var(--clr-gray);font-weight:700}.account-card .account-chart-body{direction:ltr;display:flex;justify-content:center;align-items:center;flex:1}.account-card .no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--clr-gray);gap:10px}.account-card .no-data-message img{width:48px;height:48px;opacity:.5}.account-card .no-data-message p{margin:0;font-size:14px;font-family:Cairo}.progress-bar .percent{width:50%}.progress-bar .data-list .data-item{margin:0}.progress-bar .data-list .data-item .data-item-text{color:#475467;padding:0 3px}ul{list-style:none;padding:0}li{position:relative;margin-bottom:10px}li::marker{content:""}.progress-bar li:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.progress-bar li:nth-child(1):before{background-color:red}.progress-bar li:nth-child(2):before{background-color:green}.progress-bar li:nth-child(3):before{background-color:#00f}.progress-bar li:nth-child(4):before{background-color:#5beb53}.progress-bar li:nth-child(5):before{background-color:#fd00be}.progress-bar{display:flex;align-items:center;justify-content:center;width:100%}.progress-bar .percent{position:relative}.progress-bar svg{position:relative;width:210px;height:210px;transform:rotate(-90deg)}.progress-bar svg circle{width:100%;height:100%;fill:none;stroke:var(--clr-jet);stroke-width:20;stroke-linecap:round}.progress-bar svg circle:last-of-type{stroke-dasharray:625px;stroke-dashoffset:calc(625px - 625px * var(--percent) / 168);stroke:var(--clr-pumpkin)}.progress-bar .number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-bar .number h3{font-weight:200;font-size:20px;font-weight:500}.progress-bar .number h3 span{font-size:14px}.grid-c7-content{display:flex;align-items:center;justify-content:flex-start}.grid-c7-content .data-item-value{margin-top:8px;display:block;font-weight:600}body[dir=rtl] .progress-bar .data-list .data-item .data-item-text{padding:0 6px}@media screen and (max-width: 350px){.progress-bar svg{width:130px;height:133px}.progress-bar svg circle{transform:translate(-29px,-16px) scale(.8)}}.report-cont{background-color:var(--clr-white);border-radius:8px;padding-top:16px;padding-inline:16px;height:100%;display:flex;flex-direction:column;border:1px solid #E4EAF4}.report-cont .report-header{display:flex;justify-content:space-between}.report-cont .report-header .report-action{display:flex}.report-cont .report-header .report-action button{color:var(--Base-White, #FFF);text-align:right;font-family:Cairo;font-size:12px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.072px;background-color:var(--clr-main);padding:6px 20px;border-radius:20px}.report-cont .report-header .filter-icon{border:1px solid var(--clr-bg);border-radius:50%;padding:6px 10px 2px;margin:0 8px}.report-cont .report-header .name{color:var(--clr-gray);font-weight:700}.report-cont .report-body{height:100%}.db-second-row .report-cont .p-datatable{height:35vh}.report-button{width:100%}.filter-date{direction:ltr}@media screen and (max-width: 425px){.report-cont{padding-inline:4px!important}.report-filter-modal td{display:block!important}.report-filter-modal .texticon-text{font-size:14px!important}}@media screen and (max-width: 375px){.report-cont .report-body,.report-filter-modal .texticon-text{font-size:12px!important}}@media screen and (max-width: 350px){.report-cont .report-header .report-action button{padding:6px 10px}.report-cont .report-body{font-size:12px!important}}@media screen and (max-width: 320px){.report-cont .report-body{font-size:10px!important}}.table .date-range{width:100%!important;height:auto!important}.table .date-range .date-range-picker-cont .date-range-picker{margin-bottom:0!important}.container__slider{position:relative;width:100%;height:fit-content;padding:0;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap}.container__slider>button{background-color:transparent;outline:none;border:0;color:#f5f5f5;font-size:24px}.container__slider>button:active{color:#000}.slider__btn-next{position:absolute;right:0}.slider__btn-prev{position:absolute;left:0}.container__slider__links{position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}.container__slider__links-small{position:relative;width:8px;height:8px;padding:0;border-radius:50%;outline:none;border:0;background-color:#fff;border:1px solid grey;transition:background-color 1s ease;margin:0 2px}.container__slider__links-small-active{background-color:#000}.slider__item{box-sizing:border-box;min-width:100%;overflow:hidden;object-fit:cover;height:auto;transform:translate(0);transition:transform 1s ease}.slider__item-active-1{transform:translate(0)}.slider__item-active-2{transform:translate(-100%)}.slider__item-active-3{transform:translate(-200%)}.slider__item-active-4,.slider__item-active-5,.slider__item-active-6,.slider__item-active-7{transform:translate(-300%)}.slider__item img{width:100%;height:200px}body[dir=rtl] .slider__item-active-1{transform:translate(0)}body[dir=rtl] .slider__item-active-2{transform:translate(100%)}body[dir=rtl] .slider__item-active-3{transform:translate(200%)}body[dir=rtl] .slider__item-active-4,body[dir=rtl] .slider__item-active-5,body[dir=rtl] .slider__item-active-6,body[dir=rtl] .slider__item-active-7{transform:translate(300%)}.report-points-progress-body{display:flex;gap:8px;margin-top:16px;overflow-y:auto}.report-points-progress-body .redeem-item-body{width:45%!important}@media screen and (max-width: 768px){.report-points-progress-body .redeem-item-body{width:40%!important}}@media screen and (max-width: 768px){.points-progress-body{width:100vw}}.settings-cont .settings-header{flex-direction:row;justify-content:space-between}.settings-cont .settings-body .toggler{display:flex;justify-content:space-between;align-items:center}.settings-cont .settings-body .settings-columns{display:table;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:20px 0}.settings-cont .settings-body .settings-columns .settings-col{display:table-cell;vertical-align:top}.settings-cont .settings-body .settings-columns .settings-col>div{margin-bottom:20px}@media screen and (max-width: 770px){.settings-cont .settings-body .settings-columns{display:block}.settings-cont .settings-body .settings-columns .settings-col{display:block;width:100%}}.labeled-date-picker-cont{justify-content:space-between;align-items:center}.labeled-date-picker-cont .react-datepicker__tab-loop{position:absolute}.labeled-date-picker-cont .react-datepicker-wrapper{display:block}.labeled-date-picker-cont .react-datepicker-wrapper .date-picker-input{width:100%}.date-picker-input{width:200px;padding:10px;border:1px solid #ccc;border-radius:4px}.input-calender .react-datepicker,.labeled-date-picker-cont .react-datepicker{width:100%}.input-calender .react-datepicker .react-datepicker__navigation,.labeled-date-picker-cont .react-datepicker .react-datepicker__navigation{top:15px!important}.input-calender .react-datepicker .react-datepicker__navigation .react-datepicker__navigation-icon:before,.labeled-date-picker-cont .react-datepicker .react-datepicker__navigation .react-datepicker__navigation-icon:before{border-color:#000!important;border-width:1.5px 1.5px 0 0;height:6px;width:6px}.input-calender .react-datepicker .react-datepicker__month-container,.labeled-date-picker-cont .react-datepicker .react-datepicker__month-container{width:100%}.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__header,.labeled-date-picker-cont .react-datepicker .react-datepicker__month-container .react-datepicker__header{background-color:#fff!important;border:unset!important}.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-name,.labeled-date-picker-cont .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-name{margin:.4rem;color:#0c94d2;font-size:13px;font-family:Cairo-Medium}.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__current-month,.labeled-date-picker-cont .react-datepicker .react-datepicker__month-container .react-datepicker__current-month{font-size:16px;line-height:24px;text-align:center;font-family:Cairo-Bold;background-color:#f6f9ff;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px}.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__day,.labeled-date-picker-cont .react-datepicker .react-datepicker__month-container .react-datepicker__day{font-size:14px;font-family:Cairo;margin:.4rem}.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__day--outside-month,.labeled-date-picker-cont .react-datepicker .react-datepicker__month-container .react-datepicker__day--outside-month{color:#c0cad5!important}.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__day--selected,.input-calender .react-datepicker .react-datepicker__month-container .react-datepicker__day--keyboard-selected,.labeled-date-picker-cont .react-datepicker .react-datepicker__month-container .react-datepicker__day--selected,.labeled-date-picker-cont .react-datepicker .react-datepicker__month-container .react-datepicker__day--keyboard-selected{border-radius:1rem;background-color:#0c94d2;color:#fff}.input-calender .focused-calendar .react-datepicker__current-month,.labeled-date-picker-cont .focused-calendar .react-datepicker__current-month{color:#0c94d2;background-color:#dbedf9!important}.form-group-multiple-input{justify-content:end;min-height:0}.form-group-multiple-input .form-label{line-height:2.5;margin-bottom:8px;display:block}.form-group-multiple-input .multiple-inputs-container{display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto;overflow-x:hidden;padding:8px;border:1px solid #e4eaf4;border-radius:8px;background-color:#fff}.form-group-multiple-input .multiple-inputs-container::-webkit-scrollbar{width:8px}.form-group-multiple-input .multiple-inputs-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.form-group-multiple-input .multiple-inputs-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.form-group-multiple-input .multiple-inputs-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.form-group-multiple-input .multiple-inputs-container .input-row{display:flex;align-items:center;gap:8px}.form-group-multiple-input .multiple-inputs-container .input-row:first-child{position:sticky;top:0;background-color:#fff;z-index:10;padding-bottom:12px;border-bottom:1px solid #e4eaf4}.form-group-multiple-input .multiple-inputs-container .input-row .form-control{font-size:14px;flex:1;height:40px;padding:0 16px;background-color:#f6f9ff;border:1px solid #ddd;border-radius:4px;transition:border-color .3s}.form-group-multiple-input .multiple-inputs-container .input-row .form-control:focus{outline:none;border-color:#4a90e2}.form-group-multiple-input .multiple-inputs-container .input-row .form-control:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group-multiple-input .multiple-inputs-container .input-row .input-actions{display:flex;gap:4px}.form-group-multiple-input .multiple-inputs-container .input-row .input-actions .delete-button{width:32px;height:32px;justify-content:center;border:unset;border-radius:20px;background-color:#f8e3e1}.form-group-multiple-input .add-field-button{width:100%;justify-content:center;border-radius:32px}.settings-cont{display:flex;flex-direction:column;max-width:inherit;background-color:var(--clr-white);border-radius:8px;padding:16px;border:1px solid #E4EAF4}.settings-cont .settings-header{flex-direction:row;display:flex;justify-content:space-between}.settings-cont .settings-header .actions-left{display:flex;gap:8px}.settings-cont .settings-header .actions-right{display:flex;gap:8px;align-self:flex-start}.settings-cont .settings-body{height:100%}.settings-cont .settings-body .mobile-body{margin-top:16px;background-color:#f6f9ff;display:flex;flex-direction:column;gap:8px}.settings-cont .settings-body .floating-space-cont{width:112px!important;top:unset!important}.settings-cont .settings-body .floating-space-cont .menu-item{padding:0 8px;display:flex;flex-direction:row;align-items:center;height:40px;gap:8px;cursor:pointer}.settings-cont .settings-body .floating-space-cont .menu-item .menu-item-label{color:var(--clr-primary);font-family:Cairo-Medium;font-size:14px;line-height:20px;cursor:inherit}.div-left .date-range{width:100%!important;height:auto!important}.div-left .date-range .date-range-picker-cont .date-range-picker{margin-bottom:0!important}@media screen and (max-width: 770px){.banners-tabs{display:block!important;width:100vw}.banner-mobile-header{flex-direction:column!important;justify-content:center!important;align-items:center!important;background-color:var(--clr-white);padding:16px;display:flex;gap:16px}.banner-mobile-header .actions-right,.banner-mobile-header .actions-right .action-button{width:100%!important}}.approvals-cont{display:flex;flex-direction:column;max-width:inherit;background-color:var(--clr-white);border-radius:8px;padding:16px;border:1px solid #E4EAF4}.approvals-cont .approvals-header{flex-direction:row;display:flex;justify-content:space-between}.approvals-cont .approvals-header .actions-left{display:flex;gap:8px}.approvals-cont .approvals-header .actions-right{display:flex;gap:8px;align-self:flex-start}.approvals-cont .approvals-header .actions-right .header-button{width:80px!important;height:32px!important;color:#fff!important}.approvals-cont .approvals-header .filter-actions .floating-space{width:auto;min-width:200px}.approvals-cont .approvals-body{height:100%}.approvals-cont .approvals-body .level-pending{background-color:#fff;border-radius:28px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:0 8px}.approvals-cont .approvals-body .level-pending .level-text{font-size:8px;line-height:8px;font-family:Cairo-Bold}.approvals-cont .approvals-body .mobile-body{margin-top:16px;background-color:#f6f9ff;display:flex;flex-direction:column;gap:8px}.main-content-holder{height:88vh}@media screen and (max-width: 770px){.approvals-cont{background-color:inherit!important}.main-content-holder{display:none}}.approvals-details-modal .body{display:flex;flex-direction:column;gap:16px;min-width:750px}.approvals-details-modal .body .order-details{display:flex;flex-direction:row;gap:16px;justify-content:center;align-items:center}.approvals-details-modal .body .order-details .order-image-div{display:flex;justify-content:center;align-items:center;border-radius:8px;object-fit:fill;box-shadow:0 0 10px #0000000d;border:solid 1px #e4eaf4;background-color:#fff;width:200px;height:208px}.approvals-details-modal .body .order-details .order-image-div .order-image{width:180px;height:180px}.approvals-details-modal .body .order-details .order-data{width:305px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;border-radius:8px;box-shadow:0 0 10px #0000000d;border:solid 1px #e4eaf4;background-color:#fff}.approvals-details-modal .body .order-details .order-data .data-row{width:100%;justify-content:space-between;align-items:center;padding:0!important}.approvals-details-modal .body .order-details .order-data .data-row .data-row-label{font-family:Cairo;font-size:12px;text-align:right;color:#7f99b3;font-weight:400!important;width:auto!important}.approvals-details-modal .body .my-approval-action{height:56px;align-self:stretch;flex-grow:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:24px;padding:12px;border-radius:8px;box-shadow:0 0 10px #0000001a;border:solid 1px #e4eaf4;background-color:#fff}.approvals-details-modal .body .my-approval-action .my-approval-text{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.83;letter-spacing:normal;color:#000}.approvals-details-modal .body .my-approval-action .button-action{height:32px;flex-grow:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:0 24px 0 20px;border-radius:32px;color:#fff;border:unset!important}.approvals-details-modal .body .my-approval-action .green{background-color:#19ba63}.approvals-details-modal .body .my-approval-action .red{background-color:#f94c4c}.order-approve-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.order-approve-modal .approve-title{font-size:18px;line-height:28px;font-family:Cairo-Bold;text-align:center}.order-approve-modal .approve-desc{font-size:14px;line-height:21.7px;font-family:Cairo;text-align:center}.order-approve-modal .reject-input{background-color:#f6f9ff!important;padding:12px;font-family:Cairo;font-size:14px;min-height:100px!important}.order-approve-modal .green{background-color:#19ba63;border-color:#19ba63;color:#fff}.order-approve-modal .red{background-color:#f94c4c;border-color:#f94c4c;color:#fff}.order-approve-modal .button{width:100%}.rejection-reason-modal .rejection-reason-body{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;gap:10px}.rejection-reason-modal .rejection-reason-body .rejection-reason{align-self:stretch;flex-grow:0;font-family:Cairo;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:#54718d}.rejection-reason-modal .rejection-reason-body .close-button{width:100%}.details-width{max-width:820px!important}.accordion-body{border:1px solid #e4eaf4;border-radius:8px}.accordion-body .accordion-header{padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#f6f9ff}.accordion-body .accordion-header .title{font-family:Cairo-Bold;font-size:14px;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;text-align:right;color:#353842}.accordion-body .accordion-header .title-blue{color:#0c94d2!important}.accordion-body .accordion-content{padding:16px;background-color:#f6f9ff}.comment-input-control{display:flex;flex-direction:row;align-items:center;gap:10px}.comment-input-control .comment-input{flex-grow:1;height:40px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding-inline:4px;border-radius:8px;border:solid 1px #e4eaf4;background-color:#fff;font-family:Cairo;font-size:14px}.comment-input-control .comment-input ::placeholder{color:#9fb6cc}.comment-input-control .comment-button{width:32px;height:32px;flex-grow:0;padding:6px;border-radius:100px;border:solid 1px #e4eaf4;background-color:#fff}body[dir=rtl] .comment-button{transform:rotateY(180deg)}.comment-row-body{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:0;margin-bottom:16px}.comment-row-body .header-div{display:flex;flex-direction:row;justify-content:space-between}.comment-row-body .header-div .image-data-div{display:flex;flex-direction:row;align-items:center;width:50%;gap:8px}.comment-row-body .header-div .image-data-div .author-div{display:flex;flex-direction:column;gap:4px}.comment-row-body .header-div .image-data-div .author-div .author-name{flex-grow:0;font-family:Cairo-Bold;font-size:12px;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#353842}.comment-row-body .header-div .image-data-div .author-div .comment-date{flex-grow:0;font-family:Cairo;font-size:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#54718d;direction:ltr}.comment-row-body .header-div .comment-action{border:unset!important}.comment-row-body .body-div{margin-inline-start:16px;padding-inline-start:16px;border-inline-start:1px solid #e4eaf4}.comment-row-body .body-div .comment-body{flex-grow:1;font-family:Cairo;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:#353842}.level-main-div{display:flex;flex-direction:row;justify-content:space-between;height:56px;align-self:stretch;align-items:center;padding:0 16px 0 8px;border-bottom:solid 1px #e4eaf4;border:solid 1px #e4eaf4;background-color:#fff;border-radius:8px}.level-main-div .left-div{display:flex;flex-direction:row;align-items:center;gap:8px}.level-main-div .left-div .status-logo{width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:100px}.level-main-div .left-div .approved-status{background-color:#19ba63}.level-main-div .left-div .rejected-status{background-color:#f94c4c}.level-main-div .left-div .pending-status{border:solid 2px #0c94d2;padding:0!important}.level-main-div .left-div .pending-status .pending-status-center{width:12px;height:12px;background-color:#0c94d2;border-radius:100px}.level-main-div .left-div .pending-status-next{border:solid 2px #dbedf9}.level-main-div .left-div .level-title{font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#54718d}.level-main-div .left-div .title-pending{color:#0c94d2;font-weight:700}.level-main-div .left-div .assignee-div{display:flex;flex-direction:row;align-items:center;gap:4px}.level-main-div .left-div .my-approval-required{flex-grow:0;font-family:Cairo;font-size:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#54718d}.level-main-div .right-div{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;gap:8px}.level-main-div .right-div .level-data-div{display:flex;flex-direction:column;gap:8px;height:40px;background-color:#f1f4fa;border-radius:4px;padding-inline:8px;padding-block:4px}.level-main-div .right-div .level-data-div .level-data-key{flex-grow:0;font-family:Cairo;font-size:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#7f99b3}.level-main-div .right-div .level-data-div .bold-approved{font-weight:700;color:#19ba63}.level-main-div .right-div .level-data-div .bold-rejected{font-weight:700;color:#f94c4c}.level-main-div .right-div .level-data-div .level-data-value{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#353842}.level-main-div .right-div .level-data-approved{background-color:#dbf1e0}.level-main-div .right-div .level-data-rejected{background-color:#f8e3e1}.level-main-div .img{border-radius:100px}.assignee-div-overlap{display:flex}.assignee-div-overlap .tooltip-container{position:relative;display:inline-block;cursor:pointer}.assignee-div-overlap .tooltip-container .custom-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background-color:#2d3748;color:#fff;text-align:center;padding:8px 12px;border-radius:6px;font-size:12px;font-family:Cairo,sans-serif;white-space:nowrap;z-index:10000;pointer-events:none;transition:opacity .3s ease,transform .3s ease;box-shadow:0 4px 12px #00000026}.assignee-div-overlap .tooltip-container .custom-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#2d3748 transparent transparent transparent}.assignee-div-overlap .tooltip-container:hover{z-index:10001!important}.assignee-div-overlap .tooltip-container:hover .custom-tooltip{visibility:visible;opacity:1;transform:translate(-50%) translateY(-4px)}.assignee-div-overlap .role-assignee-div{width:32px;height:32px;flex-grow:0;display:flex;justify-content:center;align-items:center;border-radius:20px;border:solid 1px #e4eaf4;background-color:#0c94d2;transition:transform .2s ease}.assignee-div-overlap .role-assignee-div:hover{transform:scale(1.1)}.assignee-div-overlap .role-assignee-div .role-text{font-family:Cairo;font-size:12px;font-weight:900;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#fff;pointer-events:none}.assignee-div-overlap .user-avatar-container{width:32px;height:32px;transition:transform .2s ease}.assignee-div-overlap .user-avatar-container:hover{transform:scale(1.1)}.assignee-div-overlap .user-avatar-container img{border-radius:100px;width:100%;height:100%;display:block}.mobile-approvals-cont .head-icons{width:100%;justify-content:space-between;flex-direction:row}.mobile-approvals-cont .details-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:48px 0 16px;padding:16px;border-bottom:solid 1px #e4eaf4;background-color:#fff}.mobile-approvals-cont .details-header .left-div{flex-grow:0;display:flex;flex-direction:row;align-items:center;gap:16px;padding:0}.mobile-approvals-cont .details-header .left-div .name-div{flex-grow:0;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:0}.mobile-approvals-cont .details-header .left-div .name-div .title{flex-grow:0;font-family:Cairo-Bold;font-size:16px;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#353842}.mobile-approvals-cont .details-header .left-div .name-div .user{flex-grow:0;font-family:Cairo;font-size:13px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#54718d}.mobile-approvals-cont .details-header .right-div{flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:0}.mobile-approvals-cont .details-header .right-div .comments-title{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#0c94d2}.mobile-approvals-cont .details-header .right-div .comments-count{width:24px;height:24px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3px;padding:0 8px;border-radius:6px;box-shadow:0 0 2px #0000001a;border:solid 1px #e4eaf4;background-color:#fff}.mobile-approvals-cont .details-header .right-div .comments-count .text{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;text-align:center;color:#0c94d2}.mobile-approvals-cont .actions-right{display:flex;gap:4px;background-color:#fff;padding-inline:16px;padding-block-end:16px;justify-content:center;align-items:center}.mobile-approvals-cont .actions-right .header-button{width:80px!important;height:32px!important;color:#fff!important}.mobile-approvals-cont .mobile-approvals-body{padding:15px}.mobile-approvals-cont .mobile-approvals-body .mobile-comments-body{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:20px;padding:16px;border-radius:8px;border:solid 1px #e4eaf4;background-color:#fff}.mobile-approvals-cont .mobile-approvals-body .img{border-radius:100px!important}.mobile-approvals-cont .mobile-comments-input{position:fixed;z-index:999999;height:72px;padding:16px;border-top:solid 1px #edf2fa;background-color:#fff;width:100%}body[dir=ltr] .mobile-approvals-cont .details-header .left-div .go-back-icon{transform:rotateY(180deg)!important}@media screen and (max-width: 375px){.mobile-approvals-cont .actions-right{gap:2px}.mobile-approvals-cont .actions-right .bold-text{font-size:12px}.mobile-approvals-cont .actions-right .header-button{width:65px!important}}.mobile-approval-card-cont{padding:12px 16px;margin-bottom:8px;border-radius:8px;background-color:#fff;height:104px}.mobile-approval-card-cont .more-cont{padding-top:16px;border-top:solid 1px #e4eaf4;margin-top:12px}.mobile-approval-card-cont .more-cont .keyvaluerow-cont{padding:0;margin:4px 0}.mobile-approval-card-cont .more-cont .keyvaluerow-cont .texticon-key{font-weight:400;color:#54718d}.mobile-approval-card-cont .more-cont .key{color:#54718d;font-weight:400}.mobile-approval-card-cont .mobile-product-card{display:flex;justify-content:space-between;width:100%}.mobile-approval-card-cont .mobile-product-card .product-card-left{display:flex}.mobile-approval-card-cont .mobile-product-card .product-card-left .avatar{margin:0 16px 0 10px}.mobile-approval-card-cont .mobile-product-card .product-card-left .avatar img{width:68px}.mobile-approval-card-cont .mobile-product-card .product-card-left .product-div{display:flex;flex-direction:column;justify-content:center;gap:8px}.mobile-approval-card-cont .mobile-product-card .product-card-left .product-div .name{line-height:1.5;display:flex;align-items:center}.mobile-approval-card-cont .mobile-product-card .product-card-left .product-div .name .statusCircle{width:8px;height:8px;background-color:#19ba63;border-radius:10px;margin-right:8px}.mobile-approval-card-cont .mobile-product-card .product-card-left .product-div .moreDetails{margin-top:7px;height:32px;padding:0 24px!important;border-radius:30px}.mobile-approval-card-cont .mobile-product-card .product-card-left .product-div .moreDetails .button-text{font-size:12px}.mobile-approval-card-cont .mobile-product-card .product-card-left .product-div .level-pending{background-color:#fff;border-radius:28px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:0 8px}.mobile-approval-card-cont .mobile-product-card .product-card-left .product-div .level-pending .level-text{font-size:8px;line-height:8px;font-family:Cairo-Bold}.mobile-approval-card-cont .mobile-product-card .product-card-right{display:flex;flex-direction:column;justify-content:space-between;align-items:end}.mobile-approval-card-cont .mobile-product-card .product-card-right .dotsParent{position:relative}.mobile-approval-card-cont .mobile-product-card .product-card-right img{border-radius:4px}.mobile-approval-card-cont .mobile-product-card .product-card-right img:hover,.mobile-approval-card-cont .mobile-product-card .product-card-right img:focus{background-color:#dbedf9}.mobile-approval-card-cont .mobile-product-card .product-card-right .details-div{display:flex;align-items:center;cursor:pointer}.mobile-approval-card-cont .mobile-product-card .product-card-right .details-div .text{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#0c94d2;cursor:inherit}body[dir=rtl] .mobile-product-card .product-card-left .product-div .name .statusCircle{margin-right:auto;margin-left:8px}body[dir=ltr] .mobile-product-card .product-card-right .details-div .details-icon{transform:rotateY(180deg)}@media screen and (max-width: 340px){.mobile-title{font-size:12px!important}.status-text,.details-div .text{font-size:10px!important}}.approval-details-data{min-height:384px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;padding:16px;border-radius:8px;border:solid 1px #e4eaf4;background-color:#fff}.approval-details-data .order-image-div{display:flex;justify-content:center;align-items:center;border-radius:8px;object-fit:fill;box-shadow:0 0 10px #0000000d;border:solid 1px #e4eaf4;background-color:#fff;width:126px;height:126px}.approval-details-data .order-image-div .order-image{width:120px;height:120px}.levels-map{height:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:24px 0 8px;padding:0}.levels-map .title{flex-grow:0;font-family:Cairo-Bold;font-size:14px;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#353842}.levels-map .levels-status{height:20px;flex-grow:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:0}.levels-map .levels-status .level-number{width:20px;height:20px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;border-radius:100px;border:solid 1px #e4eaf4;background-color:#fff}.levels-map .levels-status .level-number .text{flex-grow:0;font-family:Cairo;font-size:10px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#353842}.levels-map .levels-status .level-pending-title{height:20px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 12px;border-radius:100px;background-color:#0c94d2}.levels-map .levels-status .level-pending-title .text{flex-grow:0;font-family:Cairo-Bold;font-size:8px;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;text-align:right;color:#fff}.all-levels-data{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.all-levels-data .side-level{width:15px;height:112px;flex-grow:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:16px;padding:12px;border-radius:8px;border:solid 1px #e4eaf4;background-color:#fff}.all-levels-data .current-level-data{height:124px;width:94%;flex-grow:0;display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;border-radius:8px;border:solid 1px #e4eaf4;background-color:#fff}.all-levels-data .current-level-data .level-status{height:32px;align-self:stretch;flex-grow:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 8px 0 4px;border-radius:100px}.all-levels-data .current-level-data .level-status .left{flex-grow:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:0}.all-levels-data .current-level-data .level-status .left .status-logo{width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:100px}.all-levels-data .current-level-data .level-status .left .approved-status{background-color:#19ba63}.all-levels-data .current-level-data .level-status .left .rejected-status{background-color:#f94c4c}.all-levels-data .current-level-data .level-status .left .level-data-key{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#7f99b3}.all-levels-data .current-level-data .level-status .left .bold-approved{font-weight:700;color:#19ba63}.all-levels-data .current-level-data .level-status .left .bold-rejected{font-weight:700;color:#f94c4c}.all-levels-data .current-level-data .level-status .left .pending-text{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#7f99b3}.all-levels-data .current-level-data .level-status .right{flex-grow:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;padding:0}.all-levels-data .current-level-data .level-status .right .my-approval-required{flex-grow:0;font-family:Cairo;font-size:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;text-align:right;color:#0c94d2}.all-levels-data .current-level-data .level-status-approved{background-color:#dbf1e0}.all-levels-data .current-level-data .level-status-rejected{background-color:#f8e3e1}.all-levels-data .current-level-data .level-status-pending{background-color:#dbedf9;padding:0 16px;justify-content:center}.all-levels-data .current-level-data .level-status-pending-me{justify-content:space-between}.approval-details-data .order-data,.current-level-data .order-data{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.approval-details-data .order-data .data-row,.current-level-data .order-data .data-row{width:100%;justify-content:space-between;align-items:center;padding:0!important}.approval-details-data .order-data .data-row .data-row-label,.current-level-data .order-data .data-row .data-row-label{font-family:Cairo;font-size:12px;text-align:right;color:#7f99b3;font-weight:400!important;width:auto!important}.approval-details-data .order-data .data-row .bold,.current-level-data .order-data .data-row .bold{font-weight:700}.mobile-approve-actions{position:fixed;z-index:99999;bottom:0;height:72px;width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:24px;padding:12px;border-radius:8px;box-shadow:0 0 10px #0000001a;border:solid 1px #e4eaf4;background-color:#fff}.mobile-approve-actions .button-action{height:32px;flex-grow:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:0 24px 0 20px;border-radius:32px;color:#fff;border:unset!important}.mobile-approve-actions .green{background-color:#19ba63}.mobile-approve-actions .red{background-color:#f94c4c}.approvals-config-cont{display:flex;flex-direction:column;max-width:inherit;background-color:var(--clr-white);border-radius:8px;padding:16px;border:1px solid #E4EAF4}.approvals-config-cont .approvals-config-header{flex-direction:row;display:flex;justify-content:space-between}.approvals-config-cont .approvals-config-header .actions-left{display:flex;gap:8px}.approvals-config-cont .approvals-config-header .actions-right{display:flex;gap:8px;align-self:flex-start}.approvals-config-cont .approvals-config-header .actions-right .save-approvals{padding:0 16px!important;width:200px}.approvals-config-cont .approvals-config-body{height:100%;margin-top:16px}.approvals-config-cont .approvals-config-body .mobile-body{margin-top:16px;background-color:#f6f9ff;display:flex;flex-direction:column;gap:8px}.approvals-config-cont img{border-radius:100px}.add-assignees-modal .assignees-modal-body{display:flex;flex-direction:column;gap:24px}.add-assignees-modal .assignees-modal-body .tabs{display:flex;width:100%;border-bottom:1px solid #e4eaf4}.add-assignees-modal .assignees-modal-body .tabs .nav-link{border-radius:0!important}.add-assignees-modal .assignees-modal-body .tabs .nav-link.active{font-weight:600!important;background-color:unset!important;border-bottom:2px solid #0C94D2}.add-assignees-modal .assignees-modal-body .search-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.add-assignees-modal .assignees-modal-body .search-div .search-bar{max-width:100%!important;width:100%}.add-assignees-modal .assignees-modal-body .search-div .search-bar-input{height:44px;flex-grow:0;font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#9fb6cc;background-color:#f6f9ff}.add-assignees-modal .assignees-modal-body .search-div .filter-button{width:44px;height:44px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:4px;border:solid 1px #e4eaf4;background-color:#f6f9ff}.add-assignees-modal .assignees-modal-body .search-floating{display:flex;position:sticky!important;width:100%;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px;padding:16px;border-radius:8px;box-shadow:0 0 20px #0000001a;border:solid 1px #e4eaf4;background-color:#fff;height:250px;overflow-y:auto}.add-assignees-modal .assignees-modal-body .search-floating::-webkit-scrollbar{width:8px}.add-assignees-modal .assignees-modal-body .search-floating::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #f6f9ff;border-radius:18px}.add-assignees-modal .assignees-modal-body .search-floating::-webkit-scrollbar-thumb{background-color:#54718d;border-radius:18px}.add-assignees-modal .assignees-modal-body .filters-floating{display:flex;align-self:flex-end;position:absolute!important;top:200px;width:45%;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px;padding:16px;border-radius:8px;border:solid 1px #e4eaf4;background-color:#fff;max-height:130px;overflow-y:auto;z-index:999999}.add-assignees-modal .assignees-modal-body .filters-floating::-webkit-scrollbar{width:8px}.add-assignees-modal .assignees-modal-body .filters-floating::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #f6f9ff;border-radius:18px}.add-assignees-modal .assignees-modal-body .filters-floating::-webkit-scrollbar-thumb{background-color:#54718d;border-radius:18px}.add-assignees-modal .assignees-modal-body .members-div{display:flex;flex-direction:column;align-self:stretch;flex-grow:0;gap:16px;padding:16px;border-radius:8px;border:solid 1px #e4eaf4;background-color:#f6f9ff}.add-assignees-modal .assignees-modal-body .members-div .div-title{flex-grow:0;font-family:Cairo-Bold;font-size:14px;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#353842}.add-assignees-modal .assignees-modal-body .footer-div{height:40px;align-self:stretch;flex-grow:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:0;background-color:#fff}.add-assignees-modal .assignees-modal-body .footer-div .action-button{width:50%}.add-assignees-modal .assignees-modal-body img{border-radius:100px}body[dir=ltr] .add-assignees-modal .assignees-modal-body .search-div .search-bar-filter{border-right:unset!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}body[dir=ltr] .add-assignees-modal .assignees-modal-body .search-div .filter-search-button,body[dir=rtl] .add-assignees-modal .assignees-modal-body .search-div .search-bar-filter{border-left:unset!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}body[dir=rtl] .add-assignees-modal .assignees-modal-body .search-div .filter-search-button{border-right:unset!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}@media screen and (max-width: 770px){.approvals-config-cont{background-color:inherit!important}.main-content-holder{display:none}}@media screen and (max-width: 425px){.approvals-config-cont .approvals-config-header .actions-right .save-approvals{width:auto!important}}.level-main-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:48px;align-self:stretch;flex-grow:0;padding:0 16px;border:solid 1px #e4eaf4}.level-main-div .title-div{flex-grow:0;display:flex;flex-direction:row;align-items:center;gap:4px;padding:0}.level-main-div .title-div .title-text{flex-grow:0;font-family:Cairo;font-size:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#54718d}.level-main-div .assignees-div .add-assignees{flex-grow:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:0;cursor:pointer}.level-main-div .assignees-div .add-assignees .add-icon{width:24px;height:24px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:2px 3px;border-radius:20px;border:solid 1px #e4eaf4;background-color:#fff}.level-main-div .assignees-div .add-assignees .add-text{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;color:#9fb6cc;cursor:inherit}.level-main-div .actions-div{display:flex;flex-direction:row;gap:8px}.level-main-div .actions-div .circle-button{width:32px;height:32px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:2px 3px;border-radius:20px}.level-main-div .actions-div .edit-button{background-color:#fff;border-color:#e4eaf4}.level-main-div .actions-div .delete-button{background-color:#f8e3e1;border-color:#f8e3e1!important}.approval-member-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.approval-member-div .member-title{flex-grow:0;display:flex;flex-direction:row;align-items:center;gap:12px;padding:0}.approval-member-div .member-title .role-assignee-div{width:32px;height:32px;flex-grow:0;display:flex;justify-content:center;align-items:center;border-radius:20px;border:solid 1px #e4eaf4;background-color:#0c94d2}.approval-member-div .member-title .role-assignee-div .role-text{font-family:Cairo;font-size:12px;font-weight:900;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#fff}.approval-member-div .member-title .title-div{display:flex;flex-direction:column;flex-grow:0;gap:4px;padding:0}.approval-member-div .member-title .title-div .name{flex-grow:0;font-family:Cairo;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#353842}.approval-member-div .member-title .title-div .email{flex-grow:0;font-family:Cairo;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#54718d}.approval-member-div .delete-button{width:32px;height:32px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:2px 3px;border-radius:20px;background-color:#f8e3e1;border:unset!important}.approval-member-div .add-button{height:32px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:0 24px;border-radius:32px;border:solid 1px #9eb1d6;background-color:#fff;font-size:12px;font-weight:500}.approval-member-div .already-added{height:32px;flex-grow:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;padding:0;border-radius:32px}.approval-member-div .already-added .text{width:35px;height:17px;flex-grow:0;font-family:Cairo;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.45;letter-spacing:normal;text-align:right;color:#0c94d2}@media screen and (max-width: 375px){.approval-member-div .add-button{font-size:10px!important;padding:0 16px!important}.approval-member-div .member-title .title-div .name{font-size:12px!important}.approval-member-div .member-title .title-div .email{font-size:8px!important}}.signin-page-body{background:radial-gradient(510.75% 108.93% at 0% 0%,#0C94D2 0%,#04509A 78.46%,#033668 100%)}.signin-page-body #root{display:flex;justify-content:center;align-items:center;height:100vh}.signin-cont{width:400px;min-height:400px;border-radius:16px;background-color:var(--clr-white);padding:24px}.signin-cont .main-content-top-cont{position:relative}.signin-cont .main-content-top-cont .main-content-top{padding:0}.signin-cont .form-group{margin-bottom:6px}.signin-cont .signin-text{display:flex;justify-content:center;margin-top:6px;text-align:center}.signin-cont .action-button{height:44px;width:100%;justify-content:center;margin-top:6px}.signin-cont .footer-signin{display:flex;justify-content:space-between;margin-top:24px}.signin-cont .forgetPass{color:var(--clr-primary);font-weight:600;margin:0;cursor:pointer}.signin-cont .forgetPass:hover{text-decoration:underline}.signin-cont .back-to-login{color:var(--clr-primary);font-weight:600;text-align:center;margin-top:16px;cursor:pointer}.signin-cont .back-to-login:hover{text-decoration:underline}.signin-cont .forget-password-desc,.signin-cont .reset-password-desc{text-align:center;color:var(--clr-text-secondary);margin:16px 0;font-size:14px}.signin-cont .email-sent-confirmation{text-align:center;padding:20px 0}.signin-cont .email-sent-confirmation .success-message{color:var(--clr-success);font-weight:600;font-size:18px;margin-bottom:12px}.signin-cont .email-sent-confirmation .instruction-text{color:var(--clr-text-secondary);margin-bottom:24px;font-size:14px}.signin-cont .error-message{color:var(--clr-error);text-align:center;margin-top:12px}.signin-cont .success-message{color:var(--clr-success);text-align:center;margin-top:12px}body[dir=rtl] .signin-cont .form-group{margin-bottom:10px}body[dir=rtl] .signin-cont .signin-text{display:flex;justify-content:center;margin-top:8px;margin-bottom:16px;text-align:center}body[dir=rtl] .signin-cont .action-button{height:44px;width:100%;justify-content:center;margin-top:6px}body[dir=rtl] .signin-cont .footer-signin{display:flex;justify-content:space-between;margin-top:24px}@media screen and (max-width: 500px){.signin-cont{width:320px}}.signin-cont .mobile-logo{display:block}.signin-cont .main-content-top-cont{margin-bottom:0;background-color:#fff;width:100%;z-index:99;top:0}.signin-cont .main-content-top-cont .main-content-top{height:auto}.signin-cont .logo-header{display:flex;justify-content:space-between;width:100%}.signin-cont .content-top-left{display:none}.header-right{display:flex;gap:20px;justify-content:space-between}.header-right .lang-cont{padding:12px;background-color:#fff;border-radius:32px;display:flex;border:1px solid #E4EAF4;cursor:pointer}.header-right .lang-cont p{padding:2px;margin-right:4px;line-height:1}.header-right .lang-cont .down-arrow{display:none}.header-right .noti-cont{background-color:#fff;border-radius:32px;padding:8px 12px;border:1px solid #E4EAF4;display:flex;justify-content:center}.header-right .noti-cont img{width:20px}@media screen and (max-width: 770px){.header-right{display:flex;width:100%;justify-content:space-between}.header-right .lang-cont{padding:10px;width:40px;background-color:#fff;border-radius:32px;display:flex;justify-content:space-between}.header-right .lang-cont p{display:none}.header-right .lang-cont .down-arrow{display:block}.header-right .noti-cont{background-color:#fff;border-radius:32px;padding:8px 10px;display:flex;justify-content:center}.header-right .noti-cont img{width:20px}}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff80;display:flex;align-items:center;justify-content:center;z-index:9999;transition:visibility 0s,opacity .5s ease}.loader-container.active{visibility:visible;opacity:1}.loader{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.response-modal .modal-overlay{z-index:2000}.response-modal .modal-content{min-height:225px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.response-modal .modal-content .p-btn{width:200px}.response-modal .modal-content .modal-close{display:none}.response-modal .modal-content p{margin:20px 0}