:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.login{display:grid;grid-template-columns:repeat(2, 1fr);gap:1fr;width:100%;width:100%;min-height:100vh;background:linear-gradient(247.48deg, #1d4ed8 -32.76%, #163ca5 61.38%, #0f2972 99.86%)}@media(max-width: 10px){.login{grid-template-columns:repeat(, 1fr)}}@media screen and (max-width: 1179px){.login{display:flex;flex-direction:column-reverse;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--md-size);padding:var(--md-size)}}.login .images{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;width:100%;height:100%}@media screen and (max-width: 1179px){.login .images{display:none}}.login .images .login-image{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;width:100%;height:100%}.login .images .login-image .top-glass-card,.login .images .login-image .bottom-glass-card{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;position:absolute;width:272px;padding:var(--xs-size-3) var(--md-size);gap:var(--xs-size-2);border-radius:20px;background:hsla(0,0%,100%,.1)}.login .images .login-image .top-glass-card p,.login .images .login-image .bottom-glass-card p{color:var(--BgWhite);font-size:var(--md-size)}@media screen and (min-width: 1101px)and (max-width: 1350px){.login .images .login-image .top-glass-card p,.login .images .login-image .bottom-glass-card p{width:80%}}.login .images .login-image .top-glass-card span,.login .images .login-image .bottom-glass-card span{color:#c4cbd7;font-family:"Light"}.login .images .login-image .top-glass-card{top:13%;transform:translateX(-48%)}.login .images .login-image .top-glass-card p{font-family:"Regular"}@media screen and (min-width: 1101px)and (max-width: 1440px){.login .images .login-image .top-glass-card p{width:80%}}.login .images .login-image .bottom-glass-card{bottom:10%;left:68%;transform:translateX(-48%)}.login .images .login-image .bottom-glass-card p{font-family:"Regular"}@media screen and (min-width: 1101px)and (max-width: 1440px){.login .images .login-image .bottom-glass-card p{width:80%}}@media screen and (min-width: 1101px)and (max-width: 1350px){.login .images .login-image img{width:100%;height:55%}}.login .images svg{position:absolute;bottom:1rem;left:1rem}.login .login-form{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;padding:var(--md-size);background-color:#fff;border-radius:50px 0 0 50px;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media screen and (max-width: 1179px){.login .login-form{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--md-size);border-radius:5px;width:70%}}@media screen and (max-width: 600px){.login .login-form{width:100%}}.login .login-form .title{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;gap:5rem}@media screen and (max-width: 1179px){.login .login-form .title{gap:2rem}}.login .login-form .title .logo{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--xs-size-3)}.login .login-form .title .logo h2{font-size:var(--xl-size-1);font-family:"Bold",sans-serif}.login .login-form .title .text{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;text-align:center}.login .login-form .title .text p{font-family:"Bold",sans-serif;font-size:var(--xl-size-base)}.login .login-form .title .text span{font-family:"Regular",sans-serif;font-size:var(--md-size-base);color:#9ca3af}.login .login-form .tabs{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;gap:1rem;margin-block:2rem}.login .login-form .tabs .tab{padding:.5rem 1rem;background-color:hsla(0,0%,100%,.2);border-bottom:2px solid var(--PrimaryColor);cursor:pointer;transition:all .3s ease;width:fit-content;font-family:"Regular",sans-serif;font-size:1rem}.login .login-form .tabs .tab.active{background-color:var(--PrimaryColor);color:var(--BgWhite);font-family:"Bold",sans-serif;box-shadow:0 2px 4px rgba(0,0,0,.1)}.login .login-form .inputs{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;gap:var(--md-size);margin-block:var(--xl-size-1)}.login .login-form .inputs .input-wrapper{position:relative;width:100%}.login .login-form .inputs .input-wrapper input{width:100%;padding:1rem 1rem 1rem 2.3rem}.login .login-form .inputs .input-wrapper input::placeholder{font-family:"Regular",sans-serif;font-size:var(--md-size-base)}.login .login-form .inputs .input-wrapper .icon{position:absolute;left:1.15rem;top:50%;transform:translateY(-50%)}.login .login-form .inputs .input-wrapper .icon-eye{position:absolute;top:1rem;right:1rem;cursor:pointer}.login .login-form button{width:100%;justify-content:center}.container{margin:0 auto;padding:0 15px}@media(max-width: 1920px){.container{max-width:clamp(1392px,174000vw/var(--base-width),2088px);padding:0 80px}}@media(max-width: 1600px){.container{max-width:clamp(1232px,154000vw/var(--base-width),1848px);padding:0 60px}}@media(max-width: 1440px){.container{max-width:clamp(1072px,134000vw/var(--base-width),1608px);padding:0 50px}}@media(max-width: 1200px){.container{max-width:100%;padding:0 10px}}@media(max-width: 768px){.container{padding:0 5px}}@media(max-width: 576px){.container{padding:0 2px}}.btn{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;padding:var(--xs-size) var(--xl-size-base);font-size:var(--sm-size);font-weight:700;transition:all .4s ease-in-out;border-width:1px;border-style:solid;width:fit-content;cursor:pointer;gap:var(--xs-size);border-radius:clamp(40px,5000vw/var(--base-width),60px)}.btn.w-full{width:100%}.btn-primary{background-color:var(--PrimaryColor);color:var(--BgWhite);border-color:var(--PrimaryColor);font-family:"Regular";font-size:var(--xs-size)}.btn-primary:hover{background-color:rgba(0,0,0,0);color:var(--PrimaryColor)}.btn-secondary{background-color:rgba(0,0,0,0);border:1px solid #dde2ed;color:#3d4c5e;font-weight:600;font-size:var(--xs-size);font-family:"Regular"}.btn-secondary:hover{background-color:var(--PrimaryColor);color:#fff;border-color:var(--PrimaryColor)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.input-search{position:relative}.input-search input{width:100%;border:1px solid var(--main-border);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;padding:var(--xs-size) var(--md-size);border-radius:calc(var(--xl-size-2) + 10px);font-family:"Regular";padding-inline-start:calc(var(--md-size) + var(--xl-size-2) - 4px)}.input-search input:focus{border-color:var(--PrimaryColor)}.input-search .icon-remove{position:absolute;top:50%;transform:translateY(-50%);left:var(--md-size);cursor:pointer}html[dir=rtl] .input-search .icon-remove{left:auto;right:var(--md-size)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.data-empty{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}.data-empty .data-empty-image{margin-left:auto;margin-right:auto}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.popover-button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;cursor:pointer}.popover-content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;border-radius:12px;font-family:"Regular";width:10rem;text-align:center}.popover-content .img-container{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.popover-content .img-container:hover img{background-color:#fff;color:var(--PrimaryColor)}.popover-content p{cursor:pointer;padding:var(--xs-size-2);width:100%;background:rgba(29,78,216,.0705882353);color:var(--PrimaryColor);font-size:var(--md-size);font-weight:700;transition:.2s all linear}.popover-content p:hover{background-color:#fff;color:var(--PrimaryColor)}.popover-content img{cursor:pointer;padding:10px;width:100%;height:100%;background:rgba(29,78,216,.0705882353);color:var(--PrimaryColor);font-size:var(--md-size);font-weight:700;transition:.2s all linear;width:40px;height:42px}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.add-btn{font-family:"Light";background-color:#041953;color:#fff;padding-inline:calc(var(--xl-size-base) + 2px);padding-block:var(--xs-size-3);font-size:var(--sm-size);font-weight:600;border-radius:calc(var(--xl-size-2) + 16px);transition:all .3s linear}.add-btn:hover{color:#041953;background-color:#fff;border:1px solid #041953}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.btn-cancel{font-family:"Light";background-color:rgba(226,53,53,.1019607843);color:#e23535;padding-inline:calc(var(--xl-size-base) + 2px);padding-block:var(--xs-size-3);font-size:var(--md-size);font-weight:700;border-radius:calc(var(--xl-size-2) + 16px);transition:all .3s linear}.btn-cancel:hover{color:#fff;background-color:#e23535;border:1px solid red}.breadcrumbs{width:100%}.breadcrumbs ul{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size)}.breadcrumbs ul li{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size);color:var(--DarkGray);font-weight:500;font-size:var(--sm-size);text-transform:capitalize}.breadcrumbs ul li:first-child{color:var(--PrimaryColor);font-weight:600}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.tabs-selction-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--sm-size);font-family:"Regular";width:100%}.tabs-selction-container .tabs-selction-header{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.tabs-selction-container .tabs-selction-header .title{color:#170f49;font-size:var(--xl-size-base);font-weight:700}.tabs-selction-container .tabs-selction-header .subtitle{color:#afb2bb;font-size:var(--md-size);font-weight:500}.tabs-selction-container .tabs-selction-header .subtitle span{color:var(--PrimaryColor);font-size:var(--xl-size-base);font-weight:700}.tabs-selction-container .tabs-selction-content .select-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xl-size-base)}.tabs-selction-container .tabs-selction-content .select-container .select-item{border-radius:var(--xl-size-base);background-color:#fafbfc;position:relative;border-radius:var(--xl-size-base);overflow:hidden;border-radius:var(--sm-size)}.tabs-selction-container .tabs-selction-content .select-container .select-item .left-back-img{position:absolute;left:-200px;transition:.3s all linear;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.tabs-selction-container .tabs-selction-content .select-container .select-item .right-back-img{position:absolute;right:-200px;transition:.3s all linear;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.tabs-selction-container .tabs-selction-content .select-container .select-item.active .left-back-img{display:block;position:absolute;left:0;top:0;height:100%;opacity:.3}.tabs-selction-container .tabs-selction-content .select-container .select-item.active .left-back-img .left-yellow{top:-20px;position:relative}.tabs-selction-container .tabs-selction-content .select-container .select-item.active .right-back-img{display:block;position:absolute;right:0;top:0;height:100%;rotate:180deg;opacity:.3}.tabs-selction-container .tabs-selction-content .select-container .select-item.active .right-back-img .right-yellow{top:-20px;position:relative}.tabs-selction-container .tabs-selction-content .select-container .select-item.active .item{color:var(--PrimaryColor)}.tabs-selction-container .tabs-selction-content .select-container .select-item input{display:none}.tabs-selction-container .tabs-selction-content .select-container .select-item .item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size);color:#9ca3af;font-size:var(--md-size);font-weight:600;transition:.3s all linear;cursor:pointer;padding:var(--xs-size-2) calc(var(--xl-size-2) + 5px);border-radius:var(--sm-size)}.checkbox-toggle-wrapper{position:relative;display:flex;align-items:center;width:100%;gap:1rem;padding:.5rem;margin-top:25px;border:2px solid #e2e8f0;border-radius:25px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.checkbox-checkbox{position:absolute;opacity:0;width:0;height:0}.checkbox-label{display:flex;align-items:center;gap:1rem;width:100%;cursor:pointer;user-select:none}.toggle-background{position:relative;width:64px;height:36px;background:#cbd5e1;border-radius:18px;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);flex-shrink:0}.toggle-slider{position:absolute;top:3px;left:3px;width:30px;height:30px;background:#fff;border-radius:50%;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}.icon{width:18px;height:18px;transition:all .3s ease}.checkbox-icon{color:#64748b;opacity:1;transform:scale(1)}.check-icon{color:#1d4ed8;position:absolute;opacity:0;transform:scale(0)}.checkbox-checkbox:checked~.checkbox-label .toggle-background{background:linear-gradient(135deg, #1d4ed8 0%, #1d4ed8 100%)}.checkbox-checkbox:checked~.checkbox-label .toggle-slider{transform:translateX(28px)}.checkbox-checkbox:checked~.checkbox-label .checkbox-icon{opacity:0;transform:scale(0) rotate(-180deg)}.checkbox-checkbox:checked~.checkbox-label .check-icon{opacity:1;transform:scale(1) rotate(0deg)}.label-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.label-text{font-size:1rem;font-weight:600;color:#1e293b;transition:color .3s ease}.label-status{font-size:.875rem;color:#64748b;font-weight:500;transition:color .3s ease}.checkbox-checkbox:checked~.checkbox-label .label-status{color:#1d4ed8}.checkbox-toggle-wrapper:active{transform:translateY(0)}@media(max-width: 768px){.checkbox-toggle-wrapper{padding:1rem}.toggle-background{width:56px;height:32px}.toggle-slider{width:26px;height:26px}.checkbox-checkbox:checked~.checkbox-label .toggle-slider{transform:translateX(24px)}.label-text{font-size:.9375rem}.label-status{font-size:.8125rem}}:root{--system-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--text-ratio: 1.2}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:1rem;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{line-height:1.5;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{line-height:1.1;text-wrap:balance}img,picture,video,canvas{display:block;max-width:100%;height:auto}a,button,input,textarea,select{color:inherit;font:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{text-decoration:none}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none}[hidden]{display:none !important}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}ul{list-style:none}.permission{width:100%}.permission .tabs{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:1fr;width:100%;gap:10px}@media(max-width: 10px){.permission .tabs{grid-template-columns:repeat(, 1fr)}}.permission .tabs .tab{padding:10px;background-color:#f6f9ff;width:100%;position:relative}.permission .tabs .tab input{position:absolute;top:14px;width:15px;height:15px;left:10px}.permission .tabs .tab label{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center}.permission .tabs .tab label .card-content{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:start;align-items:start;margin-top:1rem;gap:5px}.permission .tabs .tab label .card-content h4{color:#121212;font-size:22px;font-weight:600}.permission .tabs .tab label .card-content p{font-size:14px;color:#6b7280;font-weight:600}.permission .premission-cards .header{width:100%;background-color:#f6f8fb;padding:20px 15px;margin-block:1rem;font-size:var(--md-size-2);font-family:"Bold";color:var(--PrimaryColor);gap:5px}.permission .premission-cards .header .select_all{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px}.permission .premission-cards .header .select_all input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:0;height:0;position:absolute;opacity:0}.permission .premission-cards .header .select_all .checkmark{width:18px;height:18px;border:1px solid #ccc;border-radius:4px;display:inline-block;position:relative;transition:all .2s ease}.permission .premission-cards .header .select_all .checkmark::after{content:"";position:absolute;display:none;left:5px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.permission .premission-cards .header .select_all input:checked+.checkmark{background-color:var(--PrimaryColor);border-color:var(--PrimaryColor)}.permission .premission-cards .header .select_all input:checked+.checkmark::after{display:block}.permission .premission-cards .tab-content{display:grid;grid-template-columns:repeat(3, 1fr);gap:1fr;width:100%;gap:10px;height:50vh;overflow-y:auto}@media(max-width: 10px){.permission .premission-cards .tab-content{grid-template-columns:repeat(, 1fr)}}@media screen and (max-width: 1350px){.permission .premission-cards .tab-content{display:grid;grid-template-columns:repeat(2, 1fr);gap:1fr;width:100%;gap:10px}}@media screen and (max-width: 1350px)and (max-width: 10px){.permission .premission-cards .tab-content{grid-template-columns:repeat(, 1fr)}}@media screen and (max-width: 900px){.permission .premission-cards .tab-content{display:grid;grid-template-columns:repeat(1, 1fr);gap:1fr;width:100%;gap:10px}}@media screen and (max-width: 900px)and (max-width: 10px){.permission .premission-cards .tab-content{grid-template-columns:repeat(, 1fr)}}.permission .premission-cards .tab-content .card{border-radius:24px;background:#f8f9fb;padding:12px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:start;align-items:start;width:100%;gap:8px}.permission .premission-cards .tab-content .card .card-header{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f7}.permission .premission-cards .tab-content .card .card-header h5{color:#121212;font-family:"Bold";font-size:var(--xl-size-base)}.permission .premission-cards .tab-content .card .card-header .select_all{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.permission .premission-cards .tab-content .card .card-header .select_all span{color:#9ca3af;font-family:"Bold";font-size:var(--xs-size)}.permission .premission-cards .tab-content .card .card-header .select_all input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:0;height:0;position:absolute;opacity:0}.permission .premission-cards .tab-content .card .card-header .select_all .checkmark{width:18px;height:18px;border:1px solid #ccc;border-radius:4px;display:inline-block;position:relative;transition:all .2s ease}.permission .premission-cards .tab-content .card .card-header .select_all .checkmark::after{content:"";position:absolute;display:none;left:5px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.permission .premission-cards .tab-content .card .card-header .select_all input:checked+.checkmark{background-color:var(--PrimaryColor);border-color:var(--PrimaryColor)}.permission .premission-cards .tab-content .card .card-header .select_all input:checked+.checkmark::after{display:block}.permission .premission-cards .tab-content .card .card-body{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:1fr;width:100%;gap:7px}@media screen and (max-width: 900px){.permission .premission-cards .tab-content .card .card-body{display:grid;grid-template-columns:repeat(2, 1fr);gap:1fr;width:100%}}.permission .premission-cards .tab-content .card .card-body label{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;text-align:center}.permission .premission-cards .tab-content .card .card-body label span{background-color:var(--BgWhite);border-radius:50rem;padding:6px 10px;width:100%;transition:all .2s ease}.permission .premission-cards .tab-content .card .card-body label input{display:none}.permission .premission-cards .tab-content .card .card-body label input:checked+span{background-color:var(--PrimaryColor);color:var(--BgWhite);border:none}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none !important;max-width:none !important;min-height:0 !important;min-width:0 !important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.3333333333%;left:0;top:33.3333333333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.3333333333%;top:0;width:33.3333333333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center::before,.cropper-center::after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center::before{height:1px;left:-3px;top:0;width:7px}.cropper-center::after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media(min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se::before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none !important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.equipment-form .tabs-container{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;width:100%;width:100%;margin:var(--xl-size-base) 0 var(--xl-size-base) 0;padding-inline:var(--md-size)}.equipment-form .tabs-container .tab{text-align:center;width:100%;background-color:#fcfcfc;border-radius:var(--xl-size-base);color:#9ca3af;font-weight:600;text-transform:capitalize;cursor:pointer;padding:var(--md-size);transition:all .3s ease-in-out}@media(max-width: 768px){.equipment-form .tabs-container .tab{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}}.equipment-form .tabs-container .activeTab{background-color:#f0f4ff;border:2px dashed #1d4ed8;color:var(--PrimaryColor)}.equipment-form .vehicle{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--sm-size);background-color:rgba(241,243,245,.4);padding:var(--sm-size);border-radius:var(--sm-size);margin-block:var(--md-size)}.equipment-form .vehicle label p{font-size:var(--sm-size);font-weight:600}.equipment-form .vehicle label p b{font-size:var(--md-size);font-weight:700}.equipment-form .qr-code{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size);padding:var(--xl-size-base) var(--xl-size-3);background-color:#fafbfc}@media screen and (max-width: 900px){.equipment-form .qr-code{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}}.equipment-form .qr-code .texts{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.equipment-form .qr-code .texts .title{font-size:var(--xl-size-1);font-weight:700;color:var(--PrimaryColor)}.equipment-form .qr-code .texts .subtitle{font-size:var(--sm-size);color:var(--subtitle-color);width:85%}.equipment-form .qr-code .qr-scan{width:110px;height:110px}.equipment-form .demo-card{background-color:#fafbfc;padding:var(--xs-size)}.equipment-form .demo-card .texts{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.equipment-form .demo-card .texts .title{font-size:var(--xl-size-1);font-weight:700;color:var(--header-page-color)}.equipment-form .demo-card .texts .subtitle{font-size:var(--sm-size);color:var(--subtitle-color);width:85%}.equipment-form .demo-card .sub-card{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:var(--sm-size);background-color:var(--BgWhite);border-radius:var(--xs-size);padding:var(--xs-size);margin-block:var(--xs-size)}@media screen and (max-width: 900px){.equipment-form .demo-card .sub-card{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}}.equipment-form .demo-card .sub-card .demo-img{border-radius:var(--xs-size);width:100px;height:100px}.equipment-form .demo-card .sub-card .sub-card-body{width:100%}.equipment-form .demo-card .sub-card .sub-card-body .first-item{font-weight:600;font-size:var(--sm-size);color:var(--PrimaryColor)}.equipment-form .demo-card .sub-card .sub-card-body .demo-title{font-size:var(--md-size-2);font-weight:700;color:var(--second-dark-color);margin-block:.5rem}.equipment-form .demo-card .sub-card .sub-card-body .inspection{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:start;align-items:center;margin-block:.5rem;gap:.5rem;color:#4b5563}.equipment-form .demo-card .sub-card .sub-card-body .date{color:#4b5563}.equipment-form .demo-card .sub-card .sub-card-body .date span{color:var(--Red);font-weight:700}.equipment-form .demo-card .sub-card .sub-card-body .sub-card-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.equipment-form .demo-card .sub-card .sub-card-body .sub-card-header .link{text-decoration:underline;font-size:var(--sm-size);color:var(--DarkGray)}.observation-form .tabs-div .tabs-title{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.observation-form .tabs-div .tabs-title p{font-family:var(--font-family);font-weight:700;font-size:var(--xl-size-base);color:var(--third-color)}.observation-form .tabs-div .tabs-title .line span{font-weight:500;font-size:var(--md-size);color:#afb2bb}.observation-form .tabs-div .tabs-title .line p{color:#1f41bb;font-family:var(--font-family);font-weight:700;font-size:var(--xl-size-base)}.observation-form .tabs-container{display:grid;grid-template-columns:repeat(5, 1fr);gap:10px;width:100%;width:100%;margin:var(--xl-size-base) 0 var(--xl-size-base) 0;padding-inline:var(--md-size)}.observation-form .tabs-container .tab{text-align:center;width:100%;background-color:#fcfcfc;border-radius:var(--xl-size-base);color:#9ca3af;font-weight:600;text-transform:capitalize;cursor:pointer;padding:var(--md-size);transition:all .3s ease-in-out}.observation-form .tabs-container .activeTab{background-color:#f0f4ff;border:2px #1d4ed8;color:var(--PrimaryColor)}@media(max-width: 768px){.observation-form .tabs-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.observation-form .tabs-container .tab{width:100%}}@media(max-width: 425px){.observation-form .tabs-container{display:grid;grid-template-columns:repeat(1, 1fr);gap:10px}.observation-form .tabs-container .tab{width:100%}}.observation-form .first-section-par{padding:25px 5px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px;font-family:"Regular";font-weight:700;font-size:var(--xl-size-base);color:var(--third-color)}.observation-form .first-section-par span{color:#1f41bb;font-weight:700;font-size:var(--md-size)}.observation-form .select-container{font-family:"Regular";border-radius:20px;transition:all .1s linear;cursor:pointer}.observation-form .select-container.selected{border:2px solid var(--PrimaryColor)}.observation-form .select-container label{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#9ca3af;background-color:rgba(248,249,250,.6);padding:20px 16px;border-radius:10px;cursor:pointer;border:none;outline:none}.observation-form .select-container label img{width:54px;height:54px}.observation-form .select-container input{display:none}.observation-form .select-container .p-multiselect{background:unset !important;border:none !important;outline:none !important;box-shadow:none !important;width:100%;font-size:16px;font-weight:600}.observation-level{margin-top:3rem}.observation-level .select-container{font-family:"Regular";border-radius:20px;transition:all .1s linear;cursor:pointer;position:relative}.observation-level .select-container.low-selected{border:2px solid #00b69b;background-color:rgba(var(--low-color), 0.05)}.observation-level .select-container.low-selected .circle{background-color:var(--low-color)}.observation-level .select-container.low-selected .details-box{border-color:rgba(var(--low-color), 0.5)}.observation-level .select-container.low-selected .details-box .status-value{color:var(--low-color)}.observation-level .select-container.medium-selected{border:2px solid var(--medium-color);background-color:rgba(var(--medium-color), 0.05)}.observation-level .select-container.medium-selected .circle{background-color:var(--medium-color)}.observation-level .select-container.medium-selected .details-box{border-color:rgba(var(--medium-color), 0.4)}.observation-level .select-container.medium-selected .details-box .status-value{color:var(--medium-color)}.observation-level .select-container.high-selected{border:2px solid var(--high-color);background-color:rgba(var(--high-color), 0.05)}.observation-level .select-container.high-selected .circle{background-color:var(--high-color)}.observation-level .select-container.high-selected .details-box{border-color:rgba(var(--high-color), 0.4)}.observation-level .select-container.high-selected .details-box .status-value{color:var(--high-color)}.observation-level .select-container label{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;font-size:var(--md-size);font-weight:600;color:#9ca3af;background-color:rgba(0,0,0,0);padding:20px 16px;border-radius:10px;cursor:pointer;border:none;outline:none}.observation-level .select-container.low-selected{border:2px solid #00b69b}.observation-level .select-container.low-selected label{color:#00b69b}.observation-level .select-container.low-selected .circle{background-color:#00b69b}.observation-level .select-container.low-selected .details-box{border-color:rgba(var(--low-color), 0.4)}.observation-level .select-container.low-selected .details-box .status-value{color:#00b69b}.observation-level .select-container.medium-selected{border:2px solid #dd9230}.observation-level .select-container.medium-selected label{color:#dd9230}.observation-level .select-container.medium-selected .circle{background-color:#dd9230}.observation-level .select-container.medium-selected .details-box{border-color:rgba(221,146,48,.4)}.observation-level .select-container.medium-selected .details-box .status-value{color:#dd9230}.observation-level .select-container.high-selected{border:2px solid var(--high-color)}.observation-level .select-container.high-selected label{color:var(--high-color)}.observation-level .select-container.high-selected .circle{background-color:var(--high-color)}.observation-level .select-container.high-selected .details-box{border-color:rgba(var(--high-color), 0.4)}.observation-level .select-container.high-selected .details-box .status-value{color:var(--high-color)}.observation-level .select-container input{display:none}.observation-level .select-container .p-multiselect{background:unset !important;border:none !important;outline:none !important;box-shadow:none !important;width:100%;font-size:var(--md-size);font-weight:600}.observation-level .select-container .details-box{border:1px solid rgba(var(--PrimaryColor), 0.4);padding:12px 18px;border-radius:12px;margin-top:5px}.observation-level .select-container .details-box .title{font-size:var(--md-size);font-weight:700;color:#ffbf52;margin-bottom:8px}.observation-level .select-container .details-box .status-label{font-size:var(--sm-size);font-weight:600;color:#9da4b2}.observation-level .select-container .details-box .status-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:space-between;gap:10px}.observation-level .select-container .details-box .status-container .status-option{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:5px;cursor:pointer;background:none !important;padding:0 !important;border-radius:0 !important}.observation-level .select-container .details-box .status-container .status-option input{display:none;background-color:unset}.observation-level .select-container .details-box .status-container .status-option .status-value,.observation-level .select-container .details-box .status-container .status-option .status-values{background:none !important;font-size:var(--md-size);margin-top:4px;font-weight:500;color:#9da4b2;padding:5px 10px;border-radius:0;transition:all .2s}.observation-level .select-container .details-box .status-container .status-option input:checked+.status-value,.observation-level .select-container .details-box .status-container .status-option input:checked+.status-values{color:var(--medium-color);text-decoration:underline}.observation-level .select-container .circle{width:20px;height:20px;border-radius:50%;position:absolute;top:15px;right:15px}.observation-level .status-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:space-between;gap:10px}.observation-container{margin-top:3rem}.observation-container .select-container{font-family:"Regular";border-radius:20px;transition:all .1s linear;cursor:pointer}.observation-container .select-container.selected{border:2px solid var(--PrimaryColor)}.observation-container .select-container label{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#9ca3af;background-color:rgba(248,249,250,.6);padding:20px 16px;border-radius:10px;cursor:pointer;border:none;outline:none}.observation-container .select-container label img{width:35px;height:35px}.observation-container .select-container input{display:none}.observation-container .select-container .p-multiselect{background:unset !important;border:none !important;outline:none !important;box-shadow:none !important;width:100%;font-size:16px;font-weight:600}.hazard-type-container{margin-top:3rem}.hazard-type-container .radio-container{margin-top:1.5rem}.hazard-type-container label.radio-title{font-weight:700 !important;font-size:var(--md-size) !important;color:#202020 !important;display:block;margin-bottom:.5rem}.hazard-type-container .radio-answers{display:flex;gap:2rem}.hazard-type-container .radio-answers label{color:#3d4c5e;font-size:var(--sm-size);font-weight:600}.hazard-type-container .radio-selection{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:1rem 1rem;border-radius:8px;transition:all .2s linear;opacity:.6}.hazard-type-container .radio-selection.selected{opacity:1;background:rgba(var(--PrimaryColor), 0.05)}.hazard-type-container .radio-selection.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.hazard-type-container .p-radiobutton-checked .p-radiobutton-box{background-color:var(--PrimaryColor) !important}.hazard-type-container .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon{background-color:var(--PrimaryColor) !important}.all-observation .cards{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--sm-size);width:100%;margin-top:var(--xl-size-1)}@media screen and (max-width: 800px){.all-observation .cards{display:grid;grid-template-columns:repeat(1, 1fr);gap:var(--sm-size);width:100%}}.all-observation .cards .card{background-color:var(--card-observation-bg);padding:var(--xs-size) var(--xl-size-base);border-radius:var(--xl-size-1)}.all-observation .cards .card .card-header{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:var(--md-size)}.all-observation .cards .card .card-header .info{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:var(--xs-size)}.all-observation .cards .card .card-header .info .image{width:var(--xl-size-2);height:var(--xl-size-2)}.all-observation .cards .card .card-header .info .image img{width:100%;height:100%;object-fit:cover}.all-observation .cards .card .card-header .card-header-title{font-size:var(--xl-size-1);font-weight:600;color:var(--third-color)}.all-observation .cards .card .card-header .card-header-item{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--xs-size-3);color:var(--PrimaryColor);text-decoration:underline;cursor:pointer;transition:all .3s ease-in-out}.all-observation .cards .card .card-header .card-header-item span{font-size:var(--sm-size);color:var(--PrimaryColor)}.all-observation .cards .card .card-header .card-header-item p{font-size:var(--sm-size);font-weight:600;color:var(--PrimaryColor)}.all-observation .cards .card .card-body{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:var(--xs-size-4)}.all-observation .cards .card .card-body img{width:100%;height:100%;object-fit:cover}.all-observation .cards .card .card-body .description{font-size:var(--sm-size);color:var(--third-color)}.all-observation .cards .card .card-body .link{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--xs-size-3);color:var(--PrimaryColor);text-decoration:underline;cursor:pointer;transition:all .3s ease-in-out}.all-observation .cards .card .card-body .link span{font-size:var(--sm-size);color:var(--PrimaryColor)}.all-observation .cards .card .card-body .link p{font-size:var(--sm-size);font-weight:600;color:var(--PrimaryColor)}.show-equipment .card-equipment{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;background-color:#fbfbfb;border-radius:var(--xs-size);padding:var(--xs-size);gap:var(--xs-size-2);margin-bottom:var(--md-size)}@media screen and (max-width: 900px){.show-equipment .card-equipment{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}}.show-equipment .card-equipment .card-body{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:end;width:100%;gap:var(--xs-size-3)}@media screen and (max-width: 900px){.show-equipment .card-equipment .card-body{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:end}}.show-equipment .card-equipment .card-body .card-body-content-right{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:var(--sm-size);width:200px}.show-equipment .card-equipment .card-body .card-body-content-right .image-content{width:100%;height:110px;position:relative;overflow:hidden}.show-equipment .card-equipment .card-body .card-body-content-right .image-content .texts{position:absolute;left:-14rem;width:100%;height:100%;color:var(--BgWhite);border-radius:var(--sm-size);transition:all .5s ease-in-out;padding-inline:var(--xs-size);font-size:var(--xs-size);display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--xs-size-2)}.show-equipment .card-equipment .card-body .card-body-content-right .image-content .texts span{color:var(--Red)}.show-equipment .card-equipment .card-body .card-body-content-right .image-content:hover .texts{left:0;background-color:rgba(0,0,0,.3);backdrop-filter:blur(3px)}.show-equipment .card-equipment .card-body .card-body-content-right .image-content img{width:100%;height:100%;border-radius:var(--sm-size)}.show-equipment .card-equipment .card-body .card-body-content-left{width:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4)}.show-equipment .card-equipment .card-body .card-body-content-left .card-body-title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-2)}.show-equipment .card-equipment .card-body .card-body-content-left .card-body-title .title{font-size:var(--xl-size-1);font-weight:700;color:var(--header-page-color)}.show-equipment .card-equipment .card-body .card-body-content-left .inspection{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-4)}.show-equipment .card-equipment .card-body .card-body-content-left .inspection span{color:var(--subtitle-color);font-weight:500}.show-equipment .card-equipment .card-body .card-body-content-left .inspection p{font-weight:600;color:#4b5563}.show-equipment .card-equipment .card-body .card-body-content-left .inspection p span{color:var(--PrimaryColor)}.show-equipment .card-equipment .card-body .card-body-content-left .date-of-decommissioning{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-4)}.show-equipment .card-equipment .card-body .card-body-content-left .date-of-decommissioning span{color:var(--subtitle-color);font-weight:500}.show-equipment .card-equipment .card-body .card-body-content-left .date-of-decommissioning p{color:var(--Red);font-weight:700}.show-equipment .card-equipment .card-body .card-body-content-left .vehicle{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--sm-size);background-color:#f1f3f5;padding:var(--xs-size) var(--sm-size);border-radius:var(--sm-size);width:100%}@media screen and (max-width: 900px){.show-equipment .card-equipment .card-body .card-body-content-left .vehicle{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}}.show-equipment .card-equipment .card-body .card-body-content-left .vehicle .items{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:var(--md-size)}.show-equipment .card-equipment .card-body .card-body-content-left .vehicle .items .item{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-3)}.show-equipment .card-equipment .card-body .card-body-content-left .vehicle .items .item span{color:var(--subtitle-color);font-weight:500}.show-equipment .card-equipment .card-body .card-body-content-left .vehicle .items .item p{color:#4b5563;font-weight:700}.show-equipment .card-equipment .img-equipment{width:175px;height:175px;border-radius:var(--sm-size)}@media screen and (max-width: 900px){.show-equipment .card-equipment .img-equipment{width:100%;height:200px}}.show-equipment .history-qr{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--md-size);width:100%}@media screen and (max-width: 900px){.show-equipment .history-qr{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}}.show-equipment .history-qr .qr-code-card{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;width:30%;height:218px;background-color:#f1f3f5;padding:var(--xs-size) var(--md-size);border-radius:var(--sm-size)}@media screen and (max-width: 900px){.show-equipment .history-qr .qr-code-card{width:100%}}.show-equipment .history-qr .qr-code-card .head{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%}.show-equipment .history-qr .qr-code-card .head .title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3)}.show-equipment .history-qr .qr-code-card .head .title span{font-size:var(--md-size);font-weight:700;color:var(--header-page-color)}.show-equipment .history-qr .qr-code-card .head .print{color:var(--PrimaryColor);font-weight:700;text-decoration:underline}.show-equipment .history-qr .qr-code-card .qr-code{margin-top:var(--sm-size);width:145px;height:145px}.show-equipment .history-qr .qr-code-card .qr-code img{width:100%;height:100%}.show-equipment .history-qr .history-log{width:100%;border:1px solid var(--Gray-4);border-radius:var(--sm-size);padding:var(--xl-size-base) var(--md-size)}.show-equipment .history-qr .history-log .title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:start;align-items:center;gap:var(--xs-size-2);border-bottom:1px solid var(--Gray-4);padding-bottom:var(--xs-size-2)}.show-equipment .history-qr .history-log .title h4{font-size:var(--xl-size-base);font-weight:700;color:var(--header-page-color)}.show-equipment .history-qr .history-log .filter{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3);margin-block:var(--sm-size)}.show-equipment .history-qr .history-log .filter .pdf{border:1px solid var(--Gray-4)}.show-equipment .history-qr .history-log .filter .pdf span{color:var(--Red)}.show-equipment .history-qr .history-log .filter .xls{border:1px solid var(--Gray-4)}.show-equipment .history-qr .history-log .filter .xls span{color:var(--green)}.show-equipment .history-qr .history-log .filter .input-search{width:58%}.show-equipment .history-qr .history-log .history-card{border:1px solid var(--Gray-4);border-radius:var(--sm-size);padding:var(--md-size);position:relative;overflow:hidden}.show-equipment .history-qr .history-log .history-card::after{content:"";position:absolute;top:0;left:-2rem;width:70px;height:20px;background:linear-gradient(180deg, rgba(16, 146, 207, 0.8) -9.32%, rgba(199, 201, 214, 0.8) 68.63%);z-index:1;filter:blur(30px);opacity:1}.show-equipment .history-qr .history-log .history-card .card-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-2);width:100%}.show-equipment .history-qr .history-log .history-card .card-header svg{margin-top:.5rem}@media screen and (max-width: 1200px){.show-equipment .history-qr .history-log .history-card .card-header{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}}.show-equipment .history-qr .history-log .history-card .card-header .user{width:30%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-2)}@media screen and (max-width: 1200px){.show-equipment .history-qr .history-log .history-card .card-header .user{width:100%}}.show-equipment .history-qr .history-log .history-card .card-header .user img{width:40px;height:40px}.show-equipment .history-qr .history-log .history-card .card-header .user .name{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title{width:70%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4)}@media screen and (max-width: 1200px){.show-equipment .history-qr .history-log .history-card .card-header .history-card-title{width:100%}}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .title{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:0;border-bottom:none}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .title .status{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-4)}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .title .status svg{margin:0}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .title .status .status-title{color:var(--PrimaryColor);font-size:var(--sm-size);font-weight:600}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .date-title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-2)}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .date-title h5{font-size:var(--xl-size-base);font-weight:700}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .date-title span{font-size:var(--sm-size);color:var(--Gray-3)}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:var(--xl-size-base)}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .items .item{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4)}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .items .item span{color:var(--Red-opacity);font-weight:400}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .items .item p{color:var(--Red);font-weight:700}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .notes{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-2);width:100%}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .notes span{color:var(--subtitle-color)}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .notes p{color:#4b5563;font-weight:700;font-size:var(--sm-size)}@media screen and (max-width: 900px){.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .notes{width:100%;gap:var(--xs-size);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .buttons{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;margin-top:var(--xs-size-2);gap:var(--sm-size)}@media screen and (max-width: 910px){.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .buttons .assign{border:.5px solid var(--primary-dark);border-radius:50px;padding:var(--xs-size) var(--md-size);color:var(--PrimaryColor);background-color:rgba(29,78,216,.1019607843);width:100%;font-weight:700}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .buttons .done{border:.5px solid var(--green-done);border-radius:50px;padding:var(--xs-size) var(--md-size);color:#4caf50;background-color:var(--green-done);width:100%;font-weight:700}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .buttons .delay{border:.5px solid var(--delay-color);border-radius:50px;padding:var(--xs-size) var(--md-size);color:#ffbf52;background-color:var(--delay-color);width:100%;font-weight:700}.show-equipment .history-qr .history-log .history-card .card-header .history-card-title .buttons .inspection-details{border:.5px solid rgba(4,25,83,.5019607843);border-radius:50px;padding:var(--xs-size) var(--md-size);font-weight:700;color:var(--header-page-color);background-color:rgba(4,25,83,.1019607843);width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.index-table-card-container-inspection{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--sm-size);width:100%}.index-table-card-container-inspection .index-table-card{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;border:1px solid #f6f6f6;padding:var(--xs-size);border-radius:var(--xl-size-base);width:100%}.index-table-card-container-inspection .index-table-card .card-header-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end;border-bottom:2px dashed #e1e4ed;width:100%;gap:var(--xs-size)}.index-table-card-container-inspection .index-table-card .card-header-container.show{border-bottom:none}.index-table-card-container-inspection .index-table-card .card-header-container .header-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;gap:var(--xs-size-4);font-family:"Regular"}.index-table-card-container-inspection .index-table-card .card-header-container .header-container .card-content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4)}.index-table-card-container-inspection .index-table-card .card-header-container .header-container .card-content .card-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xl-size-3)}.index-table-card-container-inspection .index-table-card .card-header-container .header-container .card-content .card-header .label-item-primary span{font-weight:700}.index-table-card-container-inspection .index-table-card .card-header-container .header-container .card-content .card-details{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-4)}.index-table-card-container-inspection .index-table-card .card-header-container .header-container .card-content .card-details .title{color:#0f1927;font-size:var(--xl-size-base);text-decoration:underline;font-weight:600}.index-table-card-container-inspection .index-table-card .card-header-container .header-container .card-content .card-details span{font-family:"Light";color:#6b7280;font-size:var(--xs-size);font-weight:600}.index-table-card-container-inspection .index-table-card .card-header-container .header-container .card-info-status{background:var(--green-done);color:#4caf50;padding:var(--xs-size-2) var(--xl-size-3);border-radius:var(--xl-size-1);font-weight:700;font-size:var(--md-size)}.index-table-card-container-inspection .index-table-card .card-header-container .header-container .show-details{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-2);background:rgba(31,65,187,.0392156863);border:1px solid rgba(31,65,187,.5019607843);color:#1f41bb;font-size:var(--md-size);font-weight:600;cursor:pointer;padding:var(--xs-size-2) var(--xl-size-1);border-radius:var(--xl-size-1)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.assign-to-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--md-size);font-family:"Regular";width:100%;background-color:#fbfbfb;border-radius:calc(var(--md-size-2) + 1px);padding:var(--xs-size) var(--sm-size)}.assign-to-container .assign-to-header{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-2);width:100%}.assign-to-container .assign-to-header .title-container{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-4)}.assign-to-container .assign-to-header .title-container .title{color:#121212;font-size:var(--xl-size-base);font-weight:700}.assign-to-container .assign-to-header .img{width:32px;height:32px}.assign-to-container .assign-to-contect{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-3);width:100%}.assign-to-container .assign-to-contect .option{width:100%;padding:var(--xs-size-2) var(--xl-size-2);text-align:center;border-radius:calc(var(--xs-size) + 1px);transition:.2s all linear;cursor:pointer}.assign-to-container .assign-to-contect .option.active{background-color:rgba(29,78,216,.0509803922)}.assign-to-container .assign-to-contect .option.active label{color:var(--PrimaryColor)}.assign-to-container .assign-to-contect .option label{width:100%;text-align:center;color:#9ca3af;font-size:var(--md-size-2);font-weight:700;transition:.2s all linear;display:block;cursor:pointer}.assign-to-container .assign-to-contect .option input{display:none}.inspection-form{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;width:100%}@media(max-width: 1000px){.inspection-form{grid-template-columns:repeat(1, 1fr)}}.inspection-form .inspection-details.full-width{grid-column:span 2}.inspection-form .inspection-show{background-color:#fbfbfb;border:1px solid #eff3fc;border-radius:var(--xl-size-1);padding:var(--sm-size)}.inspection-form .inspection-show .inspection-show-title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size)}.inspection-form .inspection-show .inspection-show-title h5{font-size:var(--xl-size-base);font-weight:700;color:var(--header-page-color);text-transform:capitalize}.inspection-form .inspection-show .cards{background-color:var(--BgWhite);border-radius:var(--xl-size-base);padding:var(--sm-size) var(--xl-size-base);margin-top:var(--sm-size)}.inspection-form .inspection-show .cards .employee-card{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-bottom:var(--sm-size);border-bottom:1px dashed #e6e8ea}.inspection-form .inspection-show .cards .employee-card .info{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-3)}.inspection-form .inspection-show .cards .employee-card .info img{width:48px;height:48px;border-radius:9px}.inspection-form .inspection-show .cards .employee-card .info .employee-info{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4)}.inspection-form .inspection-show .cards .employee-card .info .employee-info .employee-name{font-size:var(--md-size);font-weight:700;color:var(--header-page-color)}.inspection-form .inspection-show .cards .employee-card .info .employee-info .employee-role{color:var(--subtitle-color);font-size:var(--sm-size)}.inspection-form .inspection-show .cards .employee-card .tasks-num{color:var(--PrimaryColor);text-decoration:underline;font-weight:700}.inspection-form .inspection-show .cards .employee-tasks{margin-top:var(--md-size);height:500px;overflow-y:auto}.inspection-form .inspection-show .cards .employee-tasks::-webkit-scrollbar{width:6px}.inspection-form .inspection-show .cards .employee-tasks::-webkit-scrollbar-thumb{background-color:var(--icon-bg);border-radius:8px}.inspection-form .inspection-show .cards .employee-tasks .task-card{padding:var(--sm-size) var(--md-size);border:1px solid #e6e8ea;border-radius:var(--xl-size-base);width:100%;margin-block:var(--md-size);position:relative;overflow:hidden}.inspection-form .inspection-show .cards .employee-tasks .task-card::after{content:"";position:absolute;top:0;left:-2rem;width:70px;height:20px;background:linear-gradient(180deg, rgba(16, 146, 207, 0.8) -9.32%, rgba(199, 201, 214, 0.8) 68.63%);z-index:1;filter:blur(30px);opacity:1}.inspection-form .inspection-show .cards .employee-tasks .task-card h4{font-size:var(--xl-size-base);font-weight:700;color:var(--second-dark-color)}.inspection-form .inspection-show .cards .employee-tasks .task-card .date{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3);margin-top:var(--xs-size-3)}.inspection-form .inspection-show .cards .employee-tasks .task-card .date span{color:var(--subtitle-color);font-size:var(--xs-size);font-weight:500}.inspection-form .inspection-show .cards .employee-tasks .task-card .date p{color:var(--PrimaryColor);font-size:var(--sm-size);font-weight:700}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.inspection-type-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--md-size);font-family:"Light";width:100%;border-radius:calc(var(--md-size-2) + 1px);padding:var(--xs-size) var(--sm-size);padding-left:0}.inspection-type-container .inspection-header{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-2);width:100%}.inspection-type-container .inspection-header .title-container{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-4)}.inspection-type-container .inspection-header .title-container .title{color:#121212;font-size:var(--md-size);font-weight:700}.inspection-type-container .inspection-type-contect{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-3);width:100%}.inspection-type-container .inspection-type-contect .option{width:100%;padding:var(--xs-size);text-align:center;border-radius:calc(var(--xl-size-base) + 2px);transition:.2s all linear;border:1px solid #d9dbe9;cursor:pointer}.inspection-type-container .inspection-type-contect .option.active{background-color:rgba(31,65,187,.031372549);border:1px solid var(--PrimaryColor)}.inspection-type-container .inspection-type-contect .option.active label{color:var(--PrimaryColor)}.inspection-type-container .inspection-type-contect .option label{width:100%;text-align:center;color:#9ca3af;font-size:var(--md-size-2);font-weight:700;transition:.2s all linear;display:block;cursor:pointer}.inspection-type-container .inspection-type-contect .option input{display:none}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.period-type-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--md-size);font-family:"Light";width:100%;background-color:#fbfbfb;border-radius:calc(var(--md-size-2) + 1px);padding:var(--xs-size) var(--sm-size)}.period-type-container .period-header{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-2);width:100%;border-bottom:1px solid #d9dbe9;padding-bottom:12px}.period-type-container .period-header .title-container{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-4)}.period-type-container .period-header .title-container .title{font-family:"Regular";color:#170f49;font-size:var(--md-size-2);font-weight:600}.period-type-container .period-type-contect{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-3);width:100%}.period-type-container .period-type-contect .option{width:100%;padding:var(--xs-size);text-align:center;border-radius:calc(var(--xl-size-base) + 2px);transition:.2s all linear;cursor:pointer;border:1px solid #d9dbe9}.period-type-container .period-type-contect .option.active{background-color:var(--PrimaryColor);border:1px solid var(--PrimaryColor)}.period-type-container .period-type-contect .option.active label{color:#fff}.period-type-container .period-type-contect .option label{width:100%;text-align:center;color:#9ca3af;font-size:var(--md-size-2);font-weight:700;transition:.2s all linear;display:block;cursor:pointer}.period-type-container .period-type-contect .option input{display:none}.inspection-template-dialog-container{margin-block:var(--xl-size-base);width:100%}.inspection-template-dialog-container .title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-2);width:100%}.inspection-template-dialog-container .title span{font-size:var(--md-size);color:#202020;font-weight:600;text-transform:capitalize;white-space:nowrap;text-align:start;font-family:"Light"}.inspection-template-dialog-container .inspection-template-button{color:var(--subtitle-color);font-weight:700;border:1px dashed var(--main-border);border-radius:var(--xl-size-1);margin-top:var(--xs-size);padding:var(--xs-size) var(--sm-size);text-align:center;font-size:var(--md-size)}.inspection-template-dialog-container .template-header{background-color:#f8f8f8;border-top-left-radius:var(--xl-size-base);border-top-right-radius:var(--xl-size-base);width:100%;position:relative;padding:var(--md-size);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--xs-size-2)}.inspection-template-dialog-container .template-header img{width:100px;height:100px}.inspection-template-dialog-container .template-header .header-title{font-family:"Regular";color:#041953;font-size:calc(var(--xl-size-base) + 2px);font-weight:700}.inspection-template-dialog-container .template-header .template-details{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;font-family:"Regular";gap:var(--xl-size-base)}.inspection-template-dialog-container .template-header .template-details p{font-size:var(--xs-size);font-weight:500;color:#6b7280}.inspection-template-dialog-container .template-header .template-details p span{color:#121212}.inspection-template-dialog .inspection-template-dialog-data .inspection-template-dialog-divider{width:100%;border:none;background-color:#f1f3f5;height:1px;margin-bottom:var(--md-size)}.inspection-template-dialog .inspection-template-dialog-data .my-template-selection{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.inspection-template-dialog .inspection-template-dialog-data .my-template-selection .selected-template-number{font-weight:700}.inspection-template-dialog .inspection-template-dialog-data .my-template-selection .selected-template-number span{font-size:var(--sm-size);color:var(--subtitle-color);font-weight:600}.inspection-template-dialog .inspection-template-dialog-data .my-template-selection .title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3)}.inspection-template-dialog .inspection-template-dialog-data .my-template-selection .title span{font-size:var(--md-size);color:var(--PrimaryColor);font-weight:700;text-transform:capitalize}.inspection-template-dialog .inspection-template-dialog-data .inspection-templates-items{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--md-size);width:100%;margin-top:var(--xs-size);padding:0 var(--xs-size-3);height:700px;overflow-y:auto}.inspection-template-dialog .inspection-template-dialog-data .inspection-templates-items::-webkit-scrollbar{width:6px}.inspection-template-dialog .inspection-template-dialog-data .inspection-templates-items::-webkit-scrollbar-thumb{background-color:var(--icon-bg);border-radius:8px}.inspection-template-dialog .inspection-template-dialog-data .inspection-templates-items .item{padding:0 var(--xs-size-3) var(--xs-size-3) var(--xs-size-3);background-color:rgba(250,250,250,.4);border-radius:12px;border:.5px solid #e6e8ea;height:700px;width:100%;overflow-y:auto}.inspection-template-dialog .inspection-template-dialog-data .inspection-templates-items .item::-webkit-scrollbar{width:6px}.inspection-template-dialog .inspection-template-dialog-data .inspection-templates-items .item::-webkit-scrollbar-thumb{background-color:var(--icon-bg);border-radius:8px}.inspection-template-dialog .inspection-template-dialog-data .inspection-templates-items .item .item-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:var(--xs-size-2) var(--xs-size-3);border-bottom:1px dashed var(--main-border);position:sticky;top:0;z-index:55555555;background-color:var(--BgWhite)}.inspection-template-dialog .inspection-template-dialog-data .inspection-templates-items .item .item-header .select-input{gap:var(--xs-size-4)}.inspection-template-dialog .inspection-template-dialog-data .inspection-templates-items .item .item-header .select-input label{color:var(--PrimaryColor);font-weight:700;text-transform:capitalize}.inspection-template-dialog .inspection-template-dialog-data .inspection-templates-items .item .item-header .item-header-title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-2)}.inspection-template-dialog .inspection-template-dialog-data .inspection-templates-items .item .item-header .item-header-title span{font-size:var(--md-size);color:#000;font-weight:700;text-transform:capitalize}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.template-selector{width:100%}.template-selector .p-accordion.p-component{width:100%}.template-selector .p-icon.p-accordionheader-toggle-icon{display:none !important}.template-selector .template-document-container.active{border:2px solid var(--PrimaryColor)}.template-selector .template-document-container .header-select{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end}.template-selector .template-document-container .header-select .template-checkbox{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px}.template-selector .template-document-container .header-select .p-radiobutton-checked .p-radiobutton-box{border-color:var(--PrimaryColor) !important;background-color:var(--PrimaryColor) !important}.template-selector .template-document-container .header-select .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon{border-color:var(--PrimaryColor) !important;background-color:var(--PrimaryColor) !important}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.investigating-form{font-family:"Regular";display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-2);width:100%}.investigating-form .investigating-form-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px}.investigating-form .investigating-form-header .title{color:#170f49;font-size:var(--xl-size-base);font-weight:700}.investigating-form .investigating-form-header .title span{color:#1f41bb;font-size:var(--sm-size);font-weight:600}.investigating-form .investigating-form-header .icon{width:24px;height:24px}.optional{color:#c3c6cd;font-size:var(--md-size);font-weight:500}.factor-item{opacity:1;border-radius:20px;background-color:#f9f9f9;padding:var(--xs-size)}.factor-item .factot-title{font-weight:700;color:#000;font-style:Bold !important}.factor-item .radio-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px}.factor-item .radio-column{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:12px}.factor-item .radio-item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px}.factor-item .radio-item .radio-label{font-weight:600;font-size:var(--md-size);color:#9e9e9e}.factor-item .p-radiobutton-checked .p-radiobutton-box{background-color:var(--PrimaryColor) !important}.factor-item .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon{background-color:var(--PrimaryColor) !important}.factor-item .p-radiobutton.p-radiobutton-checked+.radio-label{color:#1f41bb !important;font-weight:600;font-size:var(--md-size)}.factor-item .sub-radio-group{margin-left:1.3rem;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px}.factor-item .sub-radio-item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px}.factor-item .sub-radio-item .sub-radio-label{font-weight:600;font-size:var(--md-size);color:#9e9e9e}.meeting-investigation{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;background:#f7f9fc;padding:1.5rem;gap:10px}.meeting-investigation p{font-weight:700;font-size:var(--md-size-2)}.meeting-investigation .meeting-icon{width:32px;height:26px}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.idnex-header{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size);font-family:"Regular";border:3px solid rgba(85,113,185,.1529411765);border-radius:calc(var(--xl-size-base) + 2px);padding:var(--md-size);background-color:#fcfcfc}.idnex-header .title{color:#170f49;font-size:calc(var(--xl-size-base) + 2px);font-weight:700}.idnex-header .index-length{color:#c0c0c5;font-size:var(--sm-size);font-weight:500}.idnex-header .index-length span{color:var(--PrimaryColor)}.idnex-header .categories-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3);overflow-x:auto}.idnex-header .categories-container::-webkit-scrollbar{height:4px}.idnex-header .categories-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}.idnex-header .categories-container::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.idnex-header .categories-container .category{color:#b7beca;border:1px solid #f3f3f3;border-radius:var(--md-size-2);padding:var(--xs-size-2) calc(var(--xl-size-2) + 4px);font-size:var(--md-size);font-weight:700;transition:.3s all linear;cursor:pointer}.idnex-header .categories-container .category.active{color:#fff;background-color:var(--PrimaryColor)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.index-investigating .idnex-filter{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--xs-size);font-family:"Regular";padding:var(--md-size);background-color:rgba(0,0,0,0) !important;width:100%}.index-investigating .idnex-filter .btns{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:5px}.index-investigating .idnex-filter .filter-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--md-size);max-width:100%;overflow-x:auto}.index-investigating .idnex-filter .filter-container::-webkit-scrollbar{height:4px}.index-investigating .idnex-filter .filter-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}.index-investigating .idnex-filter .filter-container::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.index-investigating .idnex-filter .filter-container .filter{color:#3d4c5e;font-size:var(--xs-size);font-weight:600;border:1px solid #dde2ed;border-radius:calc(var(--xl-size-2) + 5px);padding:var(--xs-size-2) var(--md-size);cursor:pointer}.index-investigating .idnex-filter .filter-container .filter.active{background-color:rgba(31,65,187,.0509803922);color:var(--PrimaryColor);border:1px solid var(--PrimaryColor)}.index-investigating .btns-filter{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:var(--xs-size-3);width:100%}.index-investigating .btns-filter .btn-filter{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;color:var(--PrimaryColor);background-color:rgba(31,65,187,.0392156863);border:1px solid rgba(85,113,185,.1529411765);border-radius:calc(var(--xl-size-2) + 10px);transition:.3s all linear}.index-investigating .btns-filter .btn-filter:hover{background-color:#fff}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.index-investigating .index-table-card-container{grid-template-columns:repeat(3, 1fr);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--sm-size);width:100%}.index-investigating .index-table-card-container .first-card{width:100%}.index-investigating .index-table-card-container .first-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;gap:var(--xs-size-4);font-family:"Regular";background-color:#fbfbfb;padding:var(--xs-size);border-radius:20px}.index-investigating .index-table-card-container .header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:unset !important;background-color:#fbfbfb}.index-investigating .index-table-card-container .header .first-label-item-primary{color:var(--PrimaryColor);font-size:var(--md-size-2);font-weight:700}.index-investigating .index-table-card-container .header .first-label-item-primary span{color:#cacddb;font-size:var(--sm-size);font-weight:500}.index-investigating .index-table-card-container .header .new{font-weight:500;color:#4caf50;font-size:var(--md-size)}.index-investigating .index-table-card-container .header p:last-child{position:relative;padding-left:12px}.index-investigating .index-table-card-container .header p:last-child::before{content:"";display:inline-block;width:6px;height:6px;background-color:#4caf50;border-radius:50%;margin-right:4px;vertical-align:middle}.index-investigating .index-table-card-container .first-card-details{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xl-size-3)}.index-investigating .index-table-card-container .index-table-card{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;border:1px solid #f6f6f6;padding:var(--xs-size);border-radius:var(--xl-size-base);width:100%}.index-investigating .index-table-card-container .index-table-card .card-header-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end;padding-bottom:var(--xs-size);border-bottom:2px dashed #e1e4ed;width:100%;gap:var(--xs-size)}.index-investigating .index-table-card-container .index-table-card .card-header-container.show{border-bottom:none}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;gap:var(--xs-size-4);font-family:"Regular";padding:var(--xs-size) 0}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4);width:100%}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-content .card-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xl-size-3)}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-content .card-details{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4)}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-content .card-details .title{color:#0f1927;font-size:var(--md-size);font-weight:600}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-content .card-details .title span{font-family:"Light";color:#c7c7cc;font-size:var(--sm-size);font-weight:500}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-content .card-details .subtitle{color:#9ca3af;font-size:var(--sm-size);font-weight:500}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-content .card-details .project-details{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xl-size-3)}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-info{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:6px}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-info .title{color:var(--PrimaryColor);font-size:var(--sm-size);font-weight:700}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-info .p-image{object-fit:cover;width:100%;height:70px;border-radius:12px}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-info .p-image .p-image-preview-mask{border-radius:12px;display:block;opacity:1;background:rgba(0,0,0,.4117647059);backdrop-filter:blur(1px)}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-info .p-image img{border-radius:12px}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-info .p-image .perview{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-info .p-image .perview span{color:#fff;font-size:var(--sm-size);font-weight:600}.index-investigating .index-table-card-container .index-table-card .card-header-container .header-container .card-info-status{background:var(--green-done);color:#4caf50;padding:var(--xs-size) var(--xl-size-2);border-radius:var(--xl-size-1);font-weight:700;font-size:var(--md-size)}.index-investigating .index-table-card-container .index-table-card .card-header-container .show-more{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;cursor:pointer}.index-investigating .index-table-card-container .index-table-card .card-header-container .show-more span{color:#9ca3af;font-size:var(--sm-size);font-weight:500}.index-investigating .index-table-card-container .index-table-card .card-description{padding-top:var(--xs-size-2);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.index-investigating .index-table-card-container .index-table-card .card-description .title{color:#000;font-size:var(--sm-size);font-weight:600}.index-investigating .index-table-card-container .index-table-card .card-description .description{color:#8e8e93;font-size:var(--sm-size);font-weight:500}.index-investigating .label-item-primary{color:#4c535f;font-size:var(--md-size);font-weight:500}.index-investigating .label-item-primary span{color:#202020;font-weight:500}.index-investigating .label-item-secondary{color:#aeaeb2;font-size:var(--sm-size);font-weight:500}.index-investigating .label-item-secondary span{color:#000}.index-investigating .btns-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--xs-size-4);width:100%}.index-investigating .btns-container .first-btn{width:225px;height:48px;gap:10px;opacity:1;border-radius:23px;border-width:.5px;padding-top:14px;padding-bottom:14px;border-style:dashed;color:#1d4ed8;padding:1.7rem 0}.index-investigating .btns-container .second-btn{width:553px;height:48px;gap:var(--xs-size-4);opacity:1;border-radius:23px;border-width:.5px;padding:1.7rem 0;background-color:rgba(4,25,83,.2);color:#041953}.index-investigating .btns-container .btn-inprogress{width:100%}.index-investigating .btns-container .btn-inprogress button{border:none;padding:15px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;background-color:rgba(226,53,53,.0509803922)}.index-investigating .btns-container .btn-inprogress button div{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px}.index-investigating .btns-container .btn-inprogress button div .live-link{text-decoration:underline}.index-investigating .btns-container .btn-inprogress button img{width:20px;height:20px}.index-investigating .btns-container .btn-inprogress button .join{color:#e23535}.index-investigating .btns-container .solved-btn{width:100%}.index-investigating .first-label-item-primary.high-observation{color:#d80027 !important}.index-investigating .first-label-item-primary.medium-observation{color:#ffbf52 !important}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.index-investigating .sidebar-container{background-color:#f5f5f5;border-radius:20px;padding:var(--xs-size)}.index-investigating .sidebar-card-header{display:flex;flex-direction:column;gap:var(--xs-size)}.index-investigating .sidebar-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;background-color:#f5f5f5 !important}.index-investigating .sidebar-label-item-primary{font-weight:700;color:#000061;font-size:var(--xl-size-base)}.index-investigating .sidebar-img{width:60px;height:60px}.index-investigating .sidebar-list{list-style:none;padding-left:0;margin:0}.index-investigating .sidebar-list li{position:relative;padding-left:18px;margin-bottom:6px;font-size:var(--md-size);color:#aeb1bc;font-weight:500}.index-investigating .sidebar-list li span{font-weight:500;font-size:var(--md-size);color:#202020}.index-investigating .sidebar-list li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;background-color:#000;border-radius:50%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.investigating-header-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--md-size-2);font-family:"Regular";background-color:#f7f9fc;padding:var(--md-size);border-radius:calc(var(--xl-size-base) + 2px);width:100%}.investigating-header-container .investigating-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-4)}.investigating-header-container .investigating-header .title{font-size:var(--md-size-2);font-weight:700;color:var(--PrimaryColor)}.investigating-header-container .investigating-header span{color:#cacddb;font-size:var(--xs-size);font-weight:var(--xs-size)}.investigating-header-container .investigating-info{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xl-size-3)}.investigating-header-container .investigating-info p{color:#aeaeb2;font-size:var(--sm-size);font-weight:500}.investigating-header-container .investigating-info p span{color:#202020;font-weight:700}.investigating-header-container .meeting-info-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-3);width:100%}.investigating-header-container .meeting-info-container .metting-info-header-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%}.investigating-header-container .meeting-info-container .metting-info-header-container .metting-info-header{color:#202020;font-size:var(--md-size);font-weight:600}.investigating-header-container .meeting-info-container .metting-info-header-container .meeting-hr{border:none;height:1px;width:100%;background-color:rgba(31,65,187,.2);margin-left:var(--xs-size-4)}.investigating-header-container .meeting-info-container .meeting-info{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xl-size-3)}.investigating-header-container .meeting-info-container .meeting-info p{color:#aeaeb2;font-size:var(--sm-size);font-weight:500}.investigating-header-container .meeting-info-container .meeting-info p span{color:#202020;font-weight:700}.investigating-header-container .meeting-info-container .meeting-info p span.meet-date{color:#1f41bb}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.cause-of-accidant{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.cause-of-accidant .cause-of-accidant-content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--sm-size);width:100%}.cause-of-accidant .cause-of-accidant-content .input-wrapper{width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.template-container{width:100%}.template-container .timeline-container{width:100%}.template-container .timeline-container .input-wrapper{width:100%}.template-container .timeline-container .timeline-content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:20px;width:100%;background-color:#fcfcfc;padding:var(--md-size);border-radius:var(--xl-size-1)}.template-container .timeline-container .timeline-content .timeline-content-text{width:100%}.template-container .timeline-container .timeline-content .timeline-contect-select{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;gap:20px}.template-container .timeline-container .timeline-content .timeline-contect-select .date-picker{margin-top:var(--xs-size-4)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.rate-of-actions{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.rate-of-actions .rate-of-actions-content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--sm-size);width:100%}.rate-of-actions .rate-of-actions-content .actions-selections{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;gap:var(--xs-size-3)}.rate-of-actions .rate-of-actions-content .actions-selections .select-type{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;gap:var(--xs-size-3);border-radius:var(--md-size-2);border:1px solid rgba(217,219,233,.6);transition:.3s all linear;padding:var(--xs-size);cursor:pointer}.rate-of-actions .rate-of-actions-content .actions-selections .select-type.active{background-color:rgba(217,219,233,.6)}.rate-of-actions .rate-of-actions-content .actions-selections .select-type.active label span{color:#202020;font-size:var(--md-size-2);font-weight:700}.rate-of-actions .rate-of-actions-content .actions-selections .select-type label{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-4);transition:.3s all linear;width:100%;cursor:pointer}.rate-of-actions .rate-of-actions-content .actions-selections .select-type label span{color:#9ca3af;font-size:var(--md-size-2);font-weight:500;transition:.3s all linear}.rate-of-actions .rate-of-actions-content .actions-selections .select-type label img{width:25px;height:25px}.rate-of-actions .rate-of-actions-content .actions-selections .select-type input{display:none}.rate-of-actions .rate-of-actions-content .input-wrapper{width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.investegation-attachment{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.viwers-result{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.viwers-result .template-container{background-color:#fcfcfc;padding:var(--xl-size-base);border-radius:var(--xl-size-1);position:relative}.viwers-result .template-container .timeline-content-text{margin-top:20px}.viwers-result .template-container .tree-marker{position:absolute;left:10px;top:100%}.viwers-result .template-container .tree-marker .add-text{color:var(--PrimaryColor);padding-top:var(--xs-size-4);font-size:calc(var(--md-size) + 1px);font-weight:700}.viwers-result .template-container .tree-dot{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.viwers-result .template-container .tree-dot-inner{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);box-shadow:0 4px 12px rgba(30,58,142,.3);z-index:2;position:relative}.viwers-result .template-container .tree-item.active .tree-dot-inner{animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 4px 12px rgba(30,58,142,.3)}50%{transform:scale(1.1);box-shadow:0 6px 16px rgba(30,58,142,.5)}}.viwers-result .template-container .tree-icon{position:absolute;top:50%;left:0%;transform:translate(0%, -50%);width:30px;height:30px;background:#f1f3f5;border:1px solid rgba(156,163,175,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);z-index:3}.viwers-result .template-container .tree-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;border-radius:50%;background:var(--primary-color);opacity:0;z-index:1}.viwers-result .template-container .tree-item.active .tree-pulse{animation:pulseRing 2s infinite}@keyframes pulseRing{0%{transform:translate(-50%, -50%) scale(0.8);opacity:.5}100%{transform:translate(-50%, -50%) scale(1.5);opacity:0}}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.another-meeting{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;background-color:#fbfbfb;padding:var(--md-size-2) var(--md-size);border-radius:calc(var(--xl-size-base) + 2px);margin-top:var(--md-size)}.another-meeting .another-meeting-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%}.another-meeting .another-meeting-header .title-header{background-color:#fbfbfb !important}.another-meeting .another-meeting-header .meeting-status{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:var(--xs-size-3)}.another-meeting .another-meeting-header .meeting-status button{padding:var(--sm-size) var(--xl-size-base);border-radius:var(--md-size-2);transition:.3s all linear}.another-meeting .another-meeting-header .meeting-status .meeting-status-yes{background-color:rgba(76,175,79,.2588235294);color:#4caf50}.another-meeting .another-meeting-header .meeting-status .meeting-status-yes.active{background-color:#4caf50;color:#fff}.another-meeting .another-meeting-header .meeting-status .meeting-status-on{background-color:#fcebee;color:#d80027}.another-meeting .another-meeting-header .meeting-status .meeting-status-on.active{color:#fff;background-color:#d80027}.another-meeting .another-meeting-contect{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:var(--xs-size)}.another-meeting .another-meeting-contect .input-wrapper{width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.add-attachment-btn{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-3);width:100%;border:1px dashed #9ca3af;padding:var(--xl-size-base);border-radius:var(--xl-size-base)}.add-attachment-btn span{color:#9ca3af;font-size:var(--sm-size);font-weight:500}.investegation-attachment-dialog-content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:5px}.investegation-attachment-dialog-content .attch-hr{border:none;height:2px;width:100%;background-color:rgba(156,163,175,.2941176471)}.investegation-attachment-dialog-content .input-wrapper{width:100%;margin-top:12px}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.investigation-result{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size);width:100%}.investigation-result .investigation-title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;gap:var(--xs-size-4);background-color:#f8f9fb;padding:var(--md-size)}.investigation-result .investigation-title p{font-size:calc(var(--xl-size-base) + 3px);font-weight:700;color:#05276c}.investigation-result .investigation-title img{width:40px;height:40px}.investigation-result .title-header{background-color:#fff}.investigation-result .btns{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--sm-size);width:100%}.investigation-result .btns button.btn-primary{width:80%}.investigation-result .btns button.btn-cancel{width:20%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.investigationMeeting-form{font-family:"Regular";display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-2);width:100%}.investigationMeeting-form .investigationMeeting-form-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px}.investigationMeeting-form .investigationMeeting-form-header .title{color:#170f49;font-size:var(--xl-size-base);font-weight:700}.investigationMeeting-form .investigationMeeting-form-header .title span{color:#1f41bb;font-size:var(--sm-size);font-weight:600}.investigationMeeting-form .investigationMeeting-form-header .icon{width:24px;height:24px}.optional{color:#c3c6cd;font-size:var(--md-size);font-weight:500}.factor-item{opacity:1;border-radius:20px;background-color:#f9f9f9;padding:var(--xs-size)}.factor-item .factot-title{font-weight:700;color:#000;font-style:Bold !important}.factor-item .radio-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px}.factor-item .radio-column{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:12px}.factor-item .radio-item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px}.factor-item .radio-item .radio-label{font-weight:600;font-size:var(--md-size);color:#9e9e9e}.factor-item .p-radiobutton-checked .p-radiobutton-box{background-color:var(--PrimaryColor) !important}.factor-item .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon{background-color:var(--PrimaryColor) !important}.factor-item .p-radiobutton.p-radiobutton-checked+.radio-label{color:#1f41bb !important;font-weight:600;font-size:var(--md-size)}.factor-item .sub-radio-group{margin-left:1.3rem;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px}.factor-item .sub-radio-item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px}.factor-item .sub-radio-item .sub-radio-label{font-weight:600;font-size:var(--md-size);color:#9e9e9e}.meeting-investigation{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;background:#f7f9fc;padding:1.5rem;gap:10px}.meeting-investigation p{font-weight:700;font-size:var(--md-size-2)}.meeting-investigation .meeting-icon{width:32px;height:26px}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.idnex-header{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size);font-family:"Regular";border:3px solid rgba(85,113,185,.1529411765);border-radius:calc(var(--xl-size-base) + 2px);padding:var(--md-size);background-color:#fcfcfc}.idnex-header .title{color:#170f49;font-size:calc(var(--xl-size-base) + 2px);font-weight:700}.idnex-header .index-length{color:#c0c0c5;font-size:var(--sm-size);font-weight:500}.idnex-header .index-length span{color:var(--PrimaryColor)}.idnex-header .categories-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3);overflow-x:auto}.idnex-header .categories-container::-webkit-scrollbar{height:4px}.idnex-header .categories-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}.idnex-header .categories-container::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.idnex-header .categories-container .category{color:#b7beca;border:1px solid #f3f3f3;border-radius:var(--md-size-2);padding:var(--xs-size-2) calc(var(--xl-size-2) + 4px);font-size:var(--md-size);font-weight:700;transition:.3s all linear;cursor:pointer}.idnex-header .categories-container .category.active{color:#fff;background-color:var(--PrimaryColor)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.index-investigationMeeting .idnex-filter{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--xs-size);font-family:"Regular";padding:var(--md-size);background-color:rgba(0,0,0,0) !important;width:100%}.index-investigationMeeting .idnex-filter .btns{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:5px}.index-investigationMeeting .idnex-filter .filter-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--md-size);max-width:100%;overflow-x:auto}.index-investigationMeeting .idnex-filter .filter-container::-webkit-scrollbar{height:4px}.index-investigationMeeting .idnex-filter .filter-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}.index-investigationMeeting .idnex-filter .filter-container::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.index-investigationMeeting .idnex-filter .filter-container .filter{color:#3d4c5e;font-size:var(--xs-size);font-weight:600;border:1px solid #dde2ed;border-radius:calc(var(--xl-size-2) + 5px);padding:var(--xs-size-2) var(--md-size);cursor:pointer}.index-investigationMeeting .idnex-filter .filter-container .filter.active{background-color:rgba(31,65,187,.0509803922);color:var(--PrimaryColor);border:1px solid var(--PrimaryColor)}.index-investigationMeeting .btns-filter{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:var(--xs-size-3);width:100%}.index-investigationMeeting .btns-filter .btn-filter{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;color:var(--PrimaryColor);background-color:rgba(31,65,187,.0392156863);border:1px solid rgba(85,113,185,.1529411765);border-radius:calc(var(--xl-size-2) + 10px);transition:.3s all linear}.index-investigationMeeting .btns-filter .btn-filter:hover{background-color:#fff}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.index-investigationMeeting .index-table-card-container{grid-template-columns:repeat(3, 1fr);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--sm-size);width:100%}.index-investigationMeeting .index-table-card-container .first-card{width:100%}.index-investigationMeeting .index-table-card-container .first-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;gap:var(--xs-size-4);font-family:"Regular";background-color:#fbfbfb;padding:var(--xs-size);border-radius:20px}.index-investigationMeeting .index-table-card-container .header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:unset !important;background-color:#fbfbfb}.index-investigationMeeting .index-table-card-container .header .first-label-item-primary{color:var(--PrimaryColor);font-size:var(--md-size-2);font-weight:700}.index-investigationMeeting .index-table-card-container .header .first-label-item-primary span{color:#cacddb;font-size:var(--sm-size);font-weight:500}.index-investigationMeeting .index-table-card-container .header .new{font-weight:500;color:#4caf50;font-size:var(--md-size)}.index-investigationMeeting .index-table-card-container .header p:last-child{position:relative;padding-left:12px}.index-investigationMeeting .index-table-card-container .header p:last-child::before{content:"";display:inline-block;width:6px;height:6px;background-color:#4caf50;border-radius:50%;margin-right:4px;vertical-align:middle}.index-investigationMeeting .index-table-card-container .first-card-details{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xl-size-3);position:relative}.index-investigationMeeting .index-table-card-container .first-card-details .show-details{position:absolute;right:0;top:0;font-size:var(--sm-size);cursor:pointer;color:var(--PrimaryColor);font-weight:700;font-size:var(--sm-size);text-decoration:underline !important}.index-investigationMeeting .index-table-card-container .index-table-card{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;border:1px solid #f6f6f6;padding:var(--xs-size);border-radius:var(--xl-size-base);width:100%}.index-investigationMeeting .index-table-card-container .index-table-card .card-header-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end;padding-bottom:var(--xs-size);border-bottom:2px dashed #e1e4ed;width:100%;gap:var(--xs-size)}.index-investigationMeeting .index-table-card-container .index-table-card .card-header-container.show{border-bottom:none}.index-investigationMeeting .index-table-card-container .index-table-card .card-header-container .header-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;gap:var(--xs-size-4);font-family:"Regular";padding:var(--xs-size) 0}.index-investigationMeeting .index-table-card-container .index-table-card .card-header-container .header-container .label-item-secondary{color:#202020;font-size:var(--md-size);font-weight:700}.index-investigationMeeting .label-item-primary{color:#aeaeb2;font-size:var(--md-size);font-weight:500}.index-investigationMeeting .label-item-primary span{color:#202020;font-weight:500}.index-investigationMeeting .label-item{color:#aeaeb2;font-size:var(--sm-size);font-weight:500}.index-investigationMeeting .label-item span{color:#000}.index-investigationMeeting .date-color{color:var(--PrimaryColor) !important}.index-investigationMeeting .first-label-item-primary.high-observation{color:#d80027 !important}.index-investigationMeeting .first-label-item-primary.medium-observation{color:#ffbf52 !important}.index-investigationMeeting .google-icon{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-4);background:linear-gradient(90deg, rgb(255, 186, 0) 0%, rgb(0, 172, 71) 33.15%, rgb(66, 133, 244) 72%, rgb(234, 68, 53) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:700;font-size:var(--md-size)}.index-investigationMeeting .card-footer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-4);background-color:rgba(226,53,53,.05);width:100%;padding:1rem;border-radius:23px;position:relative}.index-investigationMeeting .card-footer img{height:24px}.index-investigationMeeting .card-footer p{font-size:var(--md-size);font-weight:700;margin:0}.index-investigationMeeting .card-footer .link-text{flex:1}.index-investigationMeeting .card-footer .join-now{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-4);color:#e23535;font-size:var(--md-size);font-weight:700}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.index-investigationMeeting .sidebar-container{background-color:#f5f5f5;border-radius:20px;padding:var(--xs-size)}.index-investigationMeeting .sidebar-card-header{display:flex;flex-direction:column;gap:var(--xs-size)}.index-investigationMeeting .sidebar-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;background-color:#f5f5f5 !important}.index-investigationMeeting .sidebar-label-item-primary{font-weight:700;color:#000061;font-size:var(--xl-size-base)}.index-investigationMeeting .sidebar-img{width:60px;height:60px}.index-investigationMeeting .sidebar-list{list-style:none;padding-left:0;margin:0}.index-investigationMeeting .sidebar-list li{position:relative;padding-left:18px;margin-bottom:6px;font-size:var(--md-size);color:#aeb1bc;font-weight:500}.index-investigationMeeting .sidebar-list li span{font-weight:500;font-size:var(--md-size);color:#202020}.index-investigationMeeting .sidebar-list li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;background-color:#000;border-radius:50%}.btn-danger{background-color:var(--BgWhite);color:var(--Red);border:1px solid var(--Red);border-radius:clamp(40px,5000vw/var(--base-width),60px)}.btn-danger:hover{background-color:var(--Red);color:var(--BgWhite)}.header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;padding:var(--xl-size-base);font-family:"Regular";background-color:#fff;border-bottom-left-radius:var(--xl-size-base);border-bottom-right-radius:var(--xl-size-base)}@media(max-width: 768px){.header{display:none}}.header .nav{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%}.header .setting{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xl-size-base)}.header .setting .countery-icon{width:50px;height:50px;padding:var(--xs-size-2);border-radius:50%;background-color:#f8f9fb;cursor:pointer}.header .setting .countery-icon svg{width:100%;height:100%;object-fit:cover}.header .setting .notification{width:40px;height:40px;margin:auto;padding:var(--xs-size-2);border-radius:50%;background-color:#f8f9fb}.header .setting .user{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-3);cursor:pointer}.header .setting .user img{width:50px;border-radius:50%}.header .setting .user .profile-data{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-start}.header .setting .user .profile-data span{text-align:start}.header .setting .user .profile-data span:first-child{color:#000;text-align:right;width:100%;min-width:130px}.header .setting .user .profile-data span:last-child{margin-left:auto;color:#9ca3af}.header .setting .user .dropdown-menu{position:absolute;right:var(--space-sm);top:calc(var(--xl-size-3) + var(--xl-size-base));background-color:#fff;border-radius:var(--radius-xs);box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:1000;min-width:150px}.header .setting .user .dropdown-menu li{cursor:pointer;padding:var(--sm-size);border-radius:var(--radius-xs);display:flex;align-items:center;gap:var(--gap-sm);color:#546881;transition:all .2s ease-in-out}.header .setting .user .dropdown-menu li:not(:last-child){border-bottom:1px solid #f2f2f3}.header .setting .user .dropdown-menu li:hover{background-color:#f2f2f3}.header .setting .user .dropdown-menu li:hover svg path{fill:var(--primary-color)}.header .search{width:60%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-3);background-color:#f8f9fb;padding:var(--sm-size);border-radius:var(--xl-size-base)}.header .search input{width:100%;border:none;outline:none;background-color:rgba(0,0,0,0)}.header .search input:focus{border:none;outline:none}.header .menu{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.header .menu .header-link{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}.header .menu h1{font-size:var(--md-size);color:var(--Gray-3);font-weight:400}.header .menu .route-name{font-size:var(--xl-size-base);color:var(--PrimaryColor)}body{background-color:#f8f9fb;color:var(--Black)}.content{display:flex;flex-direction:row;flex-wrap:flex-start;justify-content:stretch;align-items:stretch;gap:var(--xl-size-2)}.content .content-wrapper{flex:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:var(--md-size)}.content .main-content{background-color:var(--BgWhite);padding:var(--md-size);border-radius:var(--xl-size-base)}.sidebar{background-color:var(--BgWhite);width:250px;height:100vh;transition:all .3s ease-in-out;border-radius:0 var(--xl-size-base) var(--xl-size-base) 0;position:sticky;top:0;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:var(--md-size)}.sidebar .sidebar-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:var(--md-size);height:100vh;width:100%;background-color:var(--BgWhite)}.sidebar.close{width:50px}.sidebar .logo{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--md-size);padding:var(--md-size)}.sidebar .logo h2{font-size:var(--xl-size-base);font-weight:700;color:var(--Black)}.sidebar .close-sidebar{position:absolute;top:var(--md-size);right:calc(var(--xl-size-base)*-1);z-index:100;cursor:pointer;background-color:var(--BgWhite);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;width:calc(var(--xl-size-3) - var(--sm-size));height:calc(var(--xl-size-3) - var(--sm-size));border:3px solid #f8f9fb;border-radius:50%}.sidebar .links{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;scroll-behavior:smooth;overflow-y:scroll;gap:var(--md-size)}.sidebar .links::-webkit-scrollbar{width:2px}.sidebar .links::-webkit-scrollbar-thumb{border-radius:5px;background-color:var(--Gray-2)}.sidebar .links::-webkit-scrollbar-track{background-color:var(--Gray-2)}.sidebar .links::-webkit-scrollbar-thumb{background-color:var(--Gray-2)}.sidebar .links .links-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-4)}.sidebar .links ul{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:var(--sm-size);position:relative}.sidebar .links ul::before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background-color:var(--Gray-2)}.sidebar .links ul li{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--sm-size);font-size:var(--md-size);font-family:"Regular",sans-serif;color:var(--GrayText);cursor:pointer;transition:all .3s ease-in-out;font-weight:500}.sidebar .links ul li:hover{color:var(--PrimaryColor)}.sidebar .links ul li a{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-4)}.search{position:relative}.custom-dialog-header{min-height:auto}.custom-dialog-body{width:100%;background:var(--BgWhite);overflow:inherit}.custom-dialog-content{max-width:90%;border-radius:5% 2% 2% 5%}.check-boxes{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:var(--xs-size-2)}.check-box{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-2)}.check-box label{font-weight:500;font-size:var(--sm-size);color:var(--PrimaryColor);white-space:nowrap}.check-box input[type=checkbox]{appearance:none;-webkit-appearance:none;cursor:pointer;position:relative;width:16px;height:16px;margin:0}.check-box input[type=checkbox]::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;transition:all .2s ease;border:1px solid var(--GrayText);border-radius:0px;border-radius:3px}.check-box input[type=checkbox]::after{content:"";position:absolute;display:none;left:5px;top:3px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.check-box input[type=checkbox]:checked::before{background-color:var(--PrimaryColor);border-color:var(--PrimaryColor)}.check-box input[type=checkbox]:checked::after{display:block}.check-box input[type=checkbox]:focus-visible{outline:2px solid var(--PrimaryColor);outline-offset:2px}.hotel-swiper::part(bullet){background-color:var(--BgWhite)}.hotel-swiper::part(bullet-active){background-color:var(--BgWhite);width:16px;border-radius:var(--xl-size-2)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.dialog{border:none;padding:20px;border-radius:16px;text-align:center;margin:auto;background-color:var(--BgWhite)}.dialog img{max-width:250px;max-height:150px;object-fit:scale-down;margin:0 auto;display:block;aspect-ratio:16/9}.dialog h4{font-weight:bold;color:#000;font-family:"Regular";margin-block:1rem}.dialog p{color:#000}.dialog .dialog-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.dialog .dialog-close-btn{display:block;margin:10px auto;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer;outline:none}.dialog[open]::backdrop{animation:backdrop-fade-in .7s ease-out forwards;backdrop-filter:blur(5px)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.loader-dialog{animation:fade-out .7s ease-out;border:none;border-radius:5px;padding:20px 60px;margin:auto;background:#fff;background-color:rgba(0,0,0,0) !important}.loader-dialog .loader-container{padding:20px 60px}.loader-dialog[open]{animation:fade-in .7s ease-out}.loader-dialog[open]::backdrop{animation:backdrop-fade-in .7s ease-out forwards;backdrop-filter:blur(5px)}.loader{width:120px;height:22px;border-radius:20px;color:var(--PrimaryColor);border:2px solid;position:relative}.loader::before{content:"";position:absolute;margin:2px;inset:0 100% 0 0;border-radius:inherit;background:currentColor;animation:l6 2s infinite}@keyframes l6{100%{inset:0}}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.delete-dialog{padding:3rem;text-align:center;background-color:#fff !important;color:#000 !important}.delete-dialog img{width:350px;margin-left:auto;margin-right:auto;padding-right:25px}.delete-dialog .dialog-title{font-family:"bold",sans-serif;font-size:1.5rem}.delete-dialog p{font-family:"Regular",sans-serif;font-size:1rem;color:#717171;margin-bottom:var(--space-sm)}.delete-dialog .btn-third{border:1px solid #000}.delete-dialog .btns{display:flex;gap:1rem;width:100%;margin-top:1.2rem}.delete-dialog .btns button{width:50%}@font-face{font-family:"Light";src:url("/assets/URW%20DIN%20Arabic%20Light-Doctf-1_.ttf") format("truetype");font-weight:300}@font-face{font-family:"Regular";src:url("/assets/URW%20DIN%20Arabic%20Medium-ChlYrUAI.ttf") format("truetype");font-weight:500}@font-face{font-family:"Bold";src:url("/assets/URW%20DIN%20Arabic%20Bold-yZNgvwyY.ttf") format("truetype");font-weight:700}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.multi-image-uploader{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xl-size-base);width:100%}.multi-image-uploader .input-image{width:100%;border:1px solid #d9dbe9;border-radius:var(--xl-size-1);padding:var(--xl-size-base);cursor:pointer;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}.multi-image-uploader .input-image .input-label-images{cursor:pointer;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}.multi-image-uploader .input-image .input-label-images span{color:var(--Gray-3);font-size:var(--sm-size);font-weight:500}.multi-image-uploader .input-image input{cursor:pointer;display:none}.multi-image-uploader .image-gallery{width:100%;border:1px solid #d9dbe9;border-radius:var(--xl-size-1);padding:var(--xl-size-base)}.multi-image-uploader .image-gallery .image-item{width:100px;position:relative;overflow:hidden}.multi-image-uploader .image-gallery .image-item:hover .overlay{transform:translateY(0)}.multi-image-uploader .image-gallery .image-item .preview-img{border:1px solid #f4f4f4;border-radius:var(--xs-size);cursor:pointer}.multi-image-uploader .image-gallery .image-item .overlay{transform:translateY(100%);position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--xs-size);z-index:10000;background-color:rgba(0,0,0,.418);backdrop-filter:blur(2px);transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}.multi-image-uploader .image-gallery .image-item .overlay span{color:#e23535;font-size:var(--md-size);font-weight:600}.input-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:var(--xs-size-3);position:relative;font-family:"Light"}.input-wrapper.check-box{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:start;gap:var(--xs-size-2);align-items:center;justify-content:flex-start}.input-wrapper label{font-size:var(--md-size);color:#202020;font-weight:600;text-transform:capitalize;white-space:nowrap;text-align:start;font-family:"Light"}.input-wrapper .label-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:start}.input-wrapper .languages{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-2)}.input-wrapper .languages .input-lang{cursor:pointer}.input-wrapper .languages .input-lang .icon-lng{opacity:.7;transition:all .3s ease-in-out}.input-wrapper .languages input[type=radio]{display:none}.input-wrapper .languages input[type=radio]:checked+.icon-lng{opacity:1;border:1px solid var(--PrimaryColor);border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.2)}.input-wrapper input:not([type=checkbox]),.input-wrapper textarea{border:1px solid #d9dbe9;border-radius:var(--xs-size-2);padding:var(--md-size-2) var(--md-size);font-size:var(--sm-size);color:var(--Black);font-weight:500;white-space:nowrap;text-align:start;width:100%;outline:none;border-radius:var(--xl-size-2);transition:all .3s ease-in-out;background-color:rgba(0,0,0,0);caret-color:var(--PrimaryColor)}.input-wrapper input:not([type=checkbox]):focus-visible:valid,.input-wrapper textarea:focus-visible:valid{border-color:#d9dbe9}.input-wrapper input:not([type=checkbox]):focus-visible:invalid,.input-wrapper textarea:focus-visible:invalid{border-color:var(--Red)}.input-wrapper input:not([type=checkbox]):focus,.input-wrapper textarea:focus{border-color:var(--PrimaryColor)}.input-wrapper input:not([type=checkbox]):focus-visible,.input-wrapper textarea:focus-visible{outline:none}.input-wrapper input:not([type=checkbox]):placeholder,.input-wrapper textarea:placeholder{color:var(--Gray-3)}.input-wrapper input:not([type=checkbox]):disabled,.input-wrapper textarea:disabled{background-color:#d9dbe9}.input-wrapper .select-lang{position:absolute;right:var(--md-size);top:calc(50% + var(--sm-size));transform:translateY(-50%);color:var(--PrimaryColor);font-size:var(--sm-size);font-weight:500;cursor:pointer;text-transform:capitalize}.input-append{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-2)}.input-append .input-wrapper{flex:1;font-family:"Light"}.input-append .btn-add{background-color:var(--Gray-1);width:clamp(27.2px,3400vw/var(--base-width),40.8px);height:clamp(27.2px,3400vw/var(--base-width),40.8px);border-radius:50%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.input-append .btn-add.added{background-color:var(--PrimaryColor)}.input-append .btn-add.added svg path{fill:var(--BgWhite)}.input-append .btn-minus{background-color:var(--Red);width:clamp(27.2px,3400vw/var(--base-width),40.8px);height:clamp(27.2px,3400vw/var(--base-width),40.8px);border-radius:50%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.input-append .file-append label,.input-append .file-append .img-preview{background-color:var(--Gray-2);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;width:clamp(44.8px,5600vw/var(--base-width),67.2px);height:clamp(44.8px,5600vw/var(--base-width),67.2px);border:1px solid #d9dbe9;border-radius:50%}.p-accordionpanel{border-color:var(--Gray-2) !important;font-size:var(--sm-size);font-weight:600}.p-select{border-color:#d9dbe9 !important;font-family:"Regular";font-size:var(--sm-size);font-weight:600;padding:var(--xs-size-3);margin-top:var(--xs-size-3)}.p-select:focus{border-color:#d9dbe9 !important}.p-select-overlay{background-color:#fff !important;border:none !important;font-size:var(--sm-size);font-weight:600}.p-select-overlay .p-inputtext{background-color:#fff !important;border:none !important}.p-select-option{font-family:"Regular";font-size:var(--sm-size);font-weight:600;background-color:#fff !important;color:#000 !important}.p-select-empty-message{color:#000 !important}.p-multiselect-overlay{font-family:"Regular";font-size:var(--sm-size);font-weight:600;background-color:#fff !important;border:none !important;color:#000 !important;margin-top:var(--xl-size-base) !important}.p-multiselect-overlay .p-inputtext{color:#000 !important;background-color:#fff !important;border:1px solid #d9dbe9 !important}.p-multiselect-option{font-family:"Regular";font-size:var(--sm-size);font-weight:600;background-color:#fff !important;color:#0f1927 !important;font-size:var(--sm-size) !important;font-weight:600 !important;display:flex !important;flex-direction:row-reverse !important;justify-content:space-between !important;padding:20px !important}.p-multiselect-option:hover{background-color:rgba(29,78,216,.0588235294) !important}.p-checkbox-input{font-family:"Regular";font-size:var(--sm-size);font-weight:600;background-color:#fff !important}.p-checkbox-input:focus{border:1px solid #d9dbe9 !important}.p-multiselect{font-family:"Regular";font-size:var(--sm-size);font-weight:600;border-color:#d9dbe9 !important;padding:var(--xs-size-3);margin-top:var(--xs-size-3)}.p-multiselect:focus{border-color:#d9dbe9 !important}.p-multiselect-label{color:#000 !important;margin-inline:5px;border-radius:20px;width:fit-content}.p-multiselect-label.p-placeholder{color:#9ca3af !important;font-size:14px !important;font-weight:500 !important}.p-checkbox-box{background-color:#fff !important;border:1px solid #8d8d8d !important;transition:all .2s ease;border-radius:50% !important;width:var(--xl-size-base) !important;height:var(--xl-size-base) !important}.p-checkbox-box:first-child{display:none !important}.p-checkbox-checked .p-checkbox-box{background-color:#1d4ed8 !important;border:none !important}.p-checkbox-checked .p-checkbox-box svg{display:none !important}.p-checkbox-box.p-highlight{background-color:var(--PrimaryColor) !important;border-color:var(--PrimaryColor) !important;color:#fff !important}.p-checkbox-box.p-highlight .p-checkbox-icon{color:#fff !important}.p-multiselect-header .p-checkbox-box{display:none !important}.optionlabel{font-family:"Regular";font-size:var(--sm-size);font-weight:600}.p-multiselect-chip-item{background-color:rgba(29,78,216,.1019607843) !important;border-radius:var(--sm-size) !important}.p-multiselect-chip-item .p-chip{background-color:#fff !important;color:var(--PrimaryColor) !important;padding:var(--xs-size-2) var(--xs-size) !important;border-radius:var(--sm-size) !important;font-size:var(--sm-size) !important;font-weight:600 !important;box-shadow:inset 3px 2px 13px rgba(29,79,216,.2) !important;display:inline-flex !important;align-items:center !important;gap:4px !important;border:1px solid #d9dbe9 !important;flex-shrink:0 !important;height:32px !important;line-height:1 !important}.p-multiselect-chip-item svg{background:#fff !important}.p-multiselect-chip-item svg path{fill:#1d4ed8 !important}.p-select-label{font-size:var(--sm-size) !important;font-weight:500 !important;border-radius:20px !important;width:fit-content !important;color:var(--PrimaryColor) !important}.p-select-label.p-placeholder{font-weight:300 !important;font-size:14px !important;color:#9ca3af !important}.input-label{width:100%;justify-content:space-between;display:flex;flex-direction:row-reverse;gap:5px}.input-label label{width:fit-content;text-align:start;font-weight:600;font-size:var(--md-size);color:#202020;font-family:"Light"}.input-label span{width:fit-content}.p-datepicker-input::placeholder,.text-input::placeholder,.ql-editor::placeholder,#SerialNumber::placeholder{font-weight:300 !important;font-size:14px !important;color:#9ca3af !important}.ql-editor.ql-blank::before{content:attr(data-placeholder);position:absolute;top:10px;left:12px;color:#9ca3af !important;font-weight:400 !important;font-size:14px !important;font-style:normal !important;pointer-events:none;opacity:.7;transition:opacity .2s ease}:deep(.ql-editor:not(.ql-blank)::before){opacity:0}.p-checkbox{width:28px !important;height:20px !important}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin-top:5px}@media(max-width: 1100px){.table-responsive table{width:100%}.table-responsive table tbody tr:nth-child(even){background-color:var(--primary-color-opacity-1)}}.table-responsive table.main-table{width:100%;background-color:#fff}.table-responsive table.main-table thead{font-size:.8rem;font-family:"Regular"}.table-responsive table.main-table thead tr th{background-color:#f5f6f7;padding:var(--sm-size);text-align:start;font-size:.8rem;color:var(--Gray-3);font-weight:500;font-size:var(--sm-size)}.table-responsive table.main-table thead tr th:first-child{border-top-left-radius:var(--sm-size);border-bottom-left-radius:var(--sm-size)}.table-responsive table.main-table thead tr th:last-child{border-top-right-radius:var(--sm-size);border-bottom-right-radius:var(--sm-size)}.table-responsive table.main-table thead tr th:last-of-type{display:flex;justify-content:start}.table-responsive table.main-table tbody{font-family:"Regular";padding-top:10px}.table-responsive table.main-table tbody tr{font-size:1rem}.table-responsive table.main-table tbody tr:not(:first-child){border-top:1px solid #f3f3f3}.table-responsive table.main-table tbody tr td{padding:var(--sm-size);font-size:.8rem;color:#4b5563;font-size:var(--md-size);font-weight:500}.table-responsive table.main-table tbody tr td img{width:36px;height:36px;border-radius:50%}.table-responsive table.main-table tbody tr td:last-of-type{display:flex;justify-content:start}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.list-trigger{background-color:var(--table-header-bg);width:30px;height:30px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000}.p-popover:after,.p-popover:before{display:none;border:none}.p-popover{border:none !important}.p-popover .p-popover-content{border:none;padding:0}.list-body{background-color:#fff;font-family:"medium",sans-serif;border-radius:var(--radius-sm);color:#000;border:none}.list-body .p-popover{border:none}.list-body .p-popover .p-popover-content{padding:0}.list-body .list-item{font-family:"Regular";min-width:120px;display:flex;align-items:center;gap:.8rem;margin-bottom:var(--space-sm);margin-top:var(--space-sm);transition:linear all .3s;font-size:var(--sm-size);font-weight:500;cursor:pointer}.list-body .list-item a{padding:var(--xs-size-2) var(--xs-size);width:100%}.list-body .list-item:not(:last-child){border-bottom:1px solid var(--Gray-2)}.list-body .list-item:hover{background-color:rgba(29,78,216,.0588235294)}.list-body .list-item button{display:flex;align-items:center;gap:8px;width:100%;padding:var(--xs-size-2) var(--xs-size)}.list-body .list-item svg:not(.list-danger){width:20px}.list-body .list-item.list-danger{color:var(--danger-color)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.pagination-wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--sm-size);margin:var(--sm-size) 0}@media(max-width: 768px){.pagination-wrapper{flex-direction:column;align-items:start}}.pagination-wrapper .show-results,.pagination-wrapper .count-per-page{font-family:"Tajawal-regular",sans-serif;font-size:var(--md-size);color:var(--GrayText)}@media(max-width: 768px){.pagination-wrapper .show-results,.pagination-wrapper .count-per-page{font-size:.9rem}}.pagination-wrapper .pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--xs-size)}.pagination-wrapper .pagination .pagination-item{font-family:"Tajawal-regular",sans-serif;font-size:var(--md-size);color:var(--GrayText);padding:var(--xs-size) var(--sm-size);border-radius:8px;cursor:pointer}.pagination-wrapper .pagination .pagination-item.active{color:var(--GrayText-1);background-color:var(--Gray-2)}.pagination-wrapper .pagination .count-per-page-select{padding:var(--xs-size) var(--sm-size);background-color:var(--Gray-2);border-radius:8px;border:1px solid var(--main-border);font-family:"Tajawal-regular",sans-serif;font-size:var(--md-size);color:var(--GrayText)}.pagination-wrapper .count-per-page{display:flex;align-items:center;gap:var(--xs-size)}.pagination-wrapper .pagination-btn{display:flex;align-items:center;gap:var(--xs-size);font-family:"Tajawal-regular",sans-serif;font-size:var(--md-size);padding:var(--xs-size) var(--sm-size);color:var(--GrayText-1);background-color:var(--Gray-2);border-radius:8px;cursor:pointer}@media(max-width: 768px){.pagination-wrapper .pagination-btn{font-size:.8rem}}.p-popover-content{padding:0 !important}.per-page{display:flex;align-items:center;gap:var(--xs-size);flex-direction:column}.per-page span{padding:var(--xs-size) var(--xl-size-1);font-family:"Tajawal-regular",sans-serif;font-size:var(--md-size);color:var(--GrayText);cursor:pointer}.per-page span:hover{color:var(--GrayText-1);background-color:var(--Gray-2)}.p-skeleton{background:radial-gradient(rgb(133, 131, 131), transparent) !important}.close-icon svg{width:20px}.file-append{position:relative;width:100%;border:1px solid #d9dbe9;border-radius:20px;padding:7px;font-family:"Regular"}.file-preview{width:100%}.image-gallery{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.image-item{position:relative;width:120px;height:120px;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.preview-img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s;cursor:pointer}.image-item:hover .overlay{opacity:1}.file-info{padding:2px 5px}.file-name{font-weight:500;margin-bottom:4px;word-break:break-all;font-size:14px}.file-size{font-size:.875rem;color:#6b7280}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.checkbox-button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;background-color:var(--checkbox-bg);width:100%;padding:var(--xl-size-base);border-radius:var(--xl-size-base);font-family:"Regular";position:relative;box-shadow:0 1px 4px rgba(0,0,0,.1);border-left:3px solid #8886ff}@media(max-width: 768px){.checkbox-button{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size)}}.checkbox-button .checkbox-data{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-4)}@media(max-width: 768px){.checkbox-button .checkbox-data{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}}.checkbox-button .checkbox-data img{max-width:20px;max-height:20px}.checkbox-button .checkbox-data .title{color:#121212;font-weight:600;font-size:var(--md-size-2)}@media(max-width: 768px){.checkbox-button .checkbox-data .title{text-align:center}}.checkbox-button .p-checkbox-box{border-radius:3px !important}.checkbox-button .p-checkbox-box svg{display:block !important;width:15px !important;height:15px !important;margin:auto !important;color:#fff !important}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.actions-buttons{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-3);font-family:"Regular";width:100%}.actions-buttons .actions-buttons-title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-4);font-size:var(--md-size);font-weight:600;color:#202020}.actions-buttons .actions-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xl-size-1);width:100%}.actions-buttons .actions-container .action-container{width:33%}.actions-buttons .actions-container .action-container .action-box{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;border-radius:calc(var(--xl-size-2) + 3px);border:1px solid #d9dbe9;padding-inline:var(--md-size);cursor:pointer;transition:.3s all linear}@media(max-width: 768px){.actions-buttons .actions-container .action-container .action-box{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}}.actions-buttons .actions-container .action-container .action-box.active{background-color:#f4f7ff;border:1px solid #1d4ed8}.actions-buttons .actions-container .action-container .action-box.active .title{color:#1d4ed8}.actions-buttons .actions-container .action-container .action-box:hover .movement-icon{display:block;max-width:80px;max-height:80px}.actions-buttons .actions-container .action-container .action-box:hover .icon{display:none}.actions-buttons .actions-container .action-container .action-box .title{color:#121212;font-size:var(--md-size);font-weight:500}.actions-buttons .actions-container .action-container .action-box .icon{max-width:80px;max-height:80px}.actions-buttons .actions-container .action-container .action-box .movement-icon{max-width:80px;max-height:80px;display:none}.actions-buttons .actions-container .action-container .action{display:none}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.items-list-container{border-radius:var(--xl-size-base);background-color:#f8f8f8;font-family:"Regular";margin-top:var(--xs-size-2);border:none}.items-list-container .items-list-header{padding:var(--xs-size) var(--md-size);border-bottom:1px solid #f2f2f2}.items-list-container .items-list-header .add-item{background-color:#1d4ed8;border-radius:50%;width:30px !important;height:30px !important;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.items-list-container .items-list-header .add-item .icon{color:#fff !important}.items-list-container .items-list-header .add-item .icon svg path{fill:#fff !important}.items-list-container .input-item{width:90%}.items-list-container .input-item .item-title{background-color:#fff !important;border:1px solid #d9dbe9 !important}.items-list-container .input-item .item-title::placeholder{color:#9ca3af;font-size:var(--sm-size);font-weight:500}.items-list-container .items-actions{background-color:#fff !important;width:60px !important;height:60px !important;border-radius:50%;margin-top:calc(var(--xl-size-1) + 4px);border:1px solid #d9dbe9;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-2)}.items-list-container .items-actions .remove-item{background-color:#1d4ed8;border-radius:50%;width:30px !important;height:30px !important;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.items-list-container .items-actions .remove-item .icon{color:#fff !important}.items-list-container .items-actions .remove-item .icon svg path{fill:#fff !important}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.form-header-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;width:100%;padding:var(--xl-size-1) var(--sm-size);font-family:"Regular";background-color:#f8f9fb;border-radius:calc(var(--xl-size-1) + 3px)}.form-header-container .form-header{background-color:#f8f9fb;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-3)}.form-header-container .form-header .title{color:#121212;font-size:calc(var(--xl-size-1) + 2px);font-weight:700}.form-header-container .form-header .subtiltle{color:var(--PrimaryColor);font-size:var(--md-size);font-weight:600}.form-header-container .edit{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:var(--xs-size-4);color:var(--PrimaryColor);font-size:var(--sm-size);font-weight:700;cursor:pointer}.form-header-container .edit span{text-decoration:underline}.form-header-container .edit .icon{width:18px;height:18px}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.main-objective{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xl-size-base);padding:var(--md-size);font-family:"Regular";background-color:rgba(250,250,250,.8);border-radius:var(--xl-size-base);width:100%}.main-objective .objective-details{width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.objectives{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--xl-size-base);width:100%;width:100%;font-family:"Regular";padding-inline:calc(var(--xl-size-2) + 2px)}@media(max-width: 1440px){.objectives{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 1000px){.objectives{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.objectives{grid-template-columns:repeat(2, 1fr)}}.objectives .object{width:100%;color:var(--PrimaryColor);font-weight:600;font-size:var(--md-size);position:relative}.objectives .object::before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background-color:var(--PrimaryColor)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.section-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:calc(var(--xs-size-4) + 1px);font-family:"Regular"}.section-header .section-img{width:50px;height:50px}.section-header .header-text{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.section-header .header-text .title{font-weight:700;font-size:calc(var(--xl-size-base) + 2px)}.section-header .header-text .subtitle{color:var(--subtitle-color);font-weight:500;font-size:var(--sm-size)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.section-header-page{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--sm-size);font-family:"Regular";background:#f7f9fc;border-radius:calc(var(--xl-size-base) + 3px);padding:var(--sm-size) var(--md-size);margin-block:var(--sm-size)}.section-header-page .section-img-page{width:50px;height:50px}.section-header-page .section-number-page{border-radius:11px;border:2px solid #fff;background:#f7f9fc;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;width:45px;height:45px;padding:var(--xs-size)}.section-header-page .section-number-page span{color:var(--PrimaryColor);font-family:"Bold";font-size:var(--xl-size-base)}.section-header-page .header-text-page{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.section-header-page .header-text-page .title-page{font-weight:700;font-size:calc(var(--xl-size-base) + 2px);color:var(--header-page-color)}.section-header-page .header-text-page .subtitle-page{color:var(--subtitle-color);font-weight:500;font-size:var(--sm-size)}.breadcrumbs-project{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-2)}.breadcrumbs-project .first-item{color:var(--PrimaryColor);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:baseline;font-family:"Bold";gap:var(--xs-size)}.breadcrumbs-project .first-item .small-circle{width:8px;height:8px;border-radius:50%;background-color:var(--PrimaryColor)}.breadcrumbs-project .last-child{color:var(--subtitle-color);font-family:"Regular"}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.project-location{background-color:rgba(250,250,250,.8);padding:var(--md-size);border-radius:var(--xl-size-base);font-family:"Regular";display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xl-size-base);width:100%}.project-location .card-section{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;width:100%;gap:var(--xs-size-3);width:100%}@media(max-width: 1440){.project-location .card-section{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 1000){.project-location .card-section{grid-template-columns:repeat(1, 1fr)}}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.location-card{background-color:#fff;padding:var(--xs-size);border-radius:var(--xl-size-base);width:100%;font-family:"Regular";height:11rem}.location-card .card-header{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:4px}.location-card .card-header .location-header{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.location-card .card-header .location-header .title{font-weight:700;color:#121212;font-size:var(--md-size-2)}.location-card .card-header .location-header .zone{font-size:var(--sm-size);font-weight:600;color:#6b7280}.location-card .card-header .location-header .zone span{color:#121212}.location-card .card-header .location{color:var(--PrimaryColor);font-size:var(--md-size);font-weight:500;text-decoration:underline}.location-card .card-hr{width:100%;border:none;height:1px;background-color:#f1f3f5;margin-block:var(--md-size)}.location-card .locations{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--xs-size)}.location-card .locations .location-title{color:#6b7280;background-color:#fcfcfc;font-size:var(--sm-size);font-weight:600;padding:var(--xs-size-2) var(--md-size-2);border:1px solid #f1f3f5;border-radius:var(--sm-size)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.locations-teams{background-color:rgba(250,250,250,.8);padding:var(--md-size) var(--md-size) var(--xl-size-2) var(--md-size);border-radius:var(--xl-size-base);font-family:"Regular";display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xl-size-base);width:100%}.locations-teams .locations-teams-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:var(--xs-size-3);width:100%}.locations-teams .locations-teams-header .show-all{color:#3d4c5e;font-size:var(--md-size);font-weight:700;text-decoration:underline}.locations-teams .locations-sections{width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.teams-locations{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xl-size-base);width:100%}.teams-locations .location{position:relative;width:100%;margin-block:var(--md-size)}.teams-locations .location::after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-80%);width:12px;height:12px;background-color:rgba(29,78,216,.1019607843);rotate:45deg;z-index:999}.teams-locations .location::before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-80%);width:12px;height:12px;background-color:rgba(29,78,216,.1019607843);rotate:45deg}.teams-locations .location .location-hr{width:100%;border:none;height:2px;background-color:rgba(29,78,216,.1019607843)}.teams-locations .location .location-title{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--PrimaryColor);z-index:999;font-size:var(--md-size-2);font-weight:700}.teams-locations .teams{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;width:100%;width:100%}@media(max-width: 1440px){.teams-locations .teams{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 1000px){.teams-locations .teams{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.teams-locations .teams{grid-template-columns:repeat(1, 1fr)}}.teams-locations .empty-teams{text-align:center;padding-bottom:10px;font-size:24px;margin:auto}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.team-card{padding:var(--xs-size);border-radius:var(--xl-size-base);background-color:#fff;font-family:"Regular";width:100%;height:100%}.team-card.employee-card .members-section .member-card{width:100%}@media(max-width: 1000px){.team-card.employee-card .members-section .member-card{width:50%}}@media(max-width: 768px){.team-card.employee-card .members-section .member-card{width:100%}}.team-card-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.team-card-header .team-card-header-content{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;gap:var(--xs-size-2)}.team-card-header .team-card-header-content .team-card-text{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:2px}.team-card-header .team-card-header-content .team-card-text .team-card-title{color:var(--PrimaryColor);font-weight:700;font-size:var(--sm-size)}.team-card-header .team-card-header-content .team-card-text .team-card-members{color:#6b7280;font-size:var(--xs-size);font-weight:500}.team-card-header .state{color:#121212;font-size:var(--sm-size);font-weight:700}.team-card-header .state button{text-decoration:underline}.members-section{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;width:100%}@media(max-width: 1440px){.members-section{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 1024px){.members-section{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.members-section{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.members-section{grid-template-columns:repeat(1, 1fr)}}.members-section .member-card{flex:0 0 auto;width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.member-card{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3);font-family:"Regular";margin-top:var(--xs-size-2);border-radius:var(--md-size);border:1px solid #f9f9f9;position:relative;width:50%}.member-card.employee-card{width:25%}@media(max-width: 1000px){.member-card.employee-card{width:50%}}@media(max-width: 768px){.member-card.employee-card{width:100%}}.member-card .member-img{width:40px;height:40px}.member-card .card-delete{position:absolute;top:0;right:10px;cursor:pointer}.member-card .member-data{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4);width:100%}.member-card .member-data .name{color:#0f1927;font-size:var(--md-size);font-weight:700;text-decoration:underline}.member-card .member-data .position{color:#9ca3af;font-size:var(--sm-size);font-weight:500}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.empty-teams{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--md-size);margin-left:auto;margin-right:auto;width:100%}.empty-teams .empty-text{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4)}.empty-teams .empty-text .title{color:#4b5563;font-size:var(--md-size-2);font-weight:700}.empty-teams .empty-text .subtitle{color:#9ca3af;font-size:var(--sm-size);font-weight:500;max-width:400px;text-align:start}.empty-teams .empty-text .subtitle span{color:var(--PrimaryColor);text-decoration:underline;font-weight:600}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.equipment-section{background-color:rgba(250,250,250,.8);padding:var(--md-size) var(--md-size) var(--xl-size-2) var(--md-size);border-radius:var(--xl-size-base);font-family:"Regular";display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xl-size-base);width:100%}.equipment-section .equipment-section-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:var(--xs-size-3);width:100%}.equipment-section .equipment-section-header .show-all{color:#3d4c5e;font-size:var(--md-size);font-weight:700;text-decoration:underline}.equipment-section .equipments-sections{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-2);width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.equipment-card{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;width:100%;font-family:"Regular";background-color:#fff;border-radius:var(--xl-size-base);padding:var(--xs-size)}.equipment-card .equipment-card-header-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%}.equipment-card .equipment-card-header-container .equipment-card-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3);width:100%}.equipment-card .equipment-card-header-container .equipment-card-header .equipment-card-header-text{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:2px}.equipment-card .equipment-card-header-container .equipment-card-header .equipment-card-header-text .title{color:#121212;font-weight:700;font-size:var(--md-size-2)}.equipment-card .equipment-card-header-container .equipment-card-header .equipment-card-header-text .subtitle{color:#6b7280;font-size:var(--sm-size);font-weight:600}.equipment-card .equipment-card-header-container .equipment-card-header .equipment-card-header-text .subtitle span{color:#121212}.equipment-card .equipment-card-actions{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:var(--xs-size-3)}.equipment-card .equipment-hr{border:none;height:1px;margin-block:var(--md-size);background-color:#f1f3f5;width:100%}.equipment-card .tool-cards{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;width:100%;gap:10px}@media(max-width: 1440px){.equipment-card .tool-cards{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 900px){.equipment-card .tool-cards{grid-template-columns:repeat(1, 1fr)}}.equipment-card .empty-tools{text-align:center;font-size:24px;margin:auto}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.tool-card{width:100%;background-color:#fafafa;padding:var(--xs-size);border-radius:var(--sm-size);font-family:"Regular"}.tool-card .tool-card-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;gap:var(--xs-size-2)}.tool-card .tool-card-header .tool-card-header-text{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:6px}.tool-card .tool-card-header .tool-card-header-text .type{color:#9ca3af}.tool-card .tool-card-header .tool-card-header-text .type .main-type{color:var(--PrimaryColor);font-weight:600;font-size:var(--sm-size)}.tool-card .tool-card-header .tool-card-header-text .type .subtype{color:#9ca3af;font-weight:600;font-size:var(--sm-size)}.tool-card .tool-card-header .tool-card-header-text .title{color:#0f1927;font-weight:700;font-size:var(--md-size)}.tool-card .tool-card-header .tool-card-header-text .inspection{color:#9ca3af;font-weight:500;font-size:var(--sm-size)}.tool-card .tool-card-header .tool-card-header-text .inspection .date{color:#4b5563}.tool-card .tool-card-header .tool-card-header-text .inspection .per{color:var(--PrimaryColor)}.tool-card .tool-hr{width:100%;height:1px;border:none;margin-block:var(--xs-size);background-color:#f1f3f5}.tool-card .tool-subtitle{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-2)}.tool-card .tool-subtitle .subtitle{color:#121212;font-weight:600;font-size:var(--sm-size)}.tool-card .tool-card-footer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;margin-top:var(--xs-size)}.tool-card .tool-card-footer p{color:#6b7280;font-weight:500;font-size:var(--xs-size)}.tool-card .tool-card-footer p.date span,.tool-card .tool-card-footer p.added-by span{color:#121212;font-weight:600}.tool-card .tool-card-footer p.status span{color:#4caf50}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.project-details-section{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xl-size-2)}.add-hierarchy{width:100%}.add-hierarchy .submit-btn{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size);margin-top:var(--md-size)}.add-hierarchy .submit-btn button{padding:var(--md-size);width:100%;color:#fff;background-color:var(--PrimaryColor)}.add-hierarchy .submit-btn .btn-cancel{border-radius:36px;border:1px solid rgba(226,53,53,.4);background:rgba(226,53,53,.1);color:var(--danger-color);width:25%}.add-hierarchy .hierarchy-form{margin-top:var(--xl-size-3);background-color:#fbfbfb;padding:var(--sm-size) var(--xs-size);border-radius:var(--xl-size-base);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;width:100%}.add-hierarchy .hierarchy-form .dashed-line{margin-block:var(--sm-size);width:100%}.add-hierarchy .hierarchy-form .form-employee-wrapper{margin-block:var(--sm-size);width:100%;background-color:var(--BgWhite);padding:var(--sm-size) var(--xs-size);border-radius:var(--xl-size-base)}.add-hierarchy .hierarchy-form .art-line{margin-block:var(--sm-size);width:100%}.add-hierarchy .hierarchy-form .equipment-form{width:100%}.add-hierarchy .hierarchy-form .equipment-form .input-container{margin:0}.add-hierarchy .hierarchy-form .title{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding-inline:var(--sm-size);gap:.5rem}.add-hierarchy .hierarchy-form .title h5{color:var(--second-dark-color);font-family:"Bold";font-size:var(--xl-size-1)}.add-employee{width:100%}.add-employee .submit-btn{width:100%;margin-top:var(--md-size);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size)}.add-employee .submit-btn .btn{padding:var(--md-size);flex:1;color:#fff;background-color:var(--PrimaryColor);border-radius:36px;text-align:center;transition:background-color .2s ease}.add-employee .submit-btn .btn:hover{background-color:var(--PrimaryColor)}.add-employee .submit-btn .btn.btn-cancel{flex:.25;border:1px solid rgba(226,53,53,.4);background:rgba(226,53,53,.1);color:var(--danger-color)}.add-employee .submit-btn .btn.btn-cancel:hover{background:rgba(226,53,53,.2)}.add-employee .employee-form{margin-top:var(--xl-size-3);width:100%;background-color:#fbfbfb;padding:var(--sm-size) var(--xs-size);border-radius:var(--xl-size-base);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.add-employee .employee-form .type{position:relative;width:100%}.add-employee .employee-form .type .art-line{position:relative;margin-block:var(--sm-size);width:100%}.add-employee .employee-form .type .location{position:absolute;top:39%;left:50%;transform:translate(-50%, -50%);background-color:#fbfbfb;border-radius:50%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.5rem}.add-employee .employee-form .type .location h5{color:var(--header-page-color);font-family:"Bold";font-size:var(--xl-size-2)}.add-employee .employee-form .type .location sub{color:#cdcdcd;font-family:"Regular";font-size:var(--xs-size)}.add-employee .employee-form .dashed-line{margin-block:var(--sm-size);width:100%}.add-employee .employee-form .form-employee-wrapper{width:100%;background-color:var(--BgWhite);padding:var(--sm-size) var(--xs-size);border-radius:var(--xl-size-base)}.add-employee .employee-form .equipment-form{width:100%}.add-employee .employee-form .equipment-form .input-container{margin:0}.add-employee .employee-form .title{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding-inline:var(--sm-size);gap:.5rem}.add-employee .employee-form .title h5{color:var(--PrimaryColor);font-family:"Bold";font-size:var(--xl-size-1)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.inspections-sections{width:100%;background:rgba(250,250,250,.8);border-radius:16px;padding:var(--xl-size-base);margin-block:var(--md-size)}.inspections-sections .inspections{width:100%}.inspections-sections .inspections .inspections-cards{margin-top:var(--xl-size-base);width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--md-size-2);width:100%}@media screen and (max-width: 900px){.inspections-sections .inspections .inspections-cards{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--md-size-2);width:100%}}@media screen and (max-width: 768px){.inspections-sections .inspections .inspections-cards{display:grid;grid-template-columns:repeat(1, 1fr);gap:var(--md-size-2);width:100%}}.inspections-sections .inspections .inspections-cards .inspections-card{background-color:var(--BgWhite);width:100%;border-radius:16px;padding:var(--md-size)}.inspections-sections .inspections .inspections-cards .inspections-card .card-header{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.inspections-sections .inspections .inspections-cards .inspections-card .card-header .card-header-title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.inspections-sections .inspections .inspections-cards .inspections-card .card-header .card-header-title .title{font-size:var(--xl-size-base);font-weight:600;color:var(--second-dark-color)}.inspections-sections .inspections .inspections-cards .inspections-card .card-header .tasks-num{font-weight:500;color:var(--second-dark-color)}.inspections-sections .inspections .inspections-cards .inspections-card .card-header .tasks-num span{color:var(--subtitle-color);font-weight:400}.inspections-sections .inspections .inspections-cards .inspections-card .card-divider{width:100%;background-color:#f1f3f5;height:2px;border:none;margin-block:var(--xs-size-2)}.inspections-sections .inspections .inspections-cards .inspections-card .card-body{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.inspections-sections .inspections .inspections-cards .inspections-card .card-body .content-container .status{color:#8a38f5;font-weight:700;font-size:var(--sm-size)}.inspections-sections .inspections .inspections-cards .inspections-card .card-body .content-container .card-body-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3)}.inspections-sections .inspections .inspections-cards .inspections-card .card-body .content-container .card-body-content .content-title{font-weight:700;font-size:var(--md-size);color:var(--second-dark-color);margin-block:var(--xs-size-3)}.inspections-sections .inspections .inspections-cards .inspections-card .card-body .content-container .card-body-content .content-date{font-size:var(--xs-size);color:var(--subtitle-color)}.inspections-sections .inspections .inspections-cards .inspections-card .card-body .content-container .assign-to{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3);color:var(--subtitle-color);font-size:var(--sm-size);width:100%}.inspections-sections .inspections .inspections-cards .inspections-card .card-body .content-container .assign-to p{color:var(--second-dark-color);font-weight:700;text-decoration:underline}.inspections-sections .divider{width:100%;border:none;background-color:#f1f3f5;height:2px;margin-block:var(--md-size)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.inspection-dialog .inspections-sections{height:800px;overflow-y:auto;padding-inline:var(--sm-size);padding-top:0;margin:0}.inspection-dialog .inspections-sections::-webkit-scrollbar{width:8px}.inspection-dialog .inspections-sections::-webkit-scrollbar-thumb{background-color:var(--bg-gray);border-radius:4px}.inspection-dialog .inspections-sections .inspections .inspections-cards{display:grid;grid-template-columns:repeat(1, 1fr);gap:var(--xs-size);width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.emoloyees-details{background-color:#fcfcfc;padding:var(--sm-size);margin-block:30px}.emoloyees-details .card-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.emoloyees-details .card-header .card-actions{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:var(--md-size)}.emoloyees-details .card-header .card-actions button,.emoloyees-details .card-header .card-actions a{padding-inline:calc(var(--xl-size-base) + 2px);padding-block:var(--xs-size-3);font-size:var(--sm-size);font-weight:600;border-radius:calc(var(--xl-size-2) + 16px);transition:all .3s linear}.emoloyees-details .card-header .card-actions button.edit-btn,.emoloyees-details .card-header .card-actions a.edit-btn{background-color:rgba(29,78,216,.0588235294);border:1px solid var(--PrimaryColor);color:var(--PrimaryColor)}.emoloyees-details .card-header .card-actions button.edit-btn:hover,.emoloyees-details .card-header .card-actions a.edit-btn:hover{color:#fff;background-color:var(--PrimaryColor);border:1px solid rgba(29,78,216,.0588235294)}.emoloyees-details .card-header .card-actions button.create-btn,.emoloyees-details .card-header .card-actions a.create-btn{background-color:var(--PrimaryColor);color:#fff}.emoloyees-details .card-header .card-actions button.add-btn,.emoloyees-details .card-header .card-actions a.add-btn{background-color:#041953;color:#fff}.emoloyees-details .card-header .card-actions button.add-btn:hover,.emoloyees-details .card-header .card-actions a.add-btn:hover{color:#041953;background-color:#fff;border:1px solid #041953}.emoloyees-details .employee-hr{margin-block:var(--md-size-2);border-style:dashed;border-color:#dce3ef}.emoloyees-details .employees-section{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;width:100%}@media(max-width: 1440px){.emoloyees-details .employees-section{grid-template-columns:repeat(4, 1fr)}}@media(max-width: 1024px){.emoloyees-details .employees-section{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.emoloyees-details .employees-section{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 480px){.emoloyees-details .employees-section{grid-template-columns:repeat(1, 1fr)}}.emoloyees-details .employees-section .member-card{flex:0 0 auto;width:100%}.emoloyees-details .project-teams-cards{padding-top:10px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--md-size-2)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.employee-header{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;padding:var(--md-size);background:rgba(247,249,252,.2);font-family:"Regular";gap:var(--xs-size-4);position:relative;overflow:hidden;border-radius:var(--xl-size-base)}.employee-header .left-header-background{position:absolute;left:0px;top:0;height:100%;scale:1.2;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.employee-header .left-header-background .left-blue-background{opacity:.2}.employee-header .left-header-background .left-yellow-background{position:relative;left:-280px;opacity:.2}.employee-header .right-header-background{position:absolute;right:0px;top:0;height:100%;scale:1.2;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.employee-header .right-header-background .right-yellow-background{position:relative;right:-280px;opacity:.2}.employee-header .right-header-background .right-blue-background{opacity:.2;rotate:180deg}.employee-header .employee-header-text{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px}.employee-header .employee-header-text img{max-width:40px;max-height:40px}.employee-header .employee-header-text .header-text .title{color:var(--PrimaryColor);font-size:calc(var(--xl-size-base) + 2px);font-weight:700;z-index:999;text-transform:capitalize}.employee-header .employee-header-text .header-text .subtitle{color:#9ca3af;font-size:var(--sm-size);font-weight:500;z-index:999}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.p-dialog{font-family:"Regular"}.p-dialog .add-employee-header{width:100%}.p-dialog .employee-dialog-data .add-employee-hr{width:100%;border:none;background-color:#f1f3f5;height:1px}.p-dialog .employee-dialog-data .p-tablist-tab-list{margin-top:10px;border:none !important;width:100% !important}.p-dialog .employee-dialog-data .p-tablist-tab-list .p-tab{width:50% !important;color:#e4e4e4 !important;position:relative;transition:.3s all linear}.p-dialog .employee-dialog-data .p-tablist-tab-list .p-tab::before{position:absolute;content:"";top:0px;left:0px;height:5px;width:100%;background-color:#f8f8f8 !important;transition:.3s all linear;z-index:1;border-radius:20px}.p-dialog .employee-dialog-data .p-tablist-tab-list .p-tab.p-tab-active{color:var(--PrimaryColor) !important;border-radius:var(--xl-size-base);border:none !important;z-index:1000 !important}.p-dialog .employee-dialog-data .p-tablist-tab-list .p-tab.p-tab-active::before{height:100%;z-index:-1}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.add-employee-cards-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-2)}.add-employee-cards-container .add-employee-cards{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-2);width:100%;max-height:35vh;overflow-y:scroll}.add-employee-cards-container .add-employee-cards .add-employee-card{padding:var(--sm-size);border-radius:var(--xl-size-base);background-color:#fbfbfb;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%}.add-employee-cards-container .add-employee-cards .add-employee-card .input-wrapper{width:100%}.add-employee-cards-container .add-employee-cards .add-employee-card .add-employee-card-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;width:100%}.add-employee-cards-container .add-employee-cards .add-employee-card .add-employee-card-header .title{color:#121212;font-size:var(--xl-size-base);font-weight:700}.add-employee-cards-container .submit-btn{width:100%}.add-employee-cards-container .submit-btn button{padding:var(--md-size);width:100%;color:#fff;background-color:var(--PrimaryColor)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.p-dialog{font-family:"Regular"}.p-dialog .add-equipment-header{width:100%}.p-dialog .p-dialog-content{height:100% !important}.p-dialog .empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;text-align:center;opacity:.5}.p-dialog .equipment-dialog-data .add-equipment-hr{width:100%;border:none;background-color:#f1f3f5;height:1px}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.equipment-form{font-family:"Regular";margin-top:var(--xs-size)}.equipment-form .select-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xl-size-base)}.equipment-form .select-container .select-item{padding:var(--xs-size) calc(var(--xl-size-1) + 4px);border-radius:var(--xl-size-base);background-color:#fafbfc;position:relative;border-radius:var(--xl-size-base);overflow:hidden}.equipment-form .select-container .select-item .left-back-img{position:absolute;left:-200px;transition:.3s all linear;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.equipment-form .select-container .select-item .right-back-img{position:absolute;right:-200px;transition:.3s all linear;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.equipment-form .select-container .select-item.active .left-back-img{display:block;position:absolute;left:0;top:0;height:100%;opacity:.3}.equipment-form .select-container .select-item.active .left-back-img .left-yellow{top:-20px;position:relative}.equipment-form .select-container .select-item.active .right-back-img{display:block;position:absolute;right:0;top:0;height:100%;rotate:180deg;opacity:.3}.equipment-form .select-container .select-item.active .right-back-img .right-yellow{top:-20px;position:relative}.equipment-form .select-container .select-item.active .item{color:var(--PrimaryColor)}.equipment-form .select-container .select-item input{display:none}.equipment-form .select-container .select-item .item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size);color:#9ca3af;font-size:var(--md-size);font-weight:600;transition:.3s all linear;cursor:pointer}.equipment-form .input-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xl-size-base);width:100%;padding-inline:20px;margin-top:20px}.equipment-form .input-container .input-wrapper{width:100%}.equipment-form .submit-btn{width:100%;margin-top:var(--xl-size-base)}.equipment-form .submit-btn button{padding:var(--md-size);width:100%;color:#fff;background-color:var(--PrimaryColor)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.widget-btn{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;background-color:rgba(29,78,216,.0588235294);padding:var(--xs-size-2) var(--xl-size-2);border-radius:var(--xl-size-3);font-family:"Regular"}.widget-btn span{color:var(--PrimaryColor);font-weight:700;font-size:var(--md-size)}.p-dialog{font-family:"Regular"}.p-dialog .add-widget-header{width:100%}.p-dialog .widget-dialog-data .add-widget-hr{width:100%;border:none;background-color:#f1f3f5;height:1px}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.widgets-form{margin-top:var(--xs-size);font-family:"Regular"}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.edit-zone{font-family:"Light"}.edit-zone .edit-zone-hr{margin-block:var(--xl-size-1);border:none;background-color:#f1f3f5;width:100%;height:2px}.edit-zone .zone-form-container{display:grid;grid-template-columns:repeat(5, 1fr);gap:20px;width:100%}@media(max-width: 1400){.edit-zone .zone-form-container{grid-template-columns:repeat(5, 1fr)}}@media(max-width: 1000){.edit-zone .zone-form-container{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768){.edit-zone .zone-form-container{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 400){.edit-zone .zone-form-container{grid-template-columns:repeat(1, 1fr)}}@media(max-width: 768px){.edit-zone .zone-form-container{display:flex;flex-direction:column-reverse;flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px}}.edit-zone .zone-form-container .zone-data{grid-column:span 3;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xl-size-base)}@media(max-width: 768px){.edit-zone .zone-form-container .zone-data{grid-column:span 5}}.edit-zone .zone-form-container .zone-data .zone-header-container{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:start}.edit-zone .zone-form-container .zone-data .zone-header-container .zone-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px}.edit-zone .zone-form-container .zone-data .zone-header-container .zone-header .icon{width:20px;height:20px}.edit-zone .zone-form-container .zone-data .zone-header-container .zone-header .title{font-size:var(--md-size);font-weight:700;color:#121212}.edit-zone .zone-form-container .zone-data .zone-header-container .delete{color:#e23535;font-size:16px;font-weight:var(--md-size) 700;text-decoration:underline}.edit-zone .zone-form-container .zone-image{grid-column:span 2;width:100%;background-color:#f9f9f9;padding:var(--md-size) var(--xl-size-base);height:fit-content;border-radius:var(--md-size-2);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--sm-size);margin-top:30px;margin-bottom:auto}@media(max-width: 768px){.edit-zone .zone-form-container .zone-image{grid-column:span 5;margin-top:5px;margin-bottom:10px}}.edit-zone .zone-form-container .zone-image .zone-image-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;width:100%}.edit-zone .zone-form-container .zone-image .zone-image-header .title{font-family:"Light";color:#202020;font-size:var(--md-size);font-weight:600}.edit-zone .zone-form-container .zone-image img{width:100%;height:100%;margin-left:auto;margin-right:auto;object-fit:cover;object-position:center}.edit-zone .save{width:100%;margin-top:var(--sm-size)}.edit-zone .save button{width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.chart-setting{width:100%;font-family:"Regular"}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.radio-selection-containre{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size);width:100%;margin-top:var(--xl-size-base);font-family:"Light"}.radio-selection-containre .radio-selection-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:start;width:100%}.radio-selection-containre .radio-selection-header .title{color:#202020;font-size:var(--md-size);font-weight:600}.radio-selection-containre .radio-selection-header .checkbox-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3)}.radio-selection-containre .radio-selection-header .checkbox-header .checkbox{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-2);cursor:pointer}.radio-selection-containre .radio-selection-header .checkbox-header .checkbox .checkbox-label{color:#0f1927;font-size:var(--sm-size);font-weight:500}.radio-selection-containre .selection-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:calc(var(--xl-size-2) + 10px);width:100%}.radio-selection-containre .selection-container.selection-image-container label img{cursor:pointer}.radio-selection-containre .selection-container.selection-image-container input{display:none}.radio-selection-containre .selection-container.selection-image-container .selection{transition:.2s all linear;border-radius:10px}.radio-selection-containre .selection-container.selection-image-container .selection.selected{border:1px solid var(--PrimaryColor);border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.radio-selection-containre .selection-container.selection-image-container .selection.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.radio-selection-containre .selection-container .selection{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3);cursor:pointer}.radio-selection-containre .selection-container .selection:not(.selected){opacity:.6}.radio-selection-containre .selection-container .selection.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.radio-selection-containre .selection-container .selection label{color:#0f1927;font-size:var(--sm-size);font-weight:600}.radio-selection-containre .p-radiobutton-checked .p-radiobutton-box{border-color:var(--PrimaryColor) !important;background-color:var(--PrimaryColor) !important}.radio-selection-containre .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon{border-color:var(--PrimaryColor) !important;background-color:var(--PrimaryColor) !important}.radio-selection-containre .p-checkbox-box{border-radius:5px !important}.radio-selection-containre .p-checkbox-box svg{fill:#fff !important}.radio-selection-containre .p-checkbox-checked .p-checkbox-box svg{fill:#fff !important;display:block !important}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.chart-color-container{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:start;font-family:"Light" !important}.chart-color-container .color-selection-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size)}.chart-color-container .color-selection-container .title{color:#202020;font-size:var(--md-size);font-weight:600}.chart-color-container .color-selection-container .colors{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-2)}.chart-color-container .color-selection-container .colors .color-selection{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;position:relative}.chart-color-container .color-selection-container .colors .color-selection.maincolor:not(:first-child) label{opacity:.6;cursor:not-allowed;pointer-events:none}.chart-color-container .color-selection-container .colors .color-selection input{display:none}.chart-color-container .color-selection-container .colors .color-selection label{width:28px;height:28px;border-radius:50%;cursor:pointer}.chart-color-container .color-selection-container .colors .color-selection .selected-icon{display:none}.chart-color-container .color-selection-container .colors .color-selection.selected{border:3px solid #e5e5e5;border-radius:50%}.chart-color-container .color-selection-container .colors .color-selection.selected .selected-icon{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.chart-color-container .main-color{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px}.chart-color-container .main-color label{color:#6b7280;font-size:var(--sm-size);font-weight:500}.chart-color-container .main-color .p-checkbox-box{border-radius:5px !important}.chart-color-container .main-color .p-checkbox-box svg{fill:#fff !important}.chart-color-container .main-color .p-checkbox-checked .p-checkbox-box svg{fill:#fff !important;display:block !important}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.zone-data-container{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xl-size-base);font-family:"Light"}.zone-data-container .input-wrapper{width:100%}.zone-data-container .input-wrapper .input-title{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:start}.zone-data-container .input-wrapper .input-title .title{font-family:"Light" !important;font-size:var(--md-size);font-weight:600}.zone-data-container .input-wrapper .input-title input{background-color:#fff !important;color:#3d4c5e !important;font-size:var(--sm-size);font-weight:600}.zone-data-container .input-wrapper .input-title input::placeholder{color:#9ca3af !important}.input-wrapper input:not([type=checkbox]):disabled,.input-wrapper textarea:disabled{background-color:#fff !important;color:#9ca3af !important}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.selctors-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;width:100%;font-family:"Light";gap:var(--xl-size-base)}.selctors-container .title{color:#202020;font-size:var(--md-size);font-weight:600}.selctors-container .setting-form{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:start;width:100%}@media(max-width: 768px){.selctors-container .setting-form{flex-direction:column;gap:10px}}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.progress-section{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--sm-size)}.progress-section .progress-type-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xl-size-base);width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.type-select{width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.widgets-container{grid-template-rows:1fr;max-width:100%;display:grid;grid-template-columns:repeat(5, 1fr);gap:20px;width:100%;gap:var(--xl-size-base)}@media(max-width: 1400){.widgets-container{grid-template-columns:repeat(5, 1fr)}}@media(max-width: 1000){.widgets-container{grid-template-columns:repeat(4, 1fr)}}@media(max-width: 768){.widgets-container{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 400){.widgets-container{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.widgets-container{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1000px){.widgets-container.scroll-mode{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:12px}.widgets-container.scroll-mode::-webkit-scrollbar{height:8px}.widgets-container.scroll-mode::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.widgets-container.scroll-mode::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.widgets-container.scroll-mode::-webkit-scrollbar-thumb:hover{background:#555}.widgets-container.scroll-mode .widgets-types{flex:0 0 auto;min-width:200px}}.widgets-container .widgets-types{background-color:#fafafa;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xl-size-base);border-radius:var(--xs-size);transition:.1s all linear;cursor:pointer}.widgets-container .widgets-types.active{border:1px solid var(--PrimaryColor)}.widgets-container .widgets-types .types{padding:var(--xs-size-2)}.widgets-container .widgets-types .types input{display:none}.widgets-container .widgets-types .title{color:#041953;font-size:var(--xs-size);font-weight:600;text-align:center;background-color:#fff;padding:var(--xs-size-4) var(--xs-size-2);border-radius:var(--sm-size);width:100%}.widgets-container .add-widget{padding:var(--xs-size-2);border-radius:var(--xs-size);background-color:rgba(29,78,216,.0588235294);border-radius:var(--xs-size);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-2);cursor:pointer}.widgets-container .add-widget.hide{display:none}.widgets-container .add-widget .title{color:var(--PrimaryColor);font-size:var(--md-size);font-weight:700;text-align:start}.widgets-container .add-widget .subtitle{color:#9ca3af;font-size:var(--xs-size);font-weight:500;max-width:120px}.page-overlay{position:absolute;width:100%;height:100%;left:0;background-color:rgba(0,0,0,.3647058824);transition:.3s all linear;top:0;backdrop-filter:blur(5px);z-index:9999}.notification-bar{position:fixed;top:30px;left:50%;transform:translateX(-50%);width:100%;max-width:800px;height:400px;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 6px 16px rgba(0,0,0,.15);transition:transform .3s cubic-bezier(0.22, 1, 0.36, 1);z-index:9999;overflow:hidden;touch-action:none;display:flex;flex-direction:column-reverse;z-index:99999}.notification-bar.dragging{transition:none}.notification-bar.expanded{top:0 !important}.grab-area{width:100%;height:30px;background:linear-gradient(180deg, #f5f5f5, #eaeaea);border-bottom:1px solid #ddd;display:flex;justify-content:center;align-items:center;cursor:grab;position:relative}.grab-area::before{content:"";width:50px;height:5px;border-radius:3px;background:#aaa}.bar-content{padding:20px;color:#333;font-family:"Inter",sans-serif;height:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.switch-btn{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;font-family:"Light"}.switch-btn .title{color:#202020;font-size:var(--md-size);font-weight:600}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.zone-form{font-family:"Light";margin-top:var(--xl-size-base);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xl-size-1);width:100%}.zone-form .zone-container{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-3)}.zone-form .zone-container .location-header .title{color:#9ca3af;font-size:var(--md-size-2);font-weight:800}.zone-form .zone-container .location-header .title span{color:#000}.zone-form .zone-container .zone-content-container{border:1px solid #d9dbe9;padding:calc(var(--md-size-2) + 1px);border-radius:calc(var(--xl-size-base) + 2px);width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3)}.zone-form .zone-container .zone-content-container .zone-content.active .zone-title{background-color:var(--PrimaryColor);color:#fff}.zone-form .zone-container .zone-content-container .zone-content .zone-title{color:#6b7280;font-size:var(--md-size-2);font-weight:var(--md-size-2);padding-inline:var(--xl-size-base);padding-block:var(--xs-size-2);background-color:#fafafa;border-radius:var(--sm-size);transition:.1s all linear;cursor:pointer}.zone-form .zone-container .zone-content-container .zone-content input{display:none}.zone-form .zone-container .zone-content-container .empty-zone{text-align:center;font-size:18px;color:#9ca3af;width:100%;font-weight:500;opacity:.7}.zone-form .confirm-btn{width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.zones{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px;padding:calc(var(--xl-size-1) + 2px);margin-top:var(--xs-size-4);border-radius:var(--xl-size-1);border:1px solid #d9dbe9;font-family:"Light";height:50px;overflow-x:auto;overflow-y:hidden;max-width:100%;white-space:nowrap;scrollbar-width:thin}.zones::-webkit-scrollbar{height:6px}.zones::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.zones .zone{background-color:#fff;color:var(--PrimaryColor);padding:var(--xs-size-2) var(--xs-size);border-radius:var(--sm-size);font-size:var(--sm-size);font-weight:600;box-shadow:inset 3px 2px 13px rgba(29,79,216,.2);display:inline-flex;align-items:center;gap:4px;border:1px solid #d9dbe9;flex-shrink:0;height:32px;line-height:1}.zones .zone .delete{cursor:pointer;transition:opacity .2s ease}.zones .zone .delete:hover{opacity:.7}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.modern-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin-top:5px}@media(max-width: 1100px){.modern-table-responsive table{width:100%}.modern-table-responsive table tbody tr:nth-child(even){background-color:var(--primary-color-opacity-1)}}.modern-table-responsive table.main-table{width:100%;background-color:#fff}.modern-table-responsive table.main-table thead{font-size:.8rem;font-family:"Regular"}.modern-table-responsive table.main-table thead tr th{background-color:#f5f6f7;padding:var(--sm-size);text-align:start;font-size:.8rem;color:var(--Gray-3);font-weight:500;font-size:var(--sm-size)}.modern-table-responsive table.main-table thead tr th:first-child{border-top-left-radius:var(--sm-size);border-bottom-left-radius:var(--sm-size)}.modern-table-responsive table.main-table thead tr th:last-child{border-top-right-radius:var(--sm-size);border-bottom-right-radius:var(--sm-size)}.modern-table-responsive table.main-table thead tr th:last-of-type{display:flex;justify-content:start}.modern-table-responsive table.main-table tbody{font-family:"Regular";padding-top:10px}.modern-table-responsive table.main-table tbody tr{font-size:1rem}.modern-table-responsive table.main-table tbody tr:not(:first-child){border-top:1px solid #f3f3f3}.modern-table-responsive table.main-table tbody tr td{padding:var(--sm-size);font-size:.8rem;color:#4b5563;font-size:var(--md-size);font-weight:500}.modern-table-responsive table.main-table tbody tr td .project-info{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.modern-table-responsive table.main-table tbody tr td .project-info .project-date{color:#9ca3af;font-size:var(--xs-size);font-weight:500}.modern-table-responsive table.main-table tbody tr td .project-info .project-title{color:#121212;font-size:var(--md-size);font-weight:600}.modern-table-responsive table.main-table tbody tr td .tag-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;background:rgba(29,78,216,.0705882353);padding:10px 12px;border-radius:16px}.modern-table-responsive table.main-table tbody tr td .tag-container .tag-more{color:var(--PrimaryColor);font-size:var(--md-size);font-weight:600}.modern-table-responsive table.main-table tbody tr td .tag-container .tag-blue{color:#121212;font-size:var(--md-size);font-weight:500}.modern-table-responsive table.main-table tbody tr td .avatar-group{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.modern-table-responsive table.main-table tbody tr td .avatar-group img{border:1px solid #fff}.modern-table-responsive table.main-table tbody tr td .avatar-group img:not(:last-child){margin-right:-10px}.modern-table-responsive table.main-table tbody tr td .avatar-group .avatar-more{background-color:#f0f0f0;color:var(--PrimaryColor);font-size:14px;font-weight:600;border-radius:8px;padding:6px;margin-left:10px}.modern-table-responsive table.main-table tbody tr td img{width:36px;height:36px;border-radius:50%}.modern-table-responsive table.main-table tbody tr td .drop-icon{cursor:pointer}.modern-table-responsive table.main-table tbody tr td:last-of-type{display:flex;justify-content:start}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.heirarchy-header{display:flex;align-items:center;gap:10px;font-family:"Regular"}.heirarchy-header .heirarchy-title{font-weight:700;font-size:20px;color:#202020}.heirarchy-header .icon{width:24px;height:18px}.heirarchy-details{display:flex;align-items:center;gap:24px}.heirarchy-details p{color:#9ca3af;font-weight:500;font-size:18px}.heirarchy-details p span{color:#1d4ed8}.circle{width:24px;height:24px;border-radius:50%;background-color:#9ca3af;opacity:.5}.timeline-container{padding:24px;background:linear-gradient(135deg, var(--white-color) 0%, #f8f9fa 100%);border-radius:16px;border:1px solid var(--primary-color-opacity-1)}.timeline-header{margin-bottom:32px}.timeline-title{font-size:20px;font-weight:700;color:var(--dark-color);margin:0 0 16px 0;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-family:"Regular"}.timeline-progress-bar{height:6px;background:var(--primary-color-opacity-1);border-radius:10px;overflow:hidden;position:relative;font-family:"Regular"}.timeline-progress-fill{height:100%;background:linear-gradient(90deg, var(--primary-color) 0%, var(--success-color) 100%);border-radius:10px;transition:width 1s cubic-bezier(0.4, 0, 0.2, 1);position:relative;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-100% 0}100%{background-position:200% 0}}.timeline-progress-fill::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);animation:shimmer 2s infinite}.timeline-wrapper{position:relative;padding-left:40px}.timeline-line{position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:rgba(156,163,175,.4) !important;animation:lineGrow 1.5s ease-out forwards;transform-origin:top;opacity:.5}@keyframes lineGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}.timeline-item{position:relative;margin-bottom:32px;opacity:0;animation:fadeInUp .6s ease-out forwards;border-radius:18px}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-40px;top:8px}.timeline-dot{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.timeline-dot-inner{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);box-shadow:0 4px 12px rgba(30,58,142,.3);z-index:2;position:relative}.timeline-item.active .timeline-dot-inner{animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 4px 12px rgba(30,58,142,.3)}50%{transform:scale(1.1);box-shadow:0 6px 16px rgba(30,58,142,.5)}}.timeline-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;border-radius:50%;background:var(--primary-color);opacity:0;z-index:1}.timeline-item.active .timeline-pulse{animation:pulseRing 2s infinite}@keyframes pulseRing{0%{transform:translate(-50%, -50%) scale(0.8);opacity:.5}100%{transform:translate(-50%, -50%) scale(1.5);opacity:0}}.timeline-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:30px;height:30px;background:#f1f3f5;border:1px solid rgba(156,163,175,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);z-index:3}.timeline-content{padding:14px;font-family:"Regular"}.timeline-card::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg, var(--primary-color) 0%, var(--success-color) 100%);transform:scaleY(0);transform-origin:top;transition:transform .4s ease}.timeline-item:hover .timeline-card::before{transform:scaleY(1)}.timeline-card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--primary-color-opacity-1);z-index:99;font-family:"Regular";transition:all .3s linear}.timeline-card-header:hover{cursor:pointer;background-color:#f1f3f5;scale:1.02}.timeline-card-header.timeline-card-header-2{margin-left:20px;margin-top:10px;position:relative;z-index:99}.timeline-card-header.timeline-card-header-2::before{content:"";position:absolute;top:-12px;left:-2px;width:10px;height:15px;border-bottom-left-radius:6px;border-bottom:3px solid #9ca3af;border-left:3px solid #9ca3af;z-index:1;opacity:.5}.timeline-status{font-size:16px;font-weight:600;color:var(--dark-color)}.timeline-badge{padding:4px 12px;border-radius:20px;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.timeline-details{display:flex;flex-direction:column;gap:12px}.timeline-detail-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background:linear-gradient(135deg, rgba(30, 58, 142, 0.02) 0%, rgba(30, 58, 142, 0.05) 100%);border-radius:8px;transition:all .2s ease}.timeline-detail-item:hover{background:linear-gradient(135deg, rgba(30, 58, 142, 0.05) 0%, rgba(30, 58, 142, 0.1) 100%);transform:translateX(4px)}.detail-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.detail-content{display:flex;flex-direction:column;gap:2px;flex:1}.detail-label{font-size:11px;font-weight:600;color:var(--light-color);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;font-weight:500;color:var(--dark-color)}@media(max-width: 768px){.timeline-wrapper{padding-left:30px}.timeline-marker{left:-30px}.timeline-line{left:14px}.timeline-dot{width:30px;height:30px}.timeline-content{padding:14px;border:1px solid #f1f3f5 !important}.timeline-card{padding:16px}}.timeline-card-header{flex-direction:row;align-items:center;gap:8px;border:1px solid #f1f3f5 !important;padding:14px;border-radius:18px}.actions{display:flex;gap:10px}.actions .add-btn{background-color:#041953;color:#fff}.actions .add-btn:hover{color:#041953;background-color:#fff;border:1px solid #041953}.actions .edit-btn{background-color:rgba(29,78,216,.0588235294);border:1px solid var(--PrimaryColor);color:var(--PrimaryColor)}.actions .edit-btn svg path{transition:.5s all linear}.actions .edit-btn svg g{transition:.3s all linear}.actions .edit-btn svg g path{transition:.5s all linear}.actions .edit-btn:hover{color:#fff;background-color:var(--PrimaryColor);border:1px solid rgba(29,78,216,.0588235294)}.actions .edit-btn:hover svg path{stroke:#fff}.actions .edit-btn:hover svg g{opacity:1}.actions .edit-btn:hover svg g path{stroke:#fff;stroke-width:2px;z-index:199999 !important}.actions .btn-delete{color:rgba(255,0,0,.644);background-color:rgba(255,0,0,.168627451);border:1px solid red}.actions .btn-delete:hover{color:#fff;background-color:red;border:1px solid red}.btn-container{display:flex;gap:10px}.btn-container .add-btn{width:70%}.btn-container .edit-btn{width:30%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.select-container{font-family:"Regular";border-radius:var(--xl-size-base);transition:all .1s linear;cursor:pointer}.select-container.selected{border:2px solid var(--PrimaryColor)}.select-container label{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--xs-size-2);font-size:var(--md-size);font-weight:600;color:#9ca3af;background-color:rgba(248,249,250,.6);padding:var(--xl-size-base) var(--md-size);border-radius:var(--xs-size-2);cursor:pointer;border:none;outline:none}.select-container label img{width:54px;height:54px}.select-container input{display:none}.select-container .p-multiselect{background:unset !important;border:none !important;outline:none !important;box-shadow:none !important;width:100%;font-size:var(--md-size);font-weight:600}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.template-types-container{margin-top:var(--xl-size-base);font-family:"Light";display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;width:100%;gap:1rem}@media(max-width: 1000px){.template-types-container{grid-template-columns:repeat(1, 1fr)}}.template-types-container .template-title{grid-column:span 2;color:#202020;font-size:var(--md-size);font-weight:600}.template-types-container .action-box{padding:1rem;border:1px solid #e2e8f0;border-radius:var(--sm-size);background-color:#fff;cursor:pointer;transition:all .3s ease;color:#9ca3af;font-size:var(--sm-size);font-weight:600;width:100%}@media(max-width: 1000px){.template-types-container .action-box{grid-column:span 2}}.template-types-container .action-box.selected{border-color:var(--PrimaryColor);color:var(--PrimaryColor)}.template-types-container .action-box.selected label{color:var(--PrimaryColor)}.template-types-container .action-box label{cursor:pointer;transition:all .3s ease;color:#9ca3af;font-size:var(--sm-size);font-weight:600;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xl-size-base)}.template-types-container .action-box label img{max-height:70px}.template-types-container .action-box input{display:none}.template-types-container .action-box:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-2px)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.template-container .dropdwon-title{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;margin-top:var(--xl-size-base);gap:3px;font-family:"Light";padding-left:calc(var(--xl-size-1) + 1px)}.template-container .dropdwon-title .title{color:#202020;font-size:var(--md-size);font-weight:600}.template-container .dropdwon-title .subtitle{color:#9ca3af;font-size:var(--xs-size);font-weight:500}.template-container .dropdwon-title .alert{font-size:var(--xs-size);font-weight:600;color:var(--PrimaryColor)}.template-container .heirarchy-info .dropdown-type{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.template-container .heirarchy-info .dropdown-type .icon{width:60px;height:60px}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.template-upload-img{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;margin-top:var(--xl-size-base);font-family:"Light";background-color:rgba(241,243,245,.4);border-radius:var(--sm-size);padding:var(--xs-size)}.template-upload-img .template-upload-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-2)}.template-upload-img .template-upload-header .title{color:#6b7280;font-size:var(--md-size);font-weight:500}.template-upload-img .template-hr{border:none;height:1px;width:100%;background-color:#f0f0f0;margin-block:var(--xs-size-2)}.template-upload-img .template-image-type-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:15px}.template-upload-img .template-image-type-container .template-image-type{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px}.template-upload-img .template-image-type-container .template-image-type label{color:#3d4c5e;font-size:var(--sm-size);font-weight:600}.template-upload-img .p-checkbox-box{border-radius:5px !important;border:1px solid #f0f2f4 !important}.template-upload-img .p-checkbox-box svg{fill:#fff !important}.template-upload-img .p-checkbox-checked .p-checkbox-box svg{fill:#fff !important;display:block !important}.template-upload-img .p-radiobutton-checked .p-radiobutton-box{border-color:var(--PrimaryColor) !important;background-color:var(--PrimaryColor) !important}.template-upload-img .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon{border-color:var(--PrimaryColor) !important;background-color:var(--PrimaryColor) !important}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.radio-btns{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:var(--xl-size-base);gap:var(--xs-size);font-family:"Light";font-size:var(--sm-size);font-weight:700;padding-left:var(--xl-size-base)}.radio-btns input{background-color:rgba(246,246,246,.6);width:90px;text-align:center;height:fit-content;padding:var(--xs-size-2) calc(var(--xl-size-1) + 2px);border-radius:var(--xs-size-2);border:none;outline:none}.radio-btns input.green{color:#4caf50}.radio-btns input.red{color:#e23535}.radio-btns input.random{color:#969eff}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.show-template-container{position:relative;overflow:hidden;border-radius:var(--xl-size-base);font-family:"Light";padding:var(--xl-size-2) var(--xl-size-base)}.show-template-container .left-header-background{position:absolute;left:-30px;top:0;scale:1.2;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.show-template-container .left-header-background .left-blue-background{opacity:.2}.show-template-container .left-header-background .left-yellow-background{position:relative;left:-280px;opacity:.2}.show-template-container .right-header-background{position:absolute;right:0px;bottom:0;scale:1.2;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.show-template-container .right-header-background .right-yellow-background{position:relative;right:-280px;opacity:.2}.show-template-container .right-header-background .right-blue-background{opacity:.2;rotate:180deg}.show-template-container .template-title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px}@media(max-width: 768px){.show-template-container .template-title{display:flex;flex-direction:column-reverse;flex-wrap:nowrap;justify-content:center;align-items:center}}.show-template-container .template-title .title{font-family:"Regular";color:#041953;font-size:var(--xl-size-1);font-weight:700}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.template-document-container{width:100%;font-family:"Light";border:1px solid #f8f8f8;margin-top:var(--xl-size-1);border-radius:var(--xl-size-base)}.template-document-container .template-document-header{background-color:#f8f8f8;border-top-left-radius:var(--xl-size-base);border-top-right-radius:var(--xl-size-base);width:100%;position:relative;z-index:9999;padding:var(--md-size);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}@media(max-width: 768px){.template-document-container .template-document-header{display:flex;flex-direction:column-reverse;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}}.template-document-container .template-document-header .template-header{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-2)}.template-document-container .template-document-header .template-header .header-title{font-family:"Regular";color:#041953;font-size:calc(var(--xl-size-base) + 2px);font-weight:700}.template-document-container .template-document-header .template-header .template-details{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;font-family:"Regular";gap:var(--xl-size-base)}.template-document-container .template-document-header .template-header .template-details p{font-size:var(--xs-size);font-weight:500;color:#6b7280}.template-document-container .template-document-header .template-header .template-details p span{color:#121212}.template-document-container .template-document-header img{max-width:80px}.template-document-container .template-document-content-container{width:100%}.template-document-container .template-document-content-container .template-document-content{width:100%;padding:var(--md-size);margin-top:var(--xs-size-2);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:20px;background-color:#fff;z-index:999;position:relative;border-radius:0 0 15px 15px}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.show-template-document-radio{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4);font-family:"Regular";width:100%}.show-template-document-radio .title{color:#5e5e5e;font-size:calc(var(--md-size) + 1px);font-weight:500}.show-template-document-radio .options-container{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px dashed #ebebeb;width:100%;padding-bottom:12px}.show-template-document-radio .options-container .options{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:20px}.show-template-document-radio .options-container .options .options-box{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px}.show-template-document-radio .options-container .options .options-box .label{font-family:"Light";color:#9ea5b3;font-size:var(--md-size);font-weight:600}.show-template-document-radio .options-container .options .options-box:first-child label{color:#4caf50}.show-template-document-radio .options-container .options .options-box:nth-child(2) label{color:#e23535}.show-template-document-radio .options-container .options .options-box:last-child label{color:#969eff}.show-template-document-radio .options-container .image-upload{width:50px;height:50px}.show-template-document-radio .p-radiobutton-checked .p-radiobutton-box{background-color:var(--PrimaryColor) !important}.show-template-document-radio .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon{background-color:var(--PrimaryColor) !important}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.show-template-document-checkbox{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4);font-family:"Regular";width:100%}.show-template-document-checkbox .title{color:#5e5e5e;font-size:calc(var(--md-size) + 1px);font-weight:500}.show-template-document-checkbox .options-container{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px dashed #ebebeb;width:100%;padding-bottom:12px}.show-template-document-checkbox .options-container .options{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:20px}.show-template-document-checkbox .options-container .options .options-box{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px}.show-template-document-checkbox .options-container .options .options-box .label{font-family:"Light";color:#9ea5b3;font-size:var(--md-size);font-weight:600}.show-template-document-checkbox .options-container .options .options-box .p-checkbox-box{border-radius:5px !important;border:1px solid #f0f2f4 !important}.show-template-document-checkbox .options-container .options .options-box .p-checkbox-box svg{fill:#fff !important}.show-template-document-checkbox .options-container .options .options-box .p-checkbox-checked .p-checkbox-box svg{fill:#fff !important;display:block !important}.show-template-document-checkbox .options-container .image-upload{width:50px;height:50px}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.show-template-document-select{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4);font-family:"Regular";width:100%}.show-template-document-select .title{color:#5e5e5e;font-size:calc(var(--md-size) + 1px);font-weight:500}.show-template-document-select.not-disabled .options-container .input-wrapper:after{content:"";display:none}.show-template-document-select .options-container{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;border-bottom:1px dashed #ebebeb;padding-bottom:12px;gap:10px}.show-template-document-select .options-container .input-wrapper{width:100%;position:relative}.show-template-document-select .options-container .input-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%}.show-template-document-select .options-container .input-wrapper .input{width:100%}.show-template-document-select .options-container .input-wrapper .input-label{display:none}.show-template-document-select .options-container .input-wrapper label{white-space:initial;text-wrap:wrap}.show-template-document-select .options-container .input-wrapper .custom-select{width:100%;border:1px solid #ebebeb;padding:10px;border-radius:12px}.show-template-document-select .options-container .image-upload{width:50px;height:50px;margin-top:15px}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.hazard-form{font-family:"Regular";display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-2);width:100%}.hazard-form .hazard-form-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px}.hazard-form .hazard-form-header .title{color:#170f49;font-size:var(--xl-size-base);font-weight:700}.hazard-form .hazard-form-header .title span{color:#1f41bb;font-size:var(--sm-size);font-weight:600}.hazard-form .hazard-form-header .icon{width:24px;height:24px}.optional{color:#c3c6cd;font-size:var(--md-size);font-weight:500}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.idnex-header{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size);font-family:"Regular";border:3px solid rgba(85,113,185,.1529411765);border-radius:calc(var(--xl-size-base) + 2px);padding:var(--md-size);background-color:#fcfcfc}.idnex-header .title{color:#170f49;font-size:calc(var(--xl-size-base) + 2px);font-weight:700}.idnex-header .index-length{color:#c0c0c5;font-size:var(--sm-size);font-weight:500}.idnex-header .index-length span{color:var(--PrimaryColor)}.idnex-header .categories-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--xs-size-3);overflow-x:auto}.idnex-header .categories-container::-webkit-scrollbar{height:4px}.idnex-header .categories-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}.idnex-header .categories-container::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.idnex-header .categories-container .category{color:#b7beca;border:1px solid #f3f3f3;border-radius:var(--md-size-2);padding:var(--xs-size-2) calc(var(--xl-size-2) + 4px);font-size:var(--md-size);font-weight:700;transition:.3s all linear;cursor:pointer}.idnex-header .categories-container .category.active{color:#fff;background-color:var(--PrimaryColor)}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.idnex-filter{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--xs-size);font-family:"Regular";padding:var(--md-size);background-color:#fcfcfc;width:100%}.idnex-filter .btns{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:5px}.idnex-filter .filter-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--md-size);max-width:100%;overflow-x:auto}.idnex-filter .filter-container::-webkit-scrollbar{height:4px}.idnex-filter .filter-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}.idnex-filter .filter-container::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.idnex-filter .filter-container .filter{color:#3d4c5e;font-size:var(--xs-size);font-weight:600;border:1px solid #dde2ed;border-radius:calc(var(--xl-size-2) + 5px);padding:var(--xs-size-2) var(--md-size);cursor:pointer}.idnex-filter .filter-container .filter.active{background-color:rgba(31,65,187,.0509803922);color:var(--PrimaryColor);border:1px solid var(--PrimaryColor)}.btns-filter{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:var(--xs-size-3);width:100%}.btns-filter .btn-filter{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;color:var(--PrimaryColor);background-color:rgba(31,65,187,.0392156863);border:1px solid rgba(85,113,185,.1529411765);border-radius:calc(var(--xl-size-2) + 10px);transition:.3s all linear}.btns-filter .btn-filter:hover{background-color:#fff}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.index-table-card-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--sm-size);width:100%}.index-table-card-container .index-table-card{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;border:1px solid #f6f6f6;padding:var(--xs-size);border-radius:var(--xl-size-base);width:100%}.index-table-card-container .index-table-card .card-header-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end;padding-bottom:var(--xs-size);border-bottom:2px dashed #e1e4ed;width:100%;gap:var(--xs-size)}.index-table-card-container .index-table-card .card-header-container.show{border-bottom:none}.index-table-card-container .index-table-card .card-header-container .header-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;gap:var(--xs-size-4);font-family:"Regular"}.index-table-card-container .index-table-card .card-header-container .header-container .card-content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4)}.index-table-card-container .index-table-card .card-header-container .header-container .card-content .card-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xl-size-3)}.index-table-card-container .index-table-card .card-header-container .header-container .card-content .card-details{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:var(--xs-size-4)}.index-table-card-container .index-table-card .card-header-container .header-container .card-content .card-details .title{color:#0f1927;font-size:var(--md-size);font-weight:600}.index-table-card-container .index-table-card .card-header-container .header-container .card-content .card-details .title span{font-family:"Light";color:#c7c7cc;font-size:var(--sm-size);font-weight:500}.index-table-card-container .index-table-card .card-header-container .header-container .card-content .card-details .subtitle{color:#9ca3af;font-size:var(--sm-size);font-weight:500}.index-table-card-container .index-table-card .card-header-container .header-container .card-content .card-details .project-details{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--xl-size-3)}.index-table-card-container .index-table-card .card-header-container .header-container .card-info{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:6px}.index-table-card-container .index-table-card .card-header-container .header-container .card-info .title{color:var(--PrimaryColor);font-size:var(--sm-size);font-weight:700}.index-table-card-container .index-table-card .card-header-container .header-container .card-info .p-image,.index-table-card-container .index-table-card .card-header-container .header-container .card-info img{object-fit:cover;width:clamp(72px,9000vw/var(--base-width),108px);height:clamp(52px,6500vw/var(--base-width),78px);aspect-ratio:16/9;border-radius:12px}.index-table-card-container .index-table-card .card-header-container .header-container .card-info .p-image .p-image-preview-mask,.index-table-card-container .index-table-card .card-header-container .header-container .card-info img .p-image-preview-mask{border-radius:12px;display:block;opacity:1;background:rgba(0,0,0,.4117647059);backdrop-filter:blur(1px)}.index-table-card-container .index-table-card .card-header-container .header-container .card-info .p-image img,.index-table-card-container .index-table-card .card-header-container .header-container .card-info img img{border-radius:12px}.index-table-card-container .index-table-card .card-header-container .header-container .card-info .p-image .perview,.index-table-card-container .index-table-card .card-header-container .header-container .card-info img .perview{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px}.index-table-card-container .index-table-card .card-header-container .header-container .card-info .p-image .perview span,.index-table-card-container .index-table-card .card-header-container .header-container .card-info img .perview span{color:#fff;font-size:var(--sm-size);font-weight:600}.index-table-card-container .index-table-card .card-header-container .header-container .card-info-status{background:var(--green-done);color:#4caf50;padding:var(--xs-size) var(--xl-size-2);border-radius:var(--xl-size-1);font-weight:700;font-size:var(--md-size)}.index-table-card-container .index-table-card .card-header-container .show-more{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;cursor:pointer}.index-table-card-container .index-table-card .card-header-container .show-more span{color:#9ca3af;font-size:var(--sm-size);font-weight:500}.index-table-card-container .index-table-card .card-description{padding-top:var(--xs-size-2);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.index-table-card-container .index-table-card .card-description .title{color:#000;font-size:var(--sm-size);font-weight:600}.index-table-card-container .index-table-card .card-description .description{color:#8e8e93;font-size:var(--sm-size);font-weight:500}.label-item-primary{color:#aeaeb2;font-size:var(--sm-size);font-weight:500}.label-item-primary span{color:var(--PrimaryColor)}.label-item-secondary{color:#aeaeb2;font-size:var(--sm-size);font-weight:500}.label-item-secondary span{color:#000}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.equipment-home{display:grid;grid-template-columns:repeat(12, 1fr);gap:10px;width:100%}:root{--PrimaryColor: #1d4ed8;--header-page-color: #041953;--second-dark-color: #121212;--primary-dark: #1d4ed880;--Red-opacity: #e2353599;--green: #4aae3a;--green-done: #4caf501a;--card-observation-bg: #f8f9fb;--delay-color: #ffbf521a;--BgWhite: rgba(255, 255, 255, 1);--Gray-1: rgba(248, 249, 250, 1);--Gray-4: #d9dbe9;--Gray-2: rgba(241, 243, 245, 1);--Gray-3: rgba(156, 163, 175, 1);--GrayText-1: rgba(107, 114, 128, 1);--GrayText: lab(35.78% -0.45 -9.41);--DarkGray: rgba(147, 154, 168, 1);--LightGray: rgba(248, 249, 250, 1);--Black: rgba(0, 0, 0, 1);--Red: rgba(237, 28, 36, 1);--danger-color: #e23535;--main-border: rgb(221, 226, 237);--checkbox-bg: #f5f5ff;--subtitle-color: #9ca3af;--base-width: 1440;--base-height: 900;--font-family: "URW DIN Arabic";--third-color: #170f49;--low-color: #8a38f5;--medium-color: #ffbf52;--high-color: #e23535;--icon-bg: #f2f4f6;--xl-size-3: clamp(calc(50 * 0.8px), calc(50 * 100vw / var(--base-width)), calc(50 * 1.2px));--xl-size-2: clamp(calc(30 * 0.8px), calc(30 * 100vw / var(--base-width)), calc(30 * 1.2px));--xl-size-1: clamp(calc(24 * 0.8px), calc(24 * 100vw / var(--base-width)), calc(24 * 1.2px));--xl-size-base: clamp(calc(20 * 0.8px), calc(20 * 100vw / var(--base-width)), calc(20 * 1.2px));--md-size: clamp(calc(16 * 0.8px), calc(16 * 100vw / var(--base-width)), calc(16 * 1.2px));--md-size-2: clamp(calc(18 * 0.8px), calc(18 * 100vw / var(--base-width)), calc(18 * 1.2px));--sm-size: clamp(calc(14 * 0.8px), calc(14 * 100vw / var(--base-width)), calc(14 * 1.2px));--xs-size: clamp(calc(12 * 0.8px), calc(12 * 100vw / var(--base-width)), calc(12 * 1.2px));--xs-size-2: clamp(calc(10 * 0.8px), calc(10 * 100vw / var(--base-width)), calc(10 * 1.2px));--xs-size-3: clamp(calc(8 * 0.8px), calc(8 * 100vw / var(--base-width)), calc(8 * 1.2px));--xs-size-4: clamp(calc(6 * 0.8px), calc(6 * 100vw / var(--base-width)), calc(6 * 1.2px));--section-padding: clamp( calc(120 * 0.8px), calc(120 * 100vw / var(--base-width)), calc(120 * 1.2px) )}.equipment-sidebar{font-family:"Regular"}.equipment-sidebar ul a{position:relative;border-radius:12px;overflow:hidden;display:block}.equipment-sidebar ul a .left-back-img{position:absolute;left:-200px;transition:.3s all linear;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.equipment-sidebar ul a .right-back-img{position:absolute;right:-200px;transition:.3s all linear;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.equipment-sidebar ul a .left-back-img,.equipment-sidebar ul a .right-back-img{display:none}.equipment-sidebar ul a.router-link-active{background-color:#fcfcfc}.equipment-sidebar ul a.router-link-active li{color:var(--PrimaryColor);overflow:hidden}.equipment-sidebar ul a.router-link-active .left-back-img{display:block;position:absolute;left:0;top:0;height:100%;opacity:.3}.equipment-sidebar ul a.router-link-active .left-back-img .left-yellow{top:-20px;position:relative}.equipment-sidebar ul a.router-link-active .right-back-img{display:block;position:absolute;right:0;top:0;height:100%;rotate:180deg;opacity:.3}.equipment-sidebar ul a.router-link-active .right-back-img .right-yellow{top:-20px;position:relative}.equipment-sidebar ul a li{color:#a8a8a8;padding:12px;overflow:hidden}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}html>section{scroll-snap-align:start}body{font-family:"Regular",sans-serif;color:#000;overflow-x:hidden}.p-accordionheader{background:rgba(0,0,0,0) !important}.p-accordioncontent-content{background:rgba(0,0,0,0) !important;color:var(--Gray-3) !important}.p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader,.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled)>.p-accordionheader:hover{color:var(--PrimaryColor) !important}.p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader svg path,.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled)>.p-accordionheader:hover svg path{fill:var(--PrimaryColor) !important}.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider{background-color:var(--PrimaryColor) !important}.icon-lng-nav{width:25px !important;height:25px !important;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000}.p-galleria-indicator-list .p-galleria-indicator button{transition:all .5s ease-in-out}.p-galleria{border:none !important;outline:none !important}.p-galleria-indicator-active button{background-color:var(--PrimaryColor) !important;width:30px !important;height:8px !important;border-radius:50px !important}.p-radiobutton-box{border:1px solid rgba(140,140,140,.3490196078) !important}.factor-item .p-radiobutton-checked .p-radiobutton-box{border:none !important}
/*# sourceMappingURL=main.min.css.map *//*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-500: oklch(63.7% .237 25.331);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

  .col-span-4 {
    grid-column: span 4 / span 4;
  }

  .col-span-6 {
    grid-column: span 6 / span 6;
  }

  .col-span-9 {
    grid-column: span 9 / span 9;
  }

  .col-span-10 {
    grid-column: span 10 / span 10;
  }

  .col-span-12 {
    grid-column: span 12 / span 12;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .\!mx-2 {
    margin-inline: calc(var(--spacing) * 2) !important;
  }

  .\!my-2 {
    margin-block: calc(var(--spacing) * 2) !important;
  }

  .\!my-3 {
    margin-block: calc(var(--spacing) * 3) !important;
  }

  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }

  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .\!mt-3 {
    margin-top: calc(var(--spacing) * 3) !important;
  }

  .\!mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
  }

  .\!mt-5 {
    margin-top: calc(var(--spacing) * 5) !important;
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .\!mb-2 {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .list-item {
    display: list-item;
  }

  .table {
    display: table;
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-\[15px\] {
    height: 15px;
  }

  .h-full {
    height: 100%;
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-15 {
    width: calc(var(--spacing) * 15);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-30 {
    width: calc(var(--spacing) * 30);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-100 {
    width: calc(var(--spacing) * 100);
  }

  .w-\[15px\] {
    width: 15px;
  }

  .w-\[50rem\] {
    width: 50rem;
  }

  .w-\[70\%\] {
    width: 70%;
  }

  .w-full {
    width: 100%;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .list-none {
    list-style-type: none;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .\!flex-col {
    flex-direction: column !important;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .\!items-start {
    align-items: flex-start !important;
  }

  .items-center {
    align-items: center;
  }

  .items-start {
    align-items: flex-start;
  }

  .\!justify-start {
    justify-content: flex-start !important;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-24 {
    gap: calc(var(--spacing) * 24);
  }

  .gap-\[5px\] {
    gap: 5px;
  }

  .justify-self-start {
    justify-self: flex-start;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .\!bg-red-500 {
    background-color: var(--color-red-500) !important;
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .object-cover {
    object-fit: cover;
  }

  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }

  .\!p-1 {
    padding: calc(var(--spacing) * 1) !important;
  }

  .\!p-3 {
    padding: calc(var(--spacing) * 3) !important;
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .\!px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }

  .\!px-5 {
    padding-inline: calc(var(--spacing) * 5) !important;
  }

  .\!px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .\!py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .\!font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }

  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .text-\[\#4B5563\] {
    color: #4b5563;
  }

  .text-\[\#9CA3AF\] {
    color: #9ca3af;
  }

  .text-\[\#242424\] {
    color: #242424;
  }

  .text-black {
    color: var(--color-black);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-slate-300 {
    color: var(--color-slate-300);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-white {
    color: var(--color-white);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  @media (hover: hover) {
    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-blue-300:focus {
    --tw-ring-color: var(--color-blue-300);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .md\:col-span-6 {
      grid-column: span 6 / span 6;
    }

    .md\:w-56 {
      width: calc(var(--spacing) * 56);
    }

    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }

    .lg\:grid {
      display: grid;
    }

    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .lg\:gap-96 {
      gap: calc(var(--spacing) * 96);
    }
  }

  @media (min-width: 80rem) {
    .xl\:gap-96 {
      gap: calc(var(--spacing) * 96);
    }
  }
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}