.CalendarBox{background:#fff;padding:20px;border-radius:12px;box-shadow:0 8px 30px #0000000d}.CalendarHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.CalendarHeader .HeaderLeft{display:flex;gap:20px;align-items:center}.CalendarHeader .HeaderLeft .MonthYearDisplay{font-size:22px;font-weight:600;color:var(--primaryColor);font-family:myFont1}.CalendarHeader .HeaderLeft .Selectors{display:flex;gap:15px}.CalendarHeader .HeaderLeft .Selectors .SelectGroup{display:flex;flex-direction:column}.CalendarHeader .HeaderLeft .Selectors .SelectGroup label{font-size:11px;color:#888;margin-bottom:2px}.CalendarHeader .HeaderLeft .Selectors .SelectGroup select{padding:5px;border-radius:4px;border:1px solid #ddd;font-family:myFont1;outline:none;cursor:pointer}.CalendarHeader .HeaderLeft .Selectors .SelectGroup select:focus{border-color:var(--primaryColor)}.CalendarHeader .MonthYear{font-size:18px;font-weight:500;font-family:myFont1}.CalendarHeader .NavBtns button{background:none;border:none;font-size:20px;cursor:pointer;margin-left:10px}.WeekRow{display:grid;grid-template-columns:repeat(7,1fr);background:var(--primaryColor);color:#fff;font-weight:500;font-size:15px;font-family:myFont1}.WeekRow div{padding:12px 0;text-align:center;border:1px solid #c9c9c9}.DatesGrid{display:grid;grid-template-columns:repeat(7,1fr)}.Empty{border:1px solid #c9c9c9;background:#fff}.DateCell{min-height:110px;padding:5px;border:1px solid #c9c9c9;position:relative}.DateCell:hover .Tooltip{opacity:1;visibility:visible;transform:translateY(0)}.EventWrapper{display:flex;flex-direction:column;gap:2px;margin-top:5px}.EventWrapper .EventItem{font-size:11px;background:#e8f5e9;color:var(--primaryColor);padding:2px 5px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.EventWrapper .MoreText{font-size:10px;color:#666;font-weight:700}.Tooltip{position:absolute;top:-75px;left:0;transform:translate(-50%,-10px);background:#fff;padding:12px;width:300px;border-radius:8px;box-shadow:0 10px 30px #0003;z-index:100;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;border-left:4px solid var(--primaryColor)}.Tooltip .TooltipTitle{font-weight:700;border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:8px;color:#333}.Tooltip .TooltipItem{margin-bottom:8px}.Tooltip .TooltipItem:last-child{margin-bottom:0}.Tooltip .TooltipItem strong{display:block;font-size:12px;color:var(--primaryColor)}.Tooltip .TooltipItem span{font-size:11px;color:#666}.Date{font-size:16px;margin-bottom:6px;color:var(--primaryColor);font-weight:600;font-family:myFont1}.Today{width:30px;height:30px;background:var(--primaryColor);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:myFont1}.Event{font-size:12px;color:var(--primaryColor);cursor:pointer;position:relative;font-family:myFont1}.Event:hover .Tooltip{opacity:1;transform:translateY(0);pointer-events:auto}.ProjectMaintenanceToggle{display:flex;align-items:center;gap:12px}.ProjectMaintenanceToggle span{font-size:14px;font-weight:500;font-family:myFont1;color:#777}.ProjectMaintenanceToggle span.active{color:var(--primaryColor);font-weight:600}.ProjectMaintenanceToggle .Switch{position:relative;display:inline-block;width:46px;height:22px}.ProjectMaintenanceToggle .Switch input{opacity:0;width:0;height:0}.ProjectMaintenanceToggle .Switch .Slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:30px}.ProjectMaintenanceToggle .Switch .Slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.ProjectMaintenanceToggle .Switch input:checked+.Slider{background-color:var(--primaryColor)}.ProjectMaintenanceToggle .Switch input:checked+.Slider:before{transform:translate(24px)}.DeleteModalOverlay{position:fixed;inset:0;background:#0000008c;z-index:9999;display:flex;align-items:center;justify-content:center}.DeleteModalBox{background:#fff;width:380px;border-radius:8px;padding:30px 25px;position:relative;text-align:center;font-family:myFont1}.ModalCloseBtn{position:absolute;top:12px;right:12px;border:none;background:transparent;font-size:20px;cursor:pointer;color:#888}.DeleteIcon{width:70px;height:70px;margin:0 auto 15px}.DeleteIcon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.DeleteModalBox h3{font-size:18px;margin-bottom:8px}.DeleteModalBox p{font-size:13px;color:#777;margin-bottom:25px}.DeleteModalActions{display:flex;justify-content:center;gap:12px}.CancelBtn{background:#ccc;border:none;padding:8px 22px;border-radius:4px;cursor:pointer;font-size:14px}.DeleteBtn{background:#e53935;color:#fff;border:none;padding:8px 22px;border-radius:4px;cursor:pointer;font-size:14px}.PagenationJumpBox{width:100%;padding:12px 20px;background-color:#fff;border-radius:8px}.PagenationJumpBox .PageJump{position:relative;width:320px}.PagenationJumpBox .PageJumpBtn{display:flex;justify-content:space-between;align-items:center;border:1px solid #0f6b3f;color:#0f6b3f;padding:12px 14px;border-radius:6px;cursor:pointer;font-weight:500;font-family:myFont1;font-size:16px}.PagenationJumpBox .PageJumpDropdown{position:absolute;top:110%;left:0;width:100%;background:#fff;border-radius:6px;box-shadow:0 6px 18px #00000026;max-height:300px;overflow-y:auto;z-index:100}.PagenationJumpBox .PageJumpItem{display:flex;justify-content:space-between;padding:10px 14px;cursor:pointer;font-size:14px;border-bottom:1px solid #eee}.PagenationJumpBox .PageJumpItem:hover{background:#f3f7f5}.PagenationJumpBox .PageJumpItem.active{background:#e7f5ee;font-weight:600;color:#0f6b3f}.PagenationJumpBox .PageJumpItem .pageNo{font-weight:600}@font-face{font-family:myFont1;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf)}@font-face{font-family:myFont2;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--primaryColor: #106b3a;--secondaryColor: #35498f;--ThirdColor: #dc352e}body{background:#fff}::-webkit-scrollbar{width:0px;height:0px}::-webkit-scrollbar-track{background:#0000000c}::-webkit-scrollbar-thumb{background:#757575;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primaryColor)}.container{width:calc(100% - 300px);margin:0 auto}@media(max-width:1800px){.container{width:calc(100% - 200px)}}@media(max-width:1024px){.container{width:calc(100% - 60px)}}@media(max-width:480px){.container{width:calc(100% - 32px)}}a,article,button,div,span,i,b,h1,h2,h3,h4,h5,h6,p,input,ul,li,select,label,textarea{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:myFont1}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;font-family:myFont1}input{-webkit-tap-highlight-color:transparent}::-webkit-datetime-edit-year-field:not([aria-valuenow]),::-webkit-datetime-edit-month-field:not([aria-valuenow]),::-webkit-datetime-edit-day-field:not([aria-valuenow]){color:transparent}video::-internal-media-controls-overlay-cast-button{display:none}textarea{resize:none;font-family:myFont1}::-moz-selection{color:#fff;background:#1d1d1d}::selection{color:#fff;background:#1d1d1d}p{font-family:myFont1}main{display:flex;flex-direction:column;width:100%}.shimmer{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:105;background:#0000007c;display:none}#LeftSideNav{position:fixed;left:0;top:0;height:100vh;width:280px;z-index:1000;background:#fff;transition:width .3s ease}#LeftSideNav .LeftSideNavMenuBox{height:100vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .LeftSideNavTop{width:100%;display:flex;justify-content:center;border-bottom:1px solid #ddd}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .LeftSideNavTop .Logo{width:150px;height:100px;transition:all .3s ease}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .LeftSideNavTop .Logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter{width:100%}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter .LeftSideNavMenu{width:100%;padding:0 20px}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter .LeftSideNavMenu p{font-size:15px;font-weight:500;font-family:myFont1;text-transform:uppercase;color:#555;transition:opacity .3s ease}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter ul{width:100%;display:flex;flex-direction:column;align-items:center;padding:10px 15px;list-style:none;gap:5px}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter ul li{width:100%}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter ul li a{display:flex;align-items:center;gap:15px;padding:10px 15px;border-radius:8px;text-decoration:none;transition:all .3s ease;color:#000}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter ul li a svg{font-size:20px;transition:color .3s ease}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter ul li a p{font-size:15px;font-weight:500;font-family:myFont1;transition:opacity .3s ease}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter ul li a:hover{background:var(--primaryColor);color:#fff}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter ul li a:hover svg,#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter ul li a:hover p{color:#fff}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter ul li a.active{background:var(--primaryColor);color:#fff}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter ul li a.active svg,#LeftSideNav .LeftSideNavMenuBox .LeftSideNavTopCenterBox .leftSideNavCenter ul li a.active p{color:#fff}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavBottomBox{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:10px 15px;border-top:1px solid #ddd}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavBottomBox ul{width:100%}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavBottomBox ul li{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:8px;cursor:pointer;transition:.3s}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavBottomBox ul li svg{font-size:20px;color:#000}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavBottomBox ul li p{font-size:15px;color:#000;font-weight:500;font-family:myFont1}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavBottomBox ul li:hover{background:var(--primaryColor)}#LeftSideNav .LeftSideNavMenuBox .LeftSideNavBottomBox ul li:hover svg,#LeftSideNav .LeftSideNavMenuBox .LeftSideNavBottomBox ul li:hover p{color:#fff}#LeftSideNav.collapsed{width:80px}#LeftSideNav.collapsed .LeftSideNavMenuBox{align-items:center}#LeftSideNav.collapsed .LeftSideNavMenuBox .LeftSideNavTopCenterBox .LeftSideNavTop .Logo{width:50px;height:50px}#LeftSideNav.collapsed .LeftSideNavMenuBox .LeftSideNavTopCenterBox .LeftSideNavMenu p{opacity:0;visibility:hidden}#LeftSideNav.collapsed .LeftSideNavMenuBox .LeftSideNavTopCenterBox ul{padding:10px}#LeftSideNav.collapsed .LeftSideNavMenuBox .LeftSideNavTopCenterBox ul li{justify-content:center;gap:0}#LeftSideNav.collapsed .LeftSideNavMenuBox .LeftSideNavTopCenterBox ul li a{justify-content:center;gap:0;padding:12px 0}#LeftSideNav.collapsed .LeftSideNavMenuBox .LeftSideNavTopCenterBox ul li a p{opacity:0;max-width:0}#LeftSideNav.collapsed .LeftSideNavMenuBox .LeftSideNavBottomBox{justify-content:center;padding:15px 0}#LeftSideNav.collapsed .LeftSideNavMenuBox .LeftSideNavBottomBox ul li{justify-content:center}#LeftSideNav.collapsed .LeftSideNavMenuBox .LeftSideNavBottomBox ul li p{display:none}.admin-dashboard{display:flex;min-height:100vh;background:#f5f5f5;transition:all .3s ease}.admin-dashboard .main-content{flex:1;display:flex;flex-direction:column;margin-left:280px;transition:margin-left .3s ease}.admin-dashboard .content-area{margin:20px}.admin-dashboard.collapsed .main-content{margin-left:80px}.staff-dashboard{display:flex;min-height:100vh;background:#f5f5f5;transition:all .3s ease}.staff-dashboard .main-content{flex:1;display:flex;flex-direction:column;margin-left:280px;transition:margin-left .3s ease}.staff-dashboard .content-area{margin:20px}.staff-dashboard.collapsed .main-content{margin-left:80px}#Nav{width:100%;position:sticky;top:0;z-index:999;background:#fff;height:60px;display:flex;align-items:center;padding:10px 20px;border-bottom:1px solid #eee}#Nav .NavMain{width:100%;display:flex;align-items:center;justify-content:space-between}#Nav .NavMain .ProfileSideNavBox{display:flex;align-items:center;gap:12px}#Nav .NavMain .ProfileSideNavBox .ToggleMenuBox{width:38px;height:38px;border:1px solid #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}#Nav .NavMain .ProfileSideNavBox .ToggleMenuBox svg{font-size:22px;color:#333;transition:transform .3s ease,color .3s ease}#Nav .NavMain .ProfileSideNavBox .ToggleMenuBox:hover{background:var(--primaryColor)}#Nav .NavMain .ProfileSideNavBox .ToggleMenuBox:hover svg{color:#fff;transform:scale(1.1)}#Nav .NavMain .ProfileSideNavBox .SideNavPageNameBox p{font-size:18px;font-weight:500;color:#000;font-family:myFont1;letter-spacing:.3px;transition:color .3s ease}#Nav .NavMain .NavProfileBox{display:flex;align-items:center;gap:15px}#Nav .NavMain .NavProfileBox .NotifiSettingBox{display:flex;align-items:center;gap:10px}#Nav .NavMain .NavProfileBox .NotifiSettingBox .NotificationBox,#Nav .NavMain .NavProfileBox .NotifiSettingBox .SettingsBox{width:35px;height:35px;border:1px solid #555;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}#Nav .NavMain .NavProfileBox .NotifiSettingBox .NotificationBox svg,#Nav .NavMain .NavProfileBox .NotifiSettingBox .SettingsBox svg{color:#555;font-size:18px}#Nav .NavMain .NavProfileBox .NotifiSettingBox .NotificationBox:hover,#Nav .NavMain .NavProfileBox .NotifiSettingBox .SettingsBox:hover{background:var(--primaryColor)}#Nav .NavMain .NavProfileBox .NotifiSettingBox .NotificationBox:hover svg,#Nav .NavMain .NavProfileBox .NotifiSettingBox .SettingsBox:hover svg{color:#fff}#Nav .NavMain .NavProfileBox .ProfileImgNameBox{display:flex;align-items:center;gap:10px;cursor:pointer}#Nav .NavMain .NavProfileBox .ProfileImgNameBox .ProfileImgBox{width:40px;height:40px;border-radius:50%;overflow:hidden}#Nav .NavMain .NavProfileBox .ProfileImgNameBox .ProfileImgBox img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#Nav .NavMain .NavProfileBox .ProfileImgNameBox .NameBox{display:flex;align-items:center;gap:5px}#Nav .NavMain .NavProfileBox .ProfileImgNameBox .NameBox p{font-size:15px;font-weight:500;color:#222;font-family:myFont1}#Nav .NavMain .NavProfileBox .ProfileImgNameBox .NameBox svg{font-size:20px;color:#222;transition:transform .3s ease}#Nav .NavMain .NavProfileBox .ProfileImgNameBox:hover .NameBox svg{transform:rotate(180deg)}#Dashboard,#Dashboard .DashboardMain{width:100%}#Dashboard .DashboardMain .DashboardBox{width:100%;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:40px}#Dashboard .DashboardMain .DashboardBox .Box{width:calc(33.3333333333% - 10px);background:#fff;padding:15px;border-radius:10px;display:flex;flex-direction:column;gap:15px;align-items:flex-start;transition:all .3s ease}#Dashboard .DashboardMain .DashboardBox .Box .IconBox{width:55px;height:55px;border-radius:8px;background:#d1f5e2;display:flex;align-items:center;justify-content:center}#Dashboard .DashboardMain .DashboardBox .Box .IconBox svg{color:var(--primaryColor);font-size:22px}#Dashboard .DashboardMain .DashboardBox .Box .TitleBox p{font-size:16px;font-family:myFont1;font-weight:500;color:#000}#Dashboard .DashboardMain .TableBox{width:100%;background:#fff;border-radius:10px;padding:20px;margin-top:20px;box-shadow:0 2px 6px #0000000d}#Dashboard .DashboardMain .TableBox .SearchDateFilter{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px}#Dashboard .DashboardMain .TableBox .SearchBoxFilter{display:flex;align-items:center;gap:10px}#Dashboard .DashboardMain .TableBox .SearchBoxFilter .SearchBox{width:250px;border:1px solid #ccc;display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:30px}#Dashboard .DashboardMain .TableBox .SearchBoxFilter .SearchBox .SearchIcon{color:#000;font-size:18px}#Dashboard .DashboardMain .TableBox .SearchBoxFilter .SearchBox input{border:none;outline:none;font-size:14px;font-weight:500;color:#000;font-family:myFont1;width:100%}#Dashboard .DashboardMain .TableBox .SearchBoxFilter .FilterIconBox{width:38px;height:38px;border:1px solid #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}#Dashboard .DashboardMain .TableBox .SearchBoxFilter .FilterIconBox:hover{background:var(--primaryColor)}#Dashboard .DashboardMain .TableBox .SearchBoxFilter .FilterIconBox:hover svg{color:#fff}#Dashboard .DashboardMain .TableBox .SearchBoxFilter .FilterIconBox svg{color:#000;font-size:18px}#Dashboard .DashboardMain .TableBox .DateFilterBox,#Dashboard .DashboardMain .TableBox .DateFilterBox .DateRangeBox{display:flex;align-items:center;gap:15px}#Dashboard .DashboardMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox,#Dashboard .DashboardMain .TableBox .DateFilterBox .DateRangeBox .DateToBox{display:flex;align-items:center;gap:10px}#Dashboard .DashboardMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox p,#Dashboard .DashboardMain .TableBox .DateFilterBox .DateRangeBox .DateToBox p{font-size:14px;font-weight:500;color:#000;font-family:myFont1}#Dashboard .DashboardMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow,#Dashboard .DashboardMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow{display:flex;align-items:center;gap:8px;border:1px solid #ccc;border-radius:5px;padding:5px 10px}#Dashboard .DashboardMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow input,#Dashboard .DashboardMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow input{border:none;outline:none;font-size:14px;color:#000;font-family:myFont1}#Dashboard .DashboardMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow svg,#Dashboard .DashboardMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow svg{color:#000}#Dashboard .DashboardMain .TableBox table{width:100%;border-collapse:collapse;border-radius:10px 10px 0 0}#Dashboard .DashboardMain .TableBox table th,#Dashboard .DashboardMain .TableBox table td{padding:12px;text-align:left;font-size:14px;font-weight:500;color:#000;font-family:myFont1;border-bottom:1px solid #eee}#Dashboard .DashboardMain .TableBox table th{background:var(--primaryColor);color:#fff}#Dashboard .DashboardMain .TableBox table tr:nth-child(2n){background:#f9f9f9}#Dashboard .DashboardMain .TableBox table .ActionIcons{display:flex;align-items:center;gap:10px}#Dashboard .DashboardMain .TableBox table .ActionIcons .edit{color:green;cursor:pointer}#Dashboard .DashboardMain .TableBox table .ActionIcons .delete{color:red;cursor:pointer}#Dashboard .DashboardMain .TableBox table .ActionIcons .view{color:#00f;cursor:pointer}#Dashboard .DashboardMain .TableBox table .NoDataRow td{text-align:center}#Dashboard .DashboardMain .TableBox table .NoDataBox{padding:20px 0}#Dashboard .DashboardMain .TableBox table .NoDataBox img{width:250px;height:250px}#Dashboard .DashboardMain .TableBox table .NoDataBox p{font-size:18px;font-weight:500;color:#777;font-family:myFont1}#Dashboard .DashboardMain .TableBox .PaginationBox{margin-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}#Dashboard .DashboardMain .TableBox .PaginationBox .ShowResultBox{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer}#Dashboard .DashboardMain .TableBox .PaginationBox .ShowResultBox p{font-size:14px;color:#000;font-family:myFont1;font-weight:500}#Dashboard .DashboardMain .TableBox .PaginationBox .ShowResultBox .ShowResultCount{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;border:1px solid #555;border-radius:5px}#Dashboard .DashboardMain .TableBox .PaginationBox .ShowResultBox .ShowResultCount svg{color:#000}#Dashboard .DashboardMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu{position:absolute;top:100%;left:80px;margin-top:5px;background:#fff;border:1px solid #ccc;border-radius:5px;width:80px;box-shadow:0 2px 8px #00000026;z-index:10;overflow:hidden}#Dashboard .DashboardMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu p{margin:0;padding:8px 10px;font-size:14px;color:#000;font-family:myFont1;cursor:pointer;transition:background .2s}#Dashboard .DashboardMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu p:hover{background:var(--primaryColor);color:#fff}#Dashboard .DashboardMain .TableBox .PaginationBox .PaginationCount{display:flex;align-items:center;gap:10px}#Dashboard .DashboardMain .TableBox .PaginationBox .PaginationCount .PaginationNumber{display:flex;align-items:center;gap:6px}#Dashboard .DashboardMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span{font-size:14px;font-weight:500;color:#000;cursor:pointer;transition:.3s}#Dashboard .DashboardMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span:hover,#Dashboard .DashboardMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span.active{color:var(--primaryColor)}#Dashboard .DashboardMain .TableBox .PaginationBox .PaginationCount button{border:none;outline:none;background:var(--primaryColor);color:#fff;padding:6px 15px;border-radius:5px;cursor:pointer;transition:.3s}#Dashboard .DashboardMain .TableBox .PaginationBox .PaginationCount button:hover{opacity:.9}@media(max-width:1024px){#Dashboard .DashboardMain .DashboardBox .Box{width:calc(50% - 10px)}#Dashboard .DashboardMain .SearchBoxFilter .SearchBox{width:200px}}@media(max-width:768px){#Dashboard .DashboardMain .DashboardBox .Box{width:100%}#Dashboard .DashboardMain .SearchDateFilter,#Dashboard .DashboardMain .PaginationBox{flex-direction:column;align-items:flex-start}}.breadcrumbs{width:100%;font-family:myFont1;padding:12px 20px;background-color:#fff;border-radius:8px;display:inline-block;margin-bottom:20px}.breadcrumbs ul{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.breadcrumbs ul li{display:flex;align-items:center;font-size:14px;color:#555}.breadcrumbs ul li .breadcrumb-clickable{color:var(--primaryColor);font-weight:500;cursor:pointer;transition:color .2s ease}.breadcrumbs ul li .breadcrumb-clickable:hover{color:var(--primaryColor);text-decoration:underline}.breadcrumbs ul li a{color:var(--primaryColor);text-decoration:none;font-weight:500;transition:color .2s ease}.breadcrumbs ul li a:hover{color:var(--primaryColor);text-decoration:underline}.breadcrumbs ul li span{color:#000}.breadcrumbs ul li .breadcrumb-icon{margin:0 6px;font-size:12px;color:#000}.success-popup{position:fixed;top:20px;right:20px;z-index:9999;display:flex;justify-content:flex-end;animation:fadeIn .3s ease-in-out}.success-popup .success-popup-inner{position:relative;background:#fff;border:2px solid #4caf50;border-radius:10px;padding:20px 30px;min-width:250px;box-shadow:0 4px 10px #00000026;text-align:center;animation:slideInRight .4s ease forwards}.success-popup .success-popup-inner .close-btn{position:absolute;top:8px;right:8px;background:none;border:none;font-size:16px;color:#555;cursor:pointer}.success-popup .success-popup-inner .close-btn:hover{color:#000}.success-popup .success-popup-inner .success-icon{font-size:40px;color:#4caf50;margin-bottom:10px}.success-popup .success-popup-inner .success-text{font-size:16px;color:#333;font-weight:500}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:9998;animation:fadeIn .3s ease-in-out}.delete-popup{background:#fff;border-radius:12px;padding:30px 40px;text-align:center;width:320px;box-shadow:0 4px 15px #0003;animation:zoomIn .3s ease forwards}.delete-popup .delete-icon{font-size:50px;color:#f44336;margin-bottom:15px}.delete-popup .delete-text{font-size:17px;color:#333;font-weight:500;margin-bottom:25px}.delete-popup .button-group{display:flex;justify-content:space-around}.delete-popup .button-group button{padding:8px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:all .3s ease}.delete-popup .button-group .yes-btn{background:#f44336;color:#fff}.delete-popup .button-group .yes-btn:hover{background:#d32f2f}.delete-popup .button-group .no-btn{background:#e0e0e0}.delete-popup .button-group .no-btn:hover{background:#bdbdbd}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}#StaffManagement,#StaffManagement .StaffManagementMain{width:100%}#StaffManagement .StaffManagementMain .StaffManagementBtnBox{width:100%;padding:10px;display:flex;align-items:center;justify-content:flex-end}#StaffManagement .StaffManagementMain .StaffManagementBtnBox button{width:200px;background:var(--primaryColor);padding:10px 15px;border:none;outline:none;color:#fff;font-size:16px;border-radius:5px;cursor:pointer}#StaffManagement .StaffManagementMain .TableBox{width:100%;background:#fff;border-radius:15px;padding:20px}#StaffManagement .StaffManagementMain .TableBox .SearchDateFilter{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px}#StaffManagement .StaffManagementMain .TableBox .SearchBoxFilter{display:flex;align-items:center;gap:10px}#StaffManagement .StaffManagementMain .TableBox .SearchBoxFilter .SearchBox{width:250px;border:1px solid #ccc;display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:30px}#StaffManagement .StaffManagementMain .TableBox .SearchBoxFilter .SearchBox .SearchIcon{color:#000;font-size:18px}#StaffManagement .StaffManagementMain .TableBox .SearchBoxFilter .SearchBox input{border:none;outline:none;font-size:14px;font-weight:500;color:#000;font-family:myFont1;width:100%}#StaffManagement .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox{width:38px;height:38px;border:1px solid #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}#StaffManagement .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox:hover{background:var(--primaryColor)}#StaffManagement .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox:hover svg{color:#fff}#StaffManagement .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox svg{color:#000;font-size:18px}#StaffManagement .StaffManagementMain .TableBox .DateFilterBox,#StaffManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox{display:flex;align-items:center;gap:15px}#StaffManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox,#StaffManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox{display:flex;align-items:center;gap:10px}#StaffManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox p,#StaffManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox p{font-size:14px;font-weight:500;color:#000;font-family:myFont1}#StaffManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow,#StaffManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow{display:flex;align-items:center;gap:8px;border:1px solid #ccc;border-radius:5px;padding:5px 10px}#StaffManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow input,#StaffManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow input{border:none;outline:none;font-size:14px;color:#000;font-family:myFont1}#StaffManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow svg,#StaffManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow svg{color:#000}#StaffManagement .StaffManagementMain .TableBox table{width:100%;border-collapse:collapse}#StaffManagement .StaffManagementMain .TableBox table th,#StaffManagement .StaffManagementMain .TableBox table td{padding:12px;text-align:left;font-size:14px;font-weight:500;color:#000;font-family:myFont1;border-bottom:1px solid #eee}#StaffManagement .StaffManagementMain .TableBox table th{background:var(--primaryColor);color:#fff}#StaffManagement .StaffManagementMain .TableBox table tr:nth-child(2n){background:#f9f9f9}#StaffManagement .StaffManagementMain .TableBox table .ActionIcons{display:flex;align-items:center;gap:10px}#StaffManagement .StaffManagementMain .TableBox table .ActionIcons .edit{color:green;cursor:pointer}#StaffManagement .StaffManagementMain .TableBox table .ActionIcons .delete{color:red;cursor:pointer}#StaffManagement .StaffManagementMain .TableBox table .ActionIcons .view{color:#00f;cursor:pointer}#StaffManagement .StaffManagementMain .TableBox table .NoDataRow td{text-align:center}#StaffManagement .StaffManagementMain .TableBox table .NoDataBox{padding:20px 0}#StaffManagement .StaffManagementMain .TableBox table .NoDataBox img{width:250px;height:250px}#StaffManagement .StaffManagementMain .TableBox table .NoDataBox p{font-size:18px;font-weight:500;color:#777;font-family:myFont1}#StaffManagement .StaffManagementMain .TableBox .PaginationBox{margin-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}#StaffManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer}#StaffManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox p{font-size:14px;color:#000;font-family:myFont1;font-weight:500}#StaffManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .ShowResultCount{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;border:1px solid #555;border-radius:5px}#StaffManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .ShowResultCount svg{color:#000}#StaffManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu{position:absolute;top:100%;left:80px;margin-top:5px;background:#fff;border:1px solid #ccc;border-radius:5px;width:80px;box-shadow:0 2px 8px #00000026;z-index:10;overflow:hidden}#StaffManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu p{margin:0;padding:8px 10px;font-size:14px;color:#000;font-family:myFont1;cursor:pointer;transition:background .2s}#StaffManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu p:hover{background:var(--primaryColor);color:#fff}#StaffManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount{display:flex;align-items:center;gap:10px}#StaffManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber{display:flex;align-items:center;gap:6px}#StaffManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span{font-size:14px;font-weight:500;color:#000;cursor:pointer;transition:.3s}#StaffManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span:hover,#StaffManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span.active{color:var(--primaryColor)}#StaffManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount button{border:none;outline:none;background:var(--primaryColor);color:#fff;padding:6px 15px;border-radius:5px;cursor:pointer;transition:.3s}#StaffManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount button:hover{opacity:.9}@media(max-width:1024px){#StaffManagement .DashboardMain .DashboardBox .Box{width:calc(50% - 10px)}#StaffManagement .DashboardMain .SearchBoxFilter .SearchBox{width:200px}}@media(max-width:768px){#StaffManagement .DashboardMain .DashboardBox .Box{width:100%}#StaffManagement .DashboardMain .SearchDateFilter,#StaffManagement .DashboardMain .PaginationBox{flex-direction:column;align-items:flex-start}}#AddStaff{width:100%}#AddStaff .AddStaffMain{background:#fff;padding:20px;width:100%;border-radius:15px}#AddStaff .AddStaffMain .FormGroupBox{display:flex;align-items:center;gap:15px}#AddStaff .AddStaffMain .FormGroupBox .FormGroup{width:33.3333333333%;margin-bottom:15px;display:flex;flex-direction:column}#AddStaff .AddStaffMain .FormGroupBox .FormGroup label{font-weight:500;margin-bottom:5px;color:#000;font-size:15px;font-family:myFont1}#AddStaff .AddStaffMain .FormGroupBox .FormGroup input,#AddStaff .AddStaffMain .FormGroupBox .FormGroup textarea{border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:15px;outline:none}#AddStaff .AddStaffMain .FormGroupBox .FormGroup input:focus,#AddStaff .AddStaffMain .FormGroupBox .FormGroup textarea:focus{border-color:var(--primaryColor)}#AddStaff .AddStaffMain .FormGroupBox .FormGroup input.error,#AddStaff .AddStaffMain .FormGroupBox .FormGroup textarea.error{border-color:red}#AddStaff .AddStaffMain .FormGroupBox .FormGroup .error-msg{color:red;font-size:13px;margin-top:3px}#AddStaff .AddStaffMain .FormGroupContactBox{display:flex;align-items:flex-start;gap:15px}#AddStaff .AddStaffMain .FormGroupContactBox .FormGroup{width:33.3333333333%;margin-bottom:15px;display:flex;flex-direction:column}#AddStaff .AddStaffMain .FormGroupContactBox .FormGroup label{font-weight:500;margin-bottom:5px;color:#000;font-size:15px;font-family:myFont1}#AddStaff .AddStaffMain .FormGroupContactBox .FormGroup input,#AddStaff .AddStaffMain .FormGroupContactBox .FormGroup textarea{border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:15px;outline:none}#AddStaff .AddStaffMain .FormGroupContactBox .FormGroup input:focus,#AddStaff .AddStaffMain .FormGroupContactBox .FormGroup textarea:focus{border-color:var(--primaryColor)}#AddStaff .AddStaffMain .FormGroupContactBox .FormGroup input.error,#AddStaff .AddStaffMain .FormGroupContactBox .FormGroup textarea.error{border-color:red}#AddStaff .AddStaffMain .FormGroupContactBox .FormGroup .error-msg{color:red;font-size:13px;margin-top:3px}#AddStaff .AddStaffMain .FormBtnBox{display:flex;justify-content:flex-end;gap:10px}#AddStaff .AddStaffMain .FormBtnBox button{padding:8px 15px;border-radius:5px;cursor:pointer;border:none;font-weight:500;font-size:15px;font-family:myFont1}#AddStaff .AddStaffMain .FormBtnBox .primary-btn{background:var(--primaryColor);color:#fff}#AddStaff .AddStaffMain .FormBtnBox .cancel-btn{background:#6c757d;color:#fff}#AddStaff .AddStaffMain .FormBtnBox button:hover{opacity:.9}#SiteManagement,#SiteManagement .StaffManagementMain{width:100%}#SiteManagement .StaffManagementMain .StaffManagementBtnBox{width:100%;padding:10px;display:flex;align-items:center;justify-content:space-between;background:#fff;margin-bottom:10px;border-radius:15px}#SiteManagement .StaffManagementMain .StaffManagementBtnBox button{width:200px;background:var(--primaryColor);padding:10px 15px;border:none;outline:none;color:#fff;font-size:16px;border-radius:5px;cursor:pointer}#SiteManagement .StaffManagementMain .TableBox{width:100%;background:#fff;border-radius:15px;padding:20px}#SiteManagement .StaffManagementMain .TableBox .SearchDateFilter{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px}#SiteManagement .StaffManagementMain .TableBox .SearchBoxFilter{display:flex;align-items:center;gap:10px}#SiteManagement .StaffManagementMain .TableBox .SearchBoxFilter .SearchBox{width:250px;border:1px solid #ccc;display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:30px}#SiteManagement .StaffManagementMain .TableBox .SearchBoxFilter .SearchBox .SearchIcon{color:#000;font-size:18px}#SiteManagement .StaffManagementMain .TableBox .SearchBoxFilter .SearchBox input{border:none;outline:none;font-size:14px;font-weight:500;color:#000;font-family:myFont1;width:100%}#SiteManagement .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox{width:38px;height:38px;border:1px solid #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}#SiteManagement .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox:hover{background:var(--primaryColor)}#SiteManagement .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox:hover svg{color:#fff}#SiteManagement .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox svg{color:#000;font-size:18px}#SiteManagement .StaffManagementMain .TableBox .DateFilterBox,#SiteManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox{display:flex;align-items:center;gap:15px}#SiteManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox,#SiteManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox{display:flex;align-items:center;gap:10px}#SiteManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox p,#SiteManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox p{font-size:14px;font-weight:500;color:#000;font-family:myFont1}#SiteManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow,#SiteManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow{display:flex;align-items:center;gap:8px;border:1px solid #ccc;border-radius:5px;padding:5px 10px}#SiteManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow input,#SiteManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow input{border:none;outline:none;font-size:14px;color:#000;font-family:myFont1}#SiteManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow svg,#SiteManagement .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow svg{color:#000}#SiteManagement .StaffManagementMain .TableBox table{width:100%;border-collapse:collapse}#SiteManagement .StaffManagementMain .TableBox table th,#SiteManagement .StaffManagementMain .TableBox table td{padding:12px;text-align:left;font-size:14px;font-weight:500;color:#000;font-family:myFont1;border-bottom:1px solid #eee}#SiteManagement .StaffManagementMain .TableBox table th{background:var(--primaryColor);color:#fff}#SiteManagement .StaffManagementMain .TableBox table tr:nth-child(2n){background:#f9f9f9}#SiteManagement .StaffManagementMain .TableBox table .ActionIcons{display:flex;align-items:center;gap:10px}#SiteManagement .StaffManagementMain .TableBox table .ActionIcons .edit{color:green;cursor:pointer}#SiteManagement .StaffManagementMain .TableBox table .ActionIcons .delete{color:red;cursor:pointer}#SiteManagement .StaffManagementMain .TableBox table .ActionIcons .view{color:#00f;cursor:pointer}#SiteManagement .StaffManagementMain .TableBox table .NoDataRow td{text-align:center}#SiteManagement .StaffManagementMain .TableBox table .NoDataBox{padding:20px 0}#SiteManagement .StaffManagementMain .TableBox table .NoDataBox img{width:250px;height:250px}#SiteManagement .StaffManagementMain .TableBox table .NoDataBox p{font-size:18px;font-weight:500;color:#777;font-family:myFont1}#SiteManagement .StaffManagementMain .TableBox .PaginationBox{margin-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}#SiteManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer}#SiteManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox p{font-size:14px;color:#000;font-family:myFont1;font-weight:500}#SiteManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .ShowResultCount{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;border:1px solid #555;border-radius:5px}#SiteManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .ShowResultCount svg{color:#000}#SiteManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu{position:absolute;top:100%;left:80px;margin-top:5px;background:#fff;border:1px solid #ccc;border-radius:5px;width:80px;box-shadow:0 2px 8px #00000026;z-index:10;overflow:hidden}#SiteManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu p{margin:0;padding:8px 10px;font-size:14px;color:#000;font-family:myFont1;cursor:pointer;transition:background .2s}#SiteManagement .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu p:hover{background:var(--primaryColor);color:#fff}#SiteManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount{display:flex;align-items:center;gap:10px}#SiteManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber{display:flex;align-items:center;gap:6px}#SiteManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span{font-size:14px;font-weight:500;color:#000;cursor:pointer;transition:.3s}#SiteManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span:hover,#SiteManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span.active{color:var(--primaryColor)}#SiteManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount button{border:none;outline:none;background:var(--primaryColor);color:#fff;padding:6px 15px;border-radius:5px;cursor:pointer;transition:.3s}#SiteManagement .StaffManagementMain .TableBox .PaginationBox .PaginationCount button:hover{opacity:.9}@media(max-width:1024px){#SiteManagement .DashboardMain .DashboardBox .Box{width:calc(50% - 10px)}#SiteManagement .DashboardMain .SearchBoxFilter .SearchBox{width:200px}}@media(max-width:768px){#SiteManagement .DashboardMain .DashboardBox .Box{width:100%}#SiteManagement .DashboardMain .SearchDateFilter,#SiteManagement .DashboardMain .PaginationBox{flex-direction:column;align-items:flex-start}}#AddSite{width:100%}#AddSite .AddStaffMain{background:#fff;padding:20px;width:100%;border-radius:15px}#AddSite .AddStaffMain h3{margin-top:20px;font-size:18px;color:#000;font-weight:500;font-family:myFont1;margin-bottom:20px}#AddSite .AddStaffMain .FormGroupBox{width:100%;display:flex;flex-wrap:wrap;gap:15px}#AddSite .AddStaffMain .FormGroupBox .FormGroup{flex:1 1 200px;display:flex;flex-direction:column;margin-bottom:15px}#AddSite .AddStaffMain .FormGroupBox .FormGroup label{font-weight:500;margin-bottom:5px;color:#000;font-size:15px;font-family:myFont1}#AddSite .AddStaffMain .FormGroupBox .FormGroup input,#AddSite .AddStaffMain .FormGroupBox .FormGroup textarea{border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:15px;outline:none}#AddSite .AddStaffMain .FormGroupBox .FormGroup input:focus,#AddSite .AddStaffMain .FormGroupBox .FormGroup textarea:focus{border-color:var(--primaryColor)}#AddSite .AddStaffMain .FormGroupBox .FormGroup input.error,#AddSite .AddStaffMain .FormGroupBox .FormGroup textarea.error{border-color:red}#AddSite .AddStaffMain .FormGroupBox .FormGroup select{border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:15px;outline:none;background:#fff}#AddSite .AddStaffMain .FormGroupBox .FormGroup select:focus{border-color:var(--primaryColor)}#AddSite .AddStaffMain .FormGroupBox .FormGroup .error-msg{color:red;font-size:13px;margin-top:3px}#AddSite .AddStaffMain .FireEquipmentTableWrapper{width:100%;overflow-x:auto}#AddSite .AddStaffMain .FireEquipmentTableWrapper .FireEquipmentTable{width:100%;border-collapse:collapse;margin-bottom:15px}#AddSite .AddStaffMain .FireEquipmentTableWrapper .FireEquipmentTable th,#AddSite .AddStaffMain .FireEquipmentTableWrapper .FireEquipmentTable td{border:1px solid #eee;padding:8px;text-align:left}#AddSite .AddStaffMain .FireEquipmentTableWrapper .FireEquipmentTable th{background:var(--primaryColor);font-weight:500;font-size:14px;color:#fff;font-family:myFont1}#AddSite .AddStaffMain .FireEquipmentTableWrapper .FireEquipmentTable td{font-size:14px}#AddSite .AddStaffMain .FireEquipmentTableWrapper .FireEquipmentTable input{width:100%;border:none;outline:none;font-size:14px;padding:4px}#AddSite .AddStaffMain .FireEquipmentTableWrapper .FireEquipmentTable input:focus{outline:none}#AddSite .AddStaffMain .addRowBtn{white-space:nowrap;background:var(--primaryColor);color:#fff;border:none;padding:6px 14px;cursor:pointer}#AddSite .AddStaffMain .FormBtnBox{display:flex;justify-content:flex-end;gap:10px}#AddSite .AddStaffMain .FormBtnBox button{padding:8px 15px;border-radius:5px;cursor:pointer;border:none;font-weight:500;font-size:15px;font-family:myFont1}#AddSite .AddStaffMain .FormBtnBox button.primary-btn{background:var(--primaryColor);color:#fff}#AddSite .AddStaffMain .FormBtnBox button.cancel-btn{background:#6c757d;color:#fff}#AddSite .AddStaffMain .FormBtnBox button:hover{opacity:.9}#SiteAsign,#SiteAsign .StaffManagementMain{width:100%}#SiteAsign .StaffManagementMain .StaffManagementBtnBox{width:100%;padding:10px;display:flex;align-items:center;justify-content:flex-end}#SiteAsign .StaffManagementMain .StaffManagementBtnBox button{background:var(--primaryColor);padding:10px 15px;border:none;outline:none;color:#fff;font-size:16px;border-radius:5px;cursor:pointer}#SiteAsign .StaffManagementMain .TableBox{width:100%;background:#fff;border-radius:15px;padding:20px}#SiteAsign .StaffManagementMain .TableBox .SearchDateFilter{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px}#SiteAsign .StaffManagementMain .TableBox .SearchBoxFilter{display:flex;align-items:center;gap:10px}#SiteAsign .StaffManagementMain .TableBox .SearchBoxFilter .SearchBox{width:250px;border:1px solid #ccc;display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:30px}#SiteAsign .StaffManagementMain .TableBox .SearchBoxFilter .SearchBox .SearchIcon{color:#000;font-size:18px}#SiteAsign .StaffManagementMain .TableBox .SearchBoxFilter .SearchBox input{border:none;outline:none;font-size:14px;font-weight:500;color:#000;font-family:myFont1;width:100%}#SiteAsign .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox{width:38px;height:38px;border:1px solid #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}#SiteAsign .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox:hover{background:var(--primaryColor)}#SiteAsign .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox:hover svg{color:#fff}#SiteAsign .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox svg{color:#000;font-size:18px}#SiteAsign .StaffManagementMain .TableBox .DateFilterBox,#SiteAsign .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox{display:flex;align-items:center;gap:15px}#SiteAsign .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox,#SiteAsign .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox{display:flex;align-items:center;gap:10px}#SiteAsign .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox p,#SiteAsign .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox p{font-size:14px;font-weight:500;color:#000;font-family:myFont1}#SiteAsign .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow,#SiteAsign .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow{display:flex;align-items:center;gap:8px;border:1px solid #ccc;border-radius:5px;padding:5px 10px}#SiteAsign .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow input,#SiteAsign .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow input{border:none;outline:none;font-size:14px;color:#000;font-family:myFont1}#SiteAsign .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow svg,#SiteAsign .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow svg{color:#000}#SiteAsign .StaffManagementMain .TableBox table{width:100%;border-collapse:collapse}#SiteAsign .StaffManagementMain .TableBox table th,#SiteAsign .StaffManagementMain .TableBox table td{padding:12px;text-align:left;font-size:14px;font-weight:500;color:#000;font-family:myFont1;border-bottom:1px solid #eee}#SiteAsign .StaffManagementMain .TableBox table th{background:var(--primaryColor);color:#fff}#SiteAsign .StaffManagementMain .TableBox table tr:nth-child(2n){background:#f9f9f9}#SiteAsign .StaffManagementMain .TableBox table .ActionIcons{display:flex;align-items:center;gap:10px}#SiteAsign .StaffManagementMain .TableBox table .ActionIcons .edit{color:green;cursor:pointer}#SiteAsign .StaffManagementMain .TableBox table .ActionIcons .delete{color:red;cursor:pointer}#SiteAsign .StaffManagementMain .TableBox table .ActionIcons .view{color:#00f;cursor:pointer}#SiteAsign .StaffManagementMain .TableBox table .NoDataRow td{text-align:center}#SiteAsign .StaffManagementMain .TableBox table .NoDataBox{padding:20px 0}#SiteAsign .StaffManagementMain .TableBox table .NoDataBox img{width:250px;height:250px}#SiteAsign .StaffManagementMain .TableBox table .NoDataBox p{font-size:18px;font-weight:500;color:#777;font-family:myFont1}#SiteAsign .StaffManagementMain .TableBox .PaginationBox{margin-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}#SiteAsign .StaffManagementMain .TableBox .PaginationBox .ShowResultBox{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer}#SiteAsign .StaffManagementMain .TableBox .PaginationBox .ShowResultBox p{font-size:14px;color:#000;font-family:myFont1;font-weight:500}#SiteAsign .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .ShowResultCount{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;border:1px solid #555;border-radius:5px}#SiteAsign .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .ShowResultCount svg{color:#000}#SiteAsign .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu{position:absolute;top:100%;left:80px;margin-top:5px;background:#fff;border:1px solid #ccc;border-radius:5px;width:80px;box-shadow:0 2px 8px #00000026;z-index:10;overflow:hidden}#SiteAsign .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu p{margin:0;padding:8px 10px;font-size:14px;color:#000;font-family:myFont1;cursor:pointer;transition:background .2s}#SiteAsign .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu p:hover{background:var(--primaryColor);color:#fff}#SiteAsign .StaffManagementMain .TableBox .PaginationBox .PaginationCount{display:flex;align-items:center;gap:10px}#SiteAsign .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber{display:flex;align-items:center;gap:6px}#SiteAsign .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span{font-size:14px;font-weight:500;color:#000;cursor:pointer;transition:.3s}#SiteAsign .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span:hover,#SiteAsign .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span.active{color:var(--primaryColor)}#SiteAsign .StaffManagementMain .TableBox .PaginationBox .PaginationCount button{border:none;outline:none;background:var(--primaryColor);color:#fff;padding:6px 15px;border-radius:5px;cursor:pointer;transition:.3s}#SiteAsign .StaffManagementMain .TableBox .PaginationBox .PaginationCount button:hover{opacity:.9}@media(max-width:1024px){#SiteAsign .DashboardMain .DashboardBox .Box{width:calc(50% - 10px)}#SiteAsign .DashboardMain .SearchBoxFilter .SearchBox{width:200px}}@media(max-width:768px){#SiteAsign .DashboardMain .DashboardBox .Box{width:100%}#SiteAsign .DashboardMain .SearchDateFilter,#SiteAsign .DashboardMain .PaginationBox{flex-direction:column;align-items:flex-start}}#AddSiteAssign{width:100%}#AddSiteAssign .AddStaffMain{background:#fff;padding:20px;border-radius:15px}#AddSiteAssign .AddStaffMain .FormGroupBox{display:flex;flex-wrap:wrap;gap:15px}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup{flex:1 1 200px;display:flex;flex-direction:column;margin-bottom:15px}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup input[type=date],#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup input[type=text]{border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:14px;outline:none;transition:.3s;width:100%}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup input[type=date].error,#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup input[type=text].error{border-color:red}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup input[type=date]:focus,#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup input[type=text]:focus{border-color:var(--primaryColor)}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup label{font-weight:500;margin-bottom:5px;color:#000;font-size:14px}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup textarea{border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:14px;outline:none}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup textarea:focus{border-color:var(--primaryColor)}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup textarea.error{border-color:red}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown{position:relative;border:1px solid #ccc;border-radius:6px;padding:8px 10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown.error{border-color:red}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown .dropdown-selected{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:14px}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown .dropdown-menu{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ccc;border-radius:6px;margin-top:5px;z-index:10;box-shadow:0 2px 8px #00000026;max-height:220px;overflow-y:auto}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown .dropdown-menu.no-search .dropdown-search{display:none}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown .dropdown-menu .dropdown-search{display:flex;align-items:center;padding:8px;border-bottom:1px solid #eee}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown .dropdown-menu .dropdown-search input{flex:1;border:none;outline:none}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown .dropdown-menu .dropdown-search .close-icon{color:var(--primaryColor);cursor:pointer;margin-left:5px}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown .dropdown-menu ul{list-style:none;padding:0;margin:0}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown .dropdown-menu ul li{padding:8px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.2s;font-size:14px}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown .dropdown-menu ul li input[type=checkbox]{width:16px;height:16px;accent-color:var(--primaryColor);border:1px solid var(--primaryColor)}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown .dropdown-menu ul li .check-icon{margin-left:auto;color:#fff;background:var(--primaryColor);border-radius:50%;padding:2px;font-size:10px;display:none}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown .dropdown-menu ul li.selected{background:var(--primaryColor);color:#fff;font-size:14px}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown .dropdown-menu ul li.selected .check-icon{display:inline}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .custom-dropdown .dropdown-menu ul li:hover{background:var(--primaryColor);color:#fff}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .selected-box{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .selected-box span{background:var(--primaryColor);color:#fff;padding:5px 10px;border-radius:4px;font-size:13px}#AddSiteAssign .AddStaffMain .FormGroupBox .FormGroup .error-msg{color:red;font-size:13px;margin-top:3px}#AddSiteAssign .AddStaffMain .FormBtnBox{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}#AddSiteAssign .AddStaffMain .FormBtnBox button{padding:8px 15px;border-radius:5px;border:none;cursor:pointer;font-weight:500}#AddSiteAssign .AddStaffMain .FormBtnBox button.primary-btn{background:var(--primaryColor);color:#fff}#AddSiteAssign .AddStaffMain .FormBtnBox button.cancel-btn{background:#6c757d;color:#fff}#AddSiteAssign .AddStaffMain .FormBtnBox button:hover{opacity:.9}#Category,#Category .StaffManagementMain{width:100%}#Category .StaffManagementMain .StaffManagementBtnBox{width:100%;padding:10px;display:flex;align-items:center;justify-content:flex-end}#Category .StaffManagementMain .StaffManagementBtnBox button{width:200px;background:var(--primaryColor);padding:10px 15px;border:none;outline:none;color:#fff;font-size:16px;border-radius:5px;cursor:pointer}#Category .StaffManagementMain .TableBox{width:100%;background:#fff;border-radius:15px;padding:20px}#Category .StaffManagementMain .TableBox .SearchDateFilter{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px}#Category .StaffManagementMain .TableBox .SearchBoxFilter{display:flex;align-items:center;gap:10px}#Category .StaffManagementMain .TableBox .SearchBoxFilter .SearchBox{width:250px;border:1px solid #ccc;display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:30px}#Category .StaffManagementMain .TableBox .SearchBoxFilter .SearchBox .SearchIcon{color:#000;font-size:18px}#Category .StaffManagementMain .TableBox .SearchBoxFilter .SearchBox input{border:none;outline:none;font-size:14px;font-weight:500;color:#000;font-family:myFont1;width:100%}#Category .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox{width:38px;height:38px;border:1px solid #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}#Category .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox:hover{background:var(--primaryColor)}#Category .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox:hover svg{color:#fff}#Category .StaffManagementMain .TableBox .SearchBoxFilter .FilterIconBox svg{color:#000;font-size:18px}#Category .StaffManagementMain .TableBox .DateFilterBox,#Category .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox{display:flex;align-items:center;gap:15px}#Category .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox,#Category .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox{display:flex;align-items:center;gap:10px}#Category .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox p,#Category .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox p{font-size:14px;font-weight:500;color:#000;font-family:myFont1}#Category .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow,#Category .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow{display:flex;align-items:center;gap:8px;border:1px solid #ccc;border-radius:5px;padding:5px 10px}#Category .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow input,#Category .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow input{border:none;outline:none;font-size:14px;color:#000;font-family:myFont1}#Category .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateFromBox .DateBoxShow svg,#Category .StaffManagementMain .TableBox .DateFilterBox .DateRangeBox .DateToBox .DateBoxShow svg{color:#000}#Category .StaffManagementMain .TableBox table{width:100%;border-collapse:collapse}#Category .StaffManagementMain .TableBox table th,#Category .StaffManagementMain .TableBox table td{padding:12px;text-align:left;font-size:14px;font-weight:500;color:#000;font-family:myFont1;border-bottom:1px solid #eee}#Category .StaffManagementMain .TableBox table th{background:var(--primaryColor);color:#fff}#Category .StaffManagementMain .TableBox table tr:nth-child(2n){background:#f9f9f9}#Category .StaffManagementMain .TableBox table .ActionIcons{display:flex;align-items:center;gap:10px}#Category .StaffManagementMain .TableBox table .ActionIcons .edit{color:green;cursor:pointer}#Category .StaffManagementMain .TableBox table .ActionIcons .delete{color:red;cursor:pointer}#Category .StaffManagementMain .TableBox table .ActionIcons .view{color:#00f;cursor:pointer}#Category .StaffManagementMain .TableBox table .NoDataRow td{text-align:center}#Category .StaffManagementMain .TableBox table .NoDataBox{padding:20px 0}#Category .StaffManagementMain .TableBox table .NoDataBox img{width:250px;height:250px}#Category .StaffManagementMain .TableBox table .NoDataBox p{font-size:18px;font-weight:500;color:#777;font-family:myFont1}#Category .StaffManagementMain .TableBox .PaginationBox{margin-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}#Category .StaffManagementMain .TableBox .PaginationBox .ShowResultBox{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer}#Category .StaffManagementMain .TableBox .PaginationBox .ShowResultBox p{font-size:14px;color:#000;font-family:myFont1;font-weight:500}#Category .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .ShowResultCount{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;border:1px solid #555;border-radius:5px}#Category .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .ShowResultCount svg{color:#000}#Category .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu{position:absolute;top:100%;left:80px;margin-top:5px;background:#fff;border:1px solid #ccc;border-radius:5px;width:80px;box-shadow:0 2px 8px #00000026;z-index:10;overflow:hidden}#Category .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu p{margin:0;padding:8px 10px;font-size:14px;color:#000;font-family:myFont1;cursor:pointer;transition:background .2s}#Category .StaffManagementMain .TableBox .PaginationBox .ShowResultBox .DropdownMenu p:hover{background:var(--primaryColor);color:#fff}#Category .StaffManagementMain .TableBox .PaginationBox .PaginationCount{display:flex;align-items:center;gap:10px}#Category .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber{display:flex;align-items:center;gap:6px}#Category .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span{font-size:14px;font-weight:500;color:#000;cursor:pointer;transition:.3s}#Category .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span:hover,#Category .StaffManagementMain .TableBox .PaginationBox .PaginationCount .PaginationNumber span.active{color:var(--primaryColor)}#Category .StaffManagementMain .TableBox .PaginationBox .PaginationCount button{border:none;outline:none;background:var(--primaryColor);color:#fff;padding:6px 15px;border-radius:5px;cursor:pointer;transition:.3s}#Category .StaffManagementMain .TableBox .PaginationBox .PaginationCount button:hover{opacity:.9}@media(max-width:1024px){#Category .DashboardMain .DashboardBox .Box{width:calc(50% - 10px)}#Category .DashboardMain .SearchBoxFilter .SearchBox{width:200px}}@media(max-width:768px){#Category .DashboardMain .DashboardBox .Box{width:100%}#Category .DashboardMain .SearchDateFilter,#Category .DashboardMain .PaginationBox{flex-direction:column;align-items:flex-start}}#AddCategory{width:100%}#AddCategory .AddStaffMain{background:#fff;padding:20px;width:100%;border-radius:15px}#AddCategory .AddStaffMain .FormGroupBox{width:100%;display:flex;align-items:center;gap:15px}#AddCategory .AddStaffMain .FormGroupBox .FormGroup{width:33.3333333333%;margin-bottom:15px;display:flex;flex-direction:column}#AddCategory .AddStaffMain .FormGroupBox .FormGroup label{font-weight:500;margin-bottom:5px;color:#000;font-size:15px;font-family:myFont1}#AddCategory .AddStaffMain .FormGroupBox .FormGroup input,#AddCategory .AddStaffMain .FormGroupBox .FormGroup textarea{border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:15px;outline:none}#AddCategory .AddStaffMain .FormGroupBox .FormGroup input:focus,#AddCategory .AddStaffMain .FormGroupBox .FormGroup textarea:focus{border-color:var(--primaryColor)}#AddCategory .AddStaffMain .FormGroupBox .FormGroup input.error,#AddCategory .AddStaffMain .FormGroupBox .FormGroup textarea.error{border-color:red}#AddCategory .AddStaffMain .FormGroupBox .FormGroup .error-msg{color:red;font-size:13px;margin-top:3px}#AddCategory .AddStaffMain .FormBtnBox{display:flex;justify-content:flex-end;gap:10px}#AddCategory .AddStaffMain .FormBtnBox button{padding:8px 15px;border-radius:5px;cursor:pointer;border:none;font-weight:500;font-size:15px;font-family:myFont1}#AddCategory .AddStaffMain .FormBtnBox button.primary-btn{background:var(--primaryColor);color:#fff}#AddCategory .AddStaffMain .FormBtnBox button.cancel-btn{background:#6c757d;color:#fff}#AddCategory .AddStaffMain .FormBtnBox button:hover{opacity:.9}.login-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.login-container .login-box{background:#fff;padding:40px;width:450px;border-radius:0;text-align:center;box-shadow:#959da533 0 8px 24px}.login-container .login-box h2{margin-bottom:20px}.login-container .login-box input{width:100%;padding:12px;margin:10px 0;border-radius:6px;border:1px solid #ccc}.login-container .login-box input:focus{outline:none;box-shadow:none;border:1px solid var(--primaryColor)}.login-container .login-box button{width:100%;padding:12px;background:var(--primaryColor);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:.3s}.login-container .login-box button:hover{background:var(--primaryColor)}#TodaySite{width:100%;position:relative}#TodaySite .TopFilter{display:flex;justify-content:flex-end;margin-bottom:20px;position:relative;width:100%;background:#fff;border-radius:15px;padding:10px 20px}#TodaySite .TopFilter .FilterBtn{display:flex;align-items:center;gap:5px;background:#f2f5ff;padding:8px 14px;border-radius:5px;cursor:pointer;color:var(--primaryColor)}#TodaySite .TopFilter .FilterDropdown{position:absolute;top:45px;right:0;background:#fff;box-shadow:0 5px 15px #0000001a;border-radius:10px;overflow:hidden;z-index:100}#TodaySite .TopFilter .FilterDropdown p{padding:10px 15px;cursor:pointer}#TodaySite .TopFilter .FilterDropdown p:hover{background:#f2f5ff}#TodaySite .TodayBoxMain{display:flex;flex-wrap:wrap;gap:20px}#TodaySite .TodayBoxMain .TodayBox{width:calc(50% - 10px);background:#fff;border-radius:15px;padding:20px;position:relative;transition:.3s ease;cursor:pointer}#TodaySite .TodayBoxMain .TodayBox .RefNoDate{width:100%;display:flex;align-items:center;justify-content:space-between}#TodaySite .TodayBoxMain .TodayBox .RefNoDate p{color:#555;font-size:15px;font-family:myFont1}#TodaySite .TodayBoxMain .TodayBox .SiteRow{width:100%;display:flex;align-items:center;gap:10px;margin-top:10px}#TodaySite .TodayBoxMain .TodayBox .SiteRow h5{color:var(--primaryColor);font-size:16px;font-weight:500;font-family:myFont1}#TodaySite .TodayBoxMain .TodayBox .SiteRow span{color:#000}#TodaySite .TodayBoxMain .TodayBox .SiteRow p{color:#000;font-size:15px;font-weight:400;font-family:myFont1}#TodaySite .TodayBoxMain .TodayBox .JobType .emergency{color:red;font-weight:500}#TodaySite .TodayBoxMain .TodayBox .JobType .normal{color:var(--primaryColor)}#TodaySite .TodayBoxMain .TodayBox .StatusRow{margin-top:15px}#TodaySite .TodayBoxMain .TodayBox .StatusRow h5{font-size:14px;margin-bottom:6px;color:var(--primaryColor)}#TodaySite .TodayBoxMain .TodayBox .StatusRow select{width:150px;padding:8px 10px;border-radius:5px;border:1px solid #ddd;cursor:pointer}#TodaySite .TodayBoxMain .TodayBox .ViewIcon{position:absolute;right:15px;bottom:15px;font-size:20px;color:var(--primaryColor);background:#f2f5ff;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s ease}#TodaySite .TodayBoxMain .TodayBox .ViewIcon:hover{background:var(--primaryColor);color:#fff}#TodaySite .TodayBoxMain .EmptySection{width:100%;display:flex;justify-content:center;align-items:center;padding:40px 20px;background:#fff;border-radius:15px}#TodaySite .TodayBoxMain .EmptySection .EmptyContent{text-align:center;max-width:420px;display:flex;flex-direction:column;align-items:center}#TodaySite .TodayBoxMain .EmptySection .EmptyContent .EmptyImage{width:380px;opacity:.8}#TodaySite .TodayBoxMain .EmptySection .EmptyContent h3{font-size:22px;font-weight:600;color:#333;margin-bottom:10px;font-family:myFont1}#TodaySite .TodayBoxMain .EmptySection .EmptyContent p{font-size:14px;color:#777;line-height:1.5;font-family:myFont1}#TodaySite .LoadMoreBox{display:flex;justify-content:center;margin-top:30px}#TodaySite .LoadMoreBox button{padding:10px 25px;border-radius:5px;border:none;background:var(--primaryColor);color:#fff;cursor:pointer}#ViewSites{width:100%}#ViewSites .ViewSitesMain{width:100%;display:flex;flex-wrap:wrap;gap:20px}#SprinklerSystem{width:100%;background:#fff;border-radius:15px}#SprinklerSystem .RefDate{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px}#SprinklerSystem .RefDate .RefNo{display:flex;align-items:center;gap:10px}#SprinklerSystem .RefDate .RefNo h2{font-size:15px;font-family:myFont1;font-weight:500;color:#000}#SprinklerSystem .RefDate .RefNo p{font-size:15px;font-family:myFont1;font-weight:500;color:#555}#SprinklerSystem .RefDate .InspectionDate{display:flex;align-items:center;gap:10px}#SprinklerSystem .RefDate .InspectionDate h2{font-size:15px;font-family:myFont1;font-weight:500;color:#000}#SprinklerSystem .RefDate .InspectionDate p{font-size:15px;font-family:myFont1;font-weight:500;color:#555}#SprinklerSystem .InspectionDetailsBox{width:100%;display:flex;flex-direction:column}#SprinklerSystem .InspectionDetailsBox .InspectionDetails{width:100%;background:var(--primaryColor)}#SprinklerSystem .InspectionDetailsBox .InspectionDetails h2{font-size:15px;font-family:myFont1;font-weight:500;color:#fff;padding:5px 20px}#SprinklerSystem .InspectionDetailsBox .StaffDetailBox{width:100%;display:flex;flex-direction:column}#SprinklerSystem .InspectionDetailsBox .StaffDetailBox .StaffBox{width:100%;display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:20px}#SprinklerSystem .InspectionDetailsBox .StaffDetailBox .StaffBox .CustomDetail{width:calc(50% - 15px);display:flex;align-items:center;gap:20px}#SprinklerSystem .InspectionDetailsBox .StaffDetailBox .StaffBox .CustomDetail h2{font-size:15px;font-family:myFont1;font-weight:500;color:#000;width:40%}#SprinklerSystem .InspectionDetailsBox .StaffDetailBox .StaffBox .CustomDetail p{font-size:15px;font-family:myFont1;font-weight:500;color:#555}#SprinklerSystem .InspectionDetailsBox .StaffDetailBox .ServiceBox{width:100%;display:flex;align-items:center;padding:20px}#SprinklerSystem .InspectionDetailsBox .StaffDetailBox .ServiceBox .ServiceTypeHead{width:21%}#SprinklerSystem .InspectionDetailsBox .StaffDetailBox .ServiceBox .ServiceTypeHead h2{font-size:15px;font-family:myFont1;font-weight:500;color:#000}#SprinklerSystem .InspectionDetailsBox .StaffDetailBox .ServiceBox .ServiceTypes{width:70%;display:flex;align-items:center;justify-content:space-between}#SprinklerSystem .InspectionDetailsBox .StaffDetailBox .ServiceBox .ServiceTypes .TypeBox{width:25%;display:flex;align-items:center;gap:10px}#SprinklerSystem .InspectionDetailsBox .StaffDetailBox .ServiceBox .ServiceTypes .TypeBox input:focus{border-color:var(--primaryColor)}#SprinklerSystem .InspectionDetailsBox .StaffDetailBox .ServiceBox .ServiceTypes .TypeBox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primaryColor);cursor:pointer}#SprinklerSystem .InspectionDetailsBox .StaffDetailBox .ServiceBox .ServiceTypes .TypeBox label{font-size:15px;font-family:myFont1;font-weight:500;color:#000}#SprinklerSystem .StaffAsignDetailBox .StaffAsignDetails{width:100%;background:var(--primaryColor)}#SprinklerSystem .StaffAsignDetailBox .StaffAsignDetails h2{font-size:15px;font-family:myFont1;font-weight:500;color:#fff;padding:5px 20px}#SprinklerSystem .StaffAsignDetailBox .SprinklerForm{padding:20px}#SprinklerSystem .StaffAsignDetailBox .SprinklerForm .SprinklerRow{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:10px 0}#SprinklerSystem .StaffAsignDetailBox .SprinklerForm .SprinklerRow p{width:60%;font-size:14px;font-family:myFont1;color:#000}#SprinklerSystem .StaffAsignDetailBox .SprinklerForm .SprinklerRow .Options{width:40%;display:flex;gap:15px}#SprinklerSystem .StaffAsignDetailBox .SprinklerForm .SprinklerRow .Options label{display:flex;align-items:center;gap:5px;font-size:14px;font-family:myFont1;cursor:pointer}#SprinklerSystem .StaffAsignDetailBox .SprinklerForm .SprinklerRow .Options label input{width:15px;height:15px;accent-color:var(--primaryColor)}#SprinklerSystem .StaffAsignDetailBox .SprinklerForm .CommentBox{margin-top:20px;display:flex;flex-direction:column;gap:8px}#SprinklerSystem .StaffAsignDetailBox .SprinklerForm .CommentBox label{font-size:14px;font-family:myFont1;font-weight:500}#SprinklerSystem .StaffAsignDetailBox .SprinklerForm .CommentBox textarea{width:100%;min-height:80px;padding:10px;border-radius:6px;border:1px solid #ccc;font-family:myFont1;resize:none}#SprinklerSystem .StaffAsignDetailBox .SprinklerForm .CommentBox textarea:focus{outline:none;border-color:var(--primaryColor)}#SprinklerSystem .StaffAsignDetailBox .SprinklerForm .FormButtons{margin-top:20px;display:flex;justify-content:space-between;align-items:center}#SprinklerSystem .StaffAsignDetailBox .SprinklerForm .FormButtons .ClearBtn{background:#f44336;color:#fff;border:none;padding:8px 20px;cursor:pointer}#SprinklerSystem .StaffAsignDetailBox .SprinklerForm .FormButtons .NextBtn{background:var(--primaryColor);color:#fff;border:none;padding:8px 20px;cursor:pointer}#FireValves{width:100%;background:#fff;border-radius:15px}#FireValves .StaffAsignDetails{width:100%;background:var(--primaryColor)}#FireValves .StaffAsignDetails h2{font-size:15px;font-family:myFont1;font-weight:500;color:#fff;padding:5px 20px}#FireValves .FireValvesForm{padding:20px}#FireValves .FireValvesForm .FireValvesRow{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:10px 0}#FireValves .FireValvesForm .FireValvesRow p{width:60%;font-size:14px;font-family:myFont1;color:#000}#FireValves .FireValvesForm .FireValvesRow .FireValvesOptions{width:40%;display:flex;gap:15px}#FireValves .FireValvesForm .FireValvesRow .FireValvesOptions label{display:flex;align-items:center;gap:5px;font-size:14px;font-family:myFont1;cursor:pointer}#FireValves .FireValvesForm .FireValvesRow .FireValvesOptions label input{width:15px;height:15px;accent-color:var(--primaryColor)}#FireValves .FireValvesForm .FireValvesCommentBox{margin-top:20px;display:flex;flex-direction:column;gap:8px}#FireValves .FireValvesForm .FireValvesCommentBox label{font-size:14px;font-family:myFont1;font-weight:500}#FireValves .FireValvesForm .FireValvesCommentBox textarea{width:100%;min-height:80px;padding:10px;border-radius:6px;border:1px solid #ccc;font-family:myFont1;resize:none}#FireValves .FireValvesForm .FireValvesCommentBox textarea:focus{outline:none;border-color:var(--primaryColor)}#FireValves .FireValvesForm .FireValvesButtons{margin-top:20px;display:flex;justify-content:space-between;align-items:center}#FireValves .FireValvesForm .FireValvesButtons .ClearBtn{background:#e53935;color:#fff;padding:8px 20px;border:none;cursor:pointer}#FireValves .FireValvesForm .FireValvesButtons .RightBtns{display:flex;gap:10px}#FireValves .FireValvesForm .FireValvesButtons .PrevBtn,#FireValves .FireValvesForm .FireValvesButtons .NextBtn{background:var(--primaryColor);color:#fff;padding:8px 20px;border:none;cursor:pointer}#FireWaterTank{width:100%;background:#fff;border-radius:15px}#FireWaterTank .StaffAsignDetails{width:100%;background:var(--primaryColor)}#FireWaterTank .StaffAsignDetails h2{font-size:15px;font-family:myFont1;font-weight:500;color:#fff;padding:5px 20px}#FireWaterTank .FireWaterTankForm{padding:20px}#FireWaterTank .FireWaterTankRowFirst{display:flex;align-items:center;border-bottom:1px solid #eee;padding:10px 0;gap:10px}#FireWaterTank .FireWaterTankRowFirst p{width:35%;font-size:14px;font-family:myFont1;color:#000}#FireWaterTank .FireWaterTankRowFirst .FireWaterTankOptions{width:65%;display:flex;gap:15px}#FireWaterTank .FireWaterTankRowFirst .FireWaterTankOptions label{display:flex;align-items:center;gap:10px;font-size:14px;font-family:myFont1;cursor:pointer}#FireWaterTank .FireWaterTankRowFirst .FireWaterTankOptions label input{width:18px;height:18px;accent-color:var(--primaryColor)}#FireWaterTank .FireWaterTankRowFirst .TankInput{width:30%;padding:6px 10px;border:1px solid #ccc;border-radius:5px;font-family:myFont1}#FireWaterTank .FireWaterTankRowFirst .TankInput:focus{outline:none;border-color:var(--primaryColor)}#FireWaterTank .FireWaterTankRowFirst .InlineOptions{width:40%;display:flex;align-items:center;gap:10px}#FireWaterTank .FireWaterTankRowFirst .InlineOptions span{font-size:14px;font-family:myFont1;color:#000}#FireWaterTank .FireWaterTankRowFirst .InlineOptions label{display:flex;align-items:center;gap:4px;font-size:14px;font-family:myFont1;cursor:pointer}#FireWaterTank .FireWaterTankRowFirst .InlineOptions label input{width:15px;height:15px;accent-color:var(--primaryColor)}#FireWaterTank .FireWaterTankRowSec{display:flex;align-items:center;border-bottom:1px solid #eee;padding:10px 0;gap:10px}#FireWaterTank .FireWaterTankRowSec .WaterTankRowSec{width:40%;display:flex;align-items:center;gap:15px}#FireWaterTank .FireWaterTankRowSec .WaterTankRowSec p{font-size:14px;font-family:myFont1;color:#000}#FireWaterTank .FireWaterTankRowSec .WaterTankRowSec .TankInput{width:60%;padding:6px 10px;border:1px solid #ccc;border-radius:5px;font-family:myFont1}#FireWaterTank .FireWaterTankRowSec .WaterTankRowSec .TankInput:focus{outline:none;border-color:var(--primaryColor)}#FireWaterTank .FireWaterTankRowSec .InlineOptions{width:60%;display:flex;align-items:center;gap:15px}#FireWaterTank .FireWaterTankRowSec .InlineOptions span{font-size:14px;font-family:myFont1;color:#000}#FireWaterTank .FireWaterTankRowSec .InlineOptions .Options{display:flex;align-items:center;gap:15px}#FireWaterTank .FireWaterTankRowSec .InlineOptions .Options label{display:flex;align-items:center;gap:4px;font-size:14px;font-family:myFont1;cursor:pointer}#FireWaterTank .FireWaterTankRowSec .InlineOptions .Options label input{width:18px;height:18px;accent-color:var(--primaryColor)}#FireWaterTank .FireWaterTankRowThird{display:flex;align-items:center;border-bottom:1px solid #eee;padding:10px 0;gap:10px}#FireWaterTank .FireWaterTankRowThird .WaterTankRowThird{display:flex;align-items:center;gap:15px;width:50%}#FireWaterTank .FireWaterTankRowThird .WaterTankRowThird p{font-size:14px;font-family:myFont1;color:#000}#FireWaterTank .FireWaterTankRowThird .WaterTankRowThird .TankInput{width:60%;padding:6px 10px;border:1px solid #ccc;border-radius:5px;font-family:myFont1}#FireWaterTank .FireWaterTankRowThird .WaterTankRowThird .TankInput:focus{outline:none;border-color:var(--primaryColor)}#FireWaterTank .FireWaterTankRowFourth{display:flex;align-items:center;border-bottom:1px solid #eee;padding:10px 0;gap:10px}#FireWaterTank .FireWaterTankRowFourth .WaterTankRowFourth{width:45%;display:flex;align-items:center;gap:15px}#FireWaterTank .FireWaterTankRowFourth .WaterTankRowFourth p{font-size:14px;font-family:myFont1;color:#000}#FireWaterTank .FireWaterTankRowFourth .WaterTankRowFourth .FireWaterTankOptions{display:flex;gap:15px}#FireWaterTank .FireWaterTankRowFourth .WaterTankRowFourth .FireWaterTankOptions label{display:flex;align-items:center;gap:10px;font-size:14px;font-family:myFont1;cursor:pointer}#FireWaterTank .FireWaterTankRowFourth .WaterTankRowFourth .FireWaterTankOptions label input{width:18px;height:18px;accent-color:var(--primaryColor)}#FireWaterTank .FireWaterTankRowFourth .InlineOptions{width:40%;display:flex;align-items:center;gap:10px}#FireWaterTank .FireWaterTankRowFourth .InlineOptions span{font-size:14px;font-family:myFont1;color:#000}#FireWaterTank .FireWaterTankRowFourth .InlineOptions .Options{display:flex;align-items:center;gap:10px}#FireWaterTank .FireWaterTankRowFourth .InlineOptions .Options label{display:flex;align-items:center;gap:4px;font-size:14px;font-family:myFont1;cursor:pointer}#FireWaterTank .FireWaterTankRowFourth .InlineOptions .Options label input{width:15px;height:15px;accent-color:var(--primaryColor)}#FireWaterTank .FireWaterTankCommentBox{margin-top:20px;display:flex;flex-direction:column;gap:8px}#FireWaterTank .FireWaterTankCommentBox label{font-size:14px;font-family:myFont1;font-weight:500}#FireWaterTank .FireWaterTankCommentBox textarea{width:100%;min-height:80px;padding:10px;border-radius:6px;border:1px solid #ccc;font-family:myFont1;resize:none}#FireWaterTank .FireWaterTankCommentBox textarea:focus{outline:none;border-color:var(--primaryColor)}#FireWaterTank .FireWaterTankButtons{margin-top:20px;display:flex;justify-content:space-between;align-items:center}#FireWaterTank .FireWaterTankButtons .ClearBtn{background:#e53935;color:#fff;padding:8px 20px;border:none;cursor:pointer}#FireWaterTank .FireWaterTankButtons .RightBtns{display:flex;gap:10px}#FireWaterTank .FireWaterTankButtons .PrevBtn,#FireWaterTank .FireWaterTankButtons .NextBtn{background:var(--primaryColor);color:#fff;padding:8px 20px;border:none;cursor:pointer}#FirePumps{width:100%;background:#fff;border-radius:10px}#FirePumps .FirePumpsTabBox{display:flex;align-items:center;justify-content:space-between}#FirePumps .FirePumpsTabBox .TabList{display:flex;align-items:center;gap:10px;width:560px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}#FirePumps .FirePumpsTabBox .TabList .TabList::-webkit-scrollbar{height:6px}#FirePumps .FirePumpsTabBox .TabList .TabList::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}#FirePumps .FirePumpsTabBox .TabList .TabItem{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:6px 14px;cursor:pointer;background:#f1f1f1;color:#000;border:1px solid #ccc}#FirePumps .FirePumpsTabBox .TabList .TabItem.active{background:var(--primaryColor);color:#fff;border-color:var(--primaryColor)}#FirePumps .FirePumpsTabBox .TabList .TabItem .TabLabel{font-size:13px;font-family:myFont1}#FirePumps .FirePumpsTabBox .TabList .TabItem .TabCloseIcon .CloseTab{font-size:14px;cursor:pointer}#FirePumps .FirePumpsTabBox .CreateBtn{white-space:nowrap;background:var(--primaryColor);color:#fff;border:none;padding:6px 14px;cursor:pointer}#FirePumps .FirePumpsForm{padding:15px 20px}#FirePumps .FirePumpsTopRow{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #ddd}#FirePumps .FirePumpsTopRow p{width:39%;font-size:14px;font-family:myFont1;color:#000}#FirePumps .FirePumpsTopRow span{font-size:13px;font-family:myFont1;white-space:nowrap}#FirePumps .FirePumpsTopRow .LineInput{border:none;border-bottom:1px solid #000;background:transparent;outline:none;width:245px;font-family:myFont1;padding:2px 5px}#FirePumps .FirePumpsTopRow .LineInput.small{width:285px}#FirePumps .FirePumpsRow{display:flex;align-items:center;padding:7px 0;border-bottom:1px solid #eee}#FirePumps .FirePumpsRow p{width:40%;font-size:14px;font-family:myFont1;color:#000}#FirePumps .FirePumpsRow .LineInput{border:none;border-bottom:1px solid #000;background:transparent;outline:none;width:250px;font-family:myFont1}#FirePumps .FirePumpsPSIRow{display:flex;align-items:center;padding:7px 0;border-bottom:1px solid #eee;gap:10px}#FirePumps .FirePumpsPSIRow p{width:39%;font-size:14px;font-family:myFont1}#FirePumps .FirePumpsPSIRow span{font-size:13px;font-family:myFont1}#FirePumps .FirePumpsPSIRow .LineInput{border:none;border-bottom:1px solid #000;background:transparent;outline:none;width:130px;font-family:myFont1}#FirePumps .CheckGroup{width:35%;display:flex;gap:18px;align-items:center}#FirePumps .CheckGroup label{display:flex;align-items:center;gap:4px;font-size:13px;font-family:myFont1;cursor:pointer}#FirePumps .CheckGroup label input{width:14px;height:14px;accent-color:var(--primaryColor);cursor:pointer}#FirePumps .FirePumpsCommentBox{margin-top:15px;display:flex;flex-direction:column;gap:6px}#FirePumps .FirePumpsCommentBox label{font-size:14px;font-family:myFont1;font-weight:500}#FirePumps .FirePumpsCommentBox textarea{width:100%;min-height:90px;border:1px solid #ccc;padding:10px;border-radius:5px;font-family:myFont1;resize:none}#FirePumps .FirePumpsCommentBox textarea:focus{outline:none;border-color:var(--primaryColor)}#FirePumps .FirePumpsButtons{margin-top:20px;display:flex;justify-content:space-between;align-items:center}#FirePumps .FirePumpsButtons button{padding:8px 22px;border:none;font-family:myFont1;font-size:14px;cursor:pointer}#FirePumps .FirePumpsButtons .ClearBtn{background:#d32f2f;color:#fff}#FirePumps .FirePumpsButtons .PrevBtn,#FirePumps .FirePumpsButtons .NextBtn{background:var(--primaryColor);color:#fff;margin-left:8px}#FireDeptConnection{width:100%;background:#fff;border-radius:10px}#FireDeptConnection .FireDeptTitle{background:var(--primaryColor)}#FireDeptConnection .FireDeptTitle h2{font-size:15px;font-family:myFont1;font-weight:500;color:#fff;padding:6px 20px}#FireDeptConnection .FireDeptForm{padding:15px 20px}#FireDeptConnection .FireDeptRow{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #eee}#FireDeptConnection .FireDeptRow p{width:65%;font-size:14px;font-family:myFont1;color:#000}#FireDeptConnection .CheckGroup{width:35%;display:flex;gap:18px;align-items:center}#FireDeptConnection .CheckGroup label{display:flex;align-items:center;gap:4px;font-size:13px;font-family:myFont1;cursor:pointer}#FireDeptConnection .CheckGroup label input{width:14px;height:14px;accent-color:var(--primaryColor);cursor:pointer}#FireDeptConnection .FireDeptCommentBox{margin-top:15px;display:flex;flex-direction:column;gap:6px}#FireDeptConnection .FireDeptCommentBox label{font-size:14px;font-family:myFont1;font-weight:500}#FireDeptConnection .FireDeptCommentBox textarea{width:100%;min-height:90px;border:1px solid #ccc;padding:10px;border-radius:5px;font-family:myFont1;resize:none}#FireDeptConnection .FireDeptCommentBox textarea:focus{outline:none;border-color:var(--primaryColor)}#FireDeptConnection .FireDeptButtons{margin-top:15px;display:flex;justify-content:space-between;align-items:center}#FireDeptConnection .FireDeptButtons button{padding:8px 22px;border:none;font-family:myFont1;font-size:14px;cursor:pointer}#FireDeptConnection .FireDeptButtons .ClearBtn{background:#d32f2f;color:#fff}#FireDeptConnection .FireDeptButtons .RightBtns{display:flex;gap:10px}#FireDeptConnection .FireDeptButtons .PrevBtn,#FireDeptConnection .FireDeptButtons .NextBtn{background:var(--primaryColor);color:#fff}#FireHydrant{width:100%;background:#fff;border-radius:10px}#FireHydrant .FireHydrantTabBox{display:flex;align-items:center;justify-content:space-between}#FireHydrant .FireHydrantTabBox .TabList{display:flex;align-items:center;gap:10px;width:560px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}#FireHydrant .FireHydrantTabBox .TabList::-webkit-scrollbar{height:6px}#FireHydrant .FireHydrantTabBox .TabList::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}#FireHydrant .FireHydrantTabBox .TabList .TabItem{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:6px 14px;cursor:pointer;background:#f1f1f1;color:#000;border:1px solid #ccc}#FireHydrant .FireHydrantTabBox .TabList .TabItem.active{background:var(--primaryColor);color:#fff;border-color:var(--primaryColor)}#FireHydrant .FireHydrantTabBox .TabList .TabItem .TabLabel{font-size:13px;font-family:myFont1}#FireHydrant .FireHydrantTabBox .TabList .TabItem .TabCloseIcon .CloseTab{font-size:14px;display:flex;align-items:center;cursor:pointer}#FireHydrant .FireHydrantTabBox .CreateBtn{white-space:nowrap;background:var(--primaryColor);color:#fff;border:none;padding:6px 14px;cursor:pointer}#FireHydrant .FireHydrantForm{padding:15px 20px}#FireHydrant .FireHydrantRow{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #eee}#FireHydrant .FireHydrantRow p{width:50%;font-size:14px;font-family:myFont1;color:#000;line-height:1.4}#FireHydrant .CheckGroup{width:35%;display:flex;gap:20px;align-items:center}#FireHydrant .CheckGroup label{display:flex;align-items:center;gap:5px;font-size:13px;font-family:myFont1;cursor:pointer}#FireHydrant .CheckGroup label input{width:15px;height:15px;accent-color:var(--primaryColor);cursor:pointer}#FireHydrant .FireHydrantCommentBox{margin-top:20px;display:flex;flex-direction:column;gap:8px}#FireHydrant .FireHydrantCommentBox label{font-size:14px;font-family:myFont1;font-weight:500}#FireHydrant .FireHydrantCommentBox textarea{width:100%;min-height:100px;border:1px solid #ccc;padding:12px;border-radius:5px;font-family:myFont1;resize:none}#FireHydrant .FireHydrantCommentBox textarea:focus{outline:none;border-color:var(--primaryColor)}#FireHydrant .FireHydrantButtons{margin-top:25px;display:flex;justify-content:space-between;align-items:center}#FireHydrant .FireHydrantButtons button{padding:9px 24px;border:none;font-family:myFont1;font-size:14px;cursor:pointer;transition:opacity .2s}#FireHydrant .FireHydrantButtons button:hover{opacity:.9}#FireHydrant .FireHydrantButtons .ClearBtn{background:#d32f2f;color:#fff}#FireHydrant .FireHydrantButtons .RightBtns{display:flex;gap:12px}#FireHydrant .FireHydrantButtons .PrevBtn,#FireHydrant .FireHydrantButtons .NextBtn{background:var(--primaryColor);color:#fff}#FireHoseReelCabinet{width:100%;background:#fff;border-radius:10px}#FireHoseReelCabinet .FireHoseTabBox{display:flex;align-items:center;justify-content:space-between}#FireHoseReelCabinet .FireHoseTabBox .TabList{display:flex;align-items:center;gap:10px;width:560px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}#FireHoseReelCabinet .FireHoseTabBox .TabList .TabList::-webkit-scrollbar{height:6px}#FireHoseReelCabinet .FireHoseTabBox .TabList .TabList::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}#FireHoseReelCabinet .FireHoseTabBox .TabList .TabItem{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:6px 14px;cursor:pointer;background:#f1f1f1;border:1px solid #ccc}#FireHoseReelCabinet .FireHoseTabBox .TabList .TabItem.active{background:var(--primaryColor);color:#fff;border-color:var(--primaryColor)}#FireHoseReelCabinet .FireHoseTabBox .TabList .TabItem .CloseTab{font-size:14px;cursor:pointer}#FireHoseReelCabinet .FireHoseTabBox .CreateBtn{background:var(--primaryColor);color:#fff;border:none;padding:6px 14px;cursor:pointer}#FireHoseReelCabinet .FireHoseTitle{background:var(--primaryColor)}#FireHoseReelCabinet .FireHoseTitle h2{font-size:15px;font-family:myFont1;font-weight:500;color:#fff;padding:6px 20px}#FireHoseReelCabinet .FireHoseForm{padding:15px 20px}#FireHoseReelCabinet .FireHoseRow{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #eee}#FireHoseReelCabinet .FireHoseRow p{width:45%;font-size:14px;font-family:myFont1}#FireHoseReelCabinet .FireHoseInputRow{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #eee}#FireHoseReelCabinet .FireHoseInputRow p{width:45%;font-size:14px;font-family:myFont1}#FireHoseReelCabinet .FireHoseInputRow .LineInput{width:30%;border:none;border-bottom:1px solid #000;outline:none;background:transparent;font-family:myFont1}#FireHoseReelCabinet .CheckGroup{width:35%;display:flex;gap:18px}#FireHoseReelCabinet .CheckGroup label{display:flex;align-items:center;gap:5px;font-size:13px;font-family:myFont1}#FireHoseReelCabinet .CheckGroup label input{width:14px;height:14px;accent-color:var(--primaryColor)}#FireHoseReelCabinet .FireHoseCommentBox{margin-top:15px;display:flex;flex-direction:column}#FireHoseReelCabinet .FireHoseCommentBox label{font-size:14px;font-family:myFont1;margin-bottom:5px}#FireHoseReelCabinet .FireHoseCommentBox textarea{width:100%;min-height:90px;border-radius:5px;border:1px solid #ccc;padding:10px;font-family:myFont1}#FireHoseReelCabinet .FireHoseButtons{margin-top:15px;display:flex;justify-content:space-between}#FireHoseReelCabinet .FireHoseButtons .ClearBtn{background:#e53935;color:#fff;border:none;padding:8px 20px;cursor:pointer}#FireHoseReelCabinet .FireHoseButtons .RightBtns{display:flex;gap:10px}#FireHoseReelCabinet .FireHoseButtons .PrevBtn,#FireHoseReelCabinet .FireHoseButtons .NextBtn{background:var(--primaryColor);color:#fff;border:none;padding:8px 20px;cursor:pointer}#DelugeValveSystem{width:100%;background:#fff;border-radius:10px}#DelugeValveSystem .DelugeTabBox{display:flex;align-items:center;justify-content:space-between}#DelugeValveSystem .DelugeTabBox .TabList{display:flex;align-items:center;gap:10px;width:560px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}#DelugeValveSystem .DelugeTabBox .TabList .TabList::-webkit-scrollbar{height:6px}#DelugeValveSystem .DelugeTabBox .TabList .TabList::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}#DelugeValveSystem .DelugeTabBox .TabList .TabItem{flex-shrink:0;padding:6px 14px;cursor:pointer;background:#f1f1f1;border:1px solid #ccc;display:flex;align-items:center;gap:10px}#DelugeValveSystem .DelugeTabBox .TabList .TabItem.active{background:var(--primaryColor);color:#fff;border-color:var(--primaryColor)}#DelugeValveSystem .DelugeTabBox .CreateBtn{white-space:nowrap;background:var(--primaryColor);color:#fff;border:none;padding:6px 14px;cursor:pointer}#DelugeValveSystem .DelugeTitle{background:var(--primaryColor)}#DelugeValveSystem .DelugeTitle h2{font-size:15px;font-family:myFont1;font-weight:500;color:#fff;padding:6px 20px}#DelugeValveSystem .DelugeForm{padding:15px 20px}#DelugeValveSystem .DelugeRow{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}#DelugeValveSystem .DelugeRow p{width:65%;font-size:14px;font-family:myFont1}#DelugeValveSystem .CheckGroup{width:35%;display:flex;gap:15px;flex-wrap:wrap}#DelugeValveSystem .CheckGroup label{display:flex;align-items:center;gap:5px;font-size:13px;font-family:myFont1}#DelugeValveSystem .CheckGroup label input{width:14px;height:14px;accent-color:var(--primaryColor)}#DelugeValveSystem .DelugeCommentBox{margin-top:15px;display:flex;flex-direction:column}#DelugeValveSystem .DelugeCommentBox label{font-size:14px;font-family:myFont1;margin-bottom:5px}#DelugeValveSystem .DelugeCommentBox textarea{width:100%;min-height:90px;border-radius:5px;border:1px solid #ccc;padding:10px;font-family:myFont1}#DelugeValveSystem .DelugeCommentBox textarea:focus{outline:none;border-color:var(--primaryColor)}#DelugeValveSystem .DelugeButtons{margin-top:15px;display:flex;justify-content:space-between}#DelugeValveSystem .DelugeButtons .ClearBtn{background:#e53935;color:#fff;border:none;padding:8px 20px;cursor:pointer}#DelugeValveSystem .DelugeButtons .RightBtns{display:flex;gap:10px}#DelugeValveSystem .DelugeButtons .PrevBtn,#DelugeValveSystem .DelugeButtons .NextBtn{background:var(--primaryColor);color:#fff;border:none;padding:8px 20px;cursor:pointer}#FoamSystem{width:100%;background:#fff;border-radius:10px}#FoamSystem .FoamTabBox{display:flex;align-items:center;justify-content:space-between}#FoamSystem .FoamTabBox .TabList{display:flex;align-items:center;gap:10px;width:560px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}#FoamSystem .FoamTabBox .TabList .TabList::-webkit-scrollbar{height:6px}#FoamSystem .FoamTabBox .TabList .TabList::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}#FoamSystem .FoamTabBox .TabList .TabItem{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:6px 14px;cursor:pointer;background:#f1f1f1;color:#000;border:1px solid #ccc}#FoamSystem .FoamTabBox .TabList .TabItem.active{background:var(--primaryColor);color:#fff;border-color:var(--primaryColor)}#FoamSystem .FoamTabBox .TabList .TabItem .TabLabel{font-size:13px;font-family:myFont1}#FoamSystem .FoamTabBox .TabList .TabItem .TabCloseIcon .CloseTab{font-size:14px;cursor:pointer}#FoamSystem .FoamTabBox .CreateBtn{white-space:nowrap;background:var(--primaryColor);color:#fff;border:none;padding:6px 14px;cursor:pointer}#FoamSystem .FoamTitle{background:var(--primaryColor)}#FoamSystem .FoamTitle h2{font-size:15px;font-family:myFont1;font-weight:500;color:#fff;padding:6px 20px}#FoamSystem .FoamForm{padding:15px 20px}#FoamSystem .FoamTopRow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eee}#FoamSystem .FoamTopRow span{font-size:14px;font-family:myFont1}#FoamSystem .FoamTopRow p{width:32%;font-size:14px;font-family:myFont1}#FoamSystem .FoamTopRow .LineInput{border:none;border-bottom:1px solid #000;background:transparent;outline:none;width:200px}#FoamSystem .FoamTopRow .LineInput.small{width:200px}#FoamSystem .FoamRow{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #eee}#FoamSystem .FoamRow p{width:32%;font-size:14px;font-family:myFont1}#FoamSystem .FoamRow .LineInput{border:none;border-bottom:1px solid #000;background:transparent;outline:none}#FoamSystem .FoamSplitRow{display:flex;gap:20px;border-bottom:1px solid #eee;padding:8px 0}#FoamSystem .FoamSplitRow .LeftPart{width:50%;display:flex;align-items:center}#FoamSystem .FoamSplitRow .LeftPart p{font-size:14px;font-family:myFont1;width:65%}#FoamSystem .FoamSplitRow .RightPart{width:50%;display:flex;align-items:center}#FoamSystem .FoamSplitRow .RightPart p{font-size:14px;font-family:myFont1;width:50%}#FoamSystem .FoamSplitRow .LineInput{border:none;border-bottom:1px solid #000;background:transparent;outline:none;width:180px}#FoamSystem .CheckGroup{display:flex;gap:15px;align-items:center}#FoamSystem .CheckGroup label{display:flex;align-items:center;gap:10px;font-size:13px;font-family:myFont1}#FoamSystem .CheckGroup label input{width:18px;height:18px;accent-color:var(--primaryColor)}#FoamSystem .FoamCommentBox{margin-top:15px;display:flex;flex-direction:column}#FoamSystem .FoamCommentBox label{font-size:14px;font-family:myFont1;margin-bottom:5px}#FoamSystem .FoamCommentBox textarea{width:100%;min-height:90px;border-radius:5px;border:1px solid #ccc;padding:10px;font-family:myFont1}#FoamSystem .FoamCommentBox textarea:focus{outline:none;border-color:var(--primaryColor)}#FoamSystem .FoamButtons{margin-top:15px;display:flex;justify-content:space-between}#FoamSystem .FoamButtons .ClearBtn{background:#e53935;color:#fff;border:none;padding:8px 20px;cursor:pointer}#FoamSystem .FoamButtons .RightBtns{display:flex;gap:10px}#FoamSystem .FoamButtons .PrevBtn,#FoamSystem .FoamButtons .NextBtn{background:var(--primaryColor);color:#fff;border:none;padding:8px 20px;cursor:pointer}#FireHydrantTable{width:100%}#FireHydrantTable .TableTitle{background:var(--primaryColor)}#FireHydrantTable .TableTitle h2{color:#fff;padding:6px 20px;font-size:15px;margin:0}#FireHydrantTable .TableWrapper{background:#fff;padding:10px;position:relative;overflow:visible!important}#FireHydrantTable .TableWrapper table{width:100%;border-collapse:collapse}#FireHydrantTable .TableWrapper table th,#FireHydrantTable .TableWrapper table td{border:1px solid var(--primaryColor);text-align:center;font-size:12px;position:relative}#FireHydrantTable .TableWrapper table th{font-weight:600;color:var(--primaryColor);padding:8px 4px}#FireHydrantTable .TableWrapper table td{padding:0;height:35px}#FireHydrantTable .TableWrapper .NoBorderInput{width:100%;height:100%;border:none;outline:none;background:transparent;text-align:center;padding:5px}#FireHydrantTable .CustomDropdown{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#FireHydrantTable .CustomDropdown .Selected{cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--primaryColor)}#FireHydrantTable .CustomDropdown .Selected .Placeholder{font-size:10px;color:#ccc;pointer-events:none}#FireHydrantTable .CustomDropdown .Selected:hover{background-color:#f9f9f9}#FireHydrantTable .CustomDropdown .DropdownMenu{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--primaryColor);display:flex;flex-direction:column;padding:5px 0;z-index:1000;min-width:100px;border-radius:4px}#FireHydrantTable .CustomDropdown .DropdownMenu div{cursor:pointer;font-size:14px;padding:8px 12px;display:flex;align-items:center;gap:8px;white-space:nowrap;color:#333;transition:background .2s}#FireHydrantTable .CustomDropdown .DropdownMenu div svg{color:var(--primaryColor);font-size:18px}#FireHydrantTable .CustomDropdown .DropdownMenu div:hover{background-color:#f0f0f0}#FireHydrantTable .CustomDropdown .DropdownOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;background:transparent;cursor:default}#FireHydrantTable .RowControlButtons{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}#FireHydrantTable .RowControlButtons button{border:none;padding:6px 15px;cursor:pointer;color:#fff;font-size:13px}#FireHydrantTable .RowControlButtons .AddMoreBtn{background:var(--primaryColor)}#FireHydrantTable .RowControlButtons .RemoveRowBtn{background:#d32f2f}#FireHydrantTable .CodeSection{display:flex;gap:20px;align-items:center;border:1px solid var(--primaryColor);padding:10px}#FireHydrantTable .CodeSection .CodeSectionHead{font-weight:700;font-size:13px;width:100px}#FireHydrantTable .CodeSection .CodeSectionBox{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;width:calc(100% - 100px)}#FireHydrantTable .CodeSection .CodeSectionBox .CodeSectionIconBox{display:flex;align-items:center;gap:6px}#FireHydrantTable .CodeSection .CodeSectionBox .CodeSectionIconBox svg{font-size:18px;color:var(--primaryColor)}#FireHydrantTable .CodeSection .CodeSectionBox .CodeSectionIconBox p{margin:0;color:var(--primaryColor);font-weight:700}#FireHydrantTable .CodeSection .CodeSectionBox .CodeSectionIconBox span{font-size:13px}#FireHydrantTable .TableButtons{margin-top:20px;display:flex;justify-content:space-between}#FireHydrantTable .TableButtons button{border:none;padding:8px 20px;cursor:pointer;color:#fff}#FireHydrantTable .TableButtons .ClearBtn{background:#d32f2f}#FireHydrantTable .TableButtons .PrevBtn,#FireHydrantTable .TableButtons .NextBtn{background:var(--primaryColor);margin-left:10px}#FireHoseReelTable{width:100%}#FireHoseReelTable .TableTitle{background:var(--primaryColor)}#FireHoseReelTable .TableTitle h2{color:#fff;padding:6px 20px;font-size:15px;font-family:myFont1}#FireHoseReelTable .TableWrapper{background:#fff;padding:10px;overflow:visible!important;position:relative}#FireHoseReelTable .TableWrapper table{width:100%;border-collapse:collapse;table-layout:fixed}#FireHoseReelTable .TableWrapper table th{border:1px solid var(--primaryColor);color:var(--primaryColor);font-size:12px;font-weight:600;padding:6px}#FireHoseReelTable .TableWrapper table th:nth-child(1){width:40px}#FireHoseReelTable .TableWrapper table th:nth-child(2){width:45px}#FireHoseReelTable .TableWrapper table th:nth-child(3){width:150px}#FireHoseReelTable .TableWrapper table th:nth-child(4){width:45px}#FireHoseReelTable .TableWrapper table th:nth-child(5){width:45px}#FireHoseReelTable .TableWrapper table th:nth-child(6){width:50px}#FireHoseReelTable .TableWrapper table th:nth-child(7){width:55px}#FireHoseReelTable .TableWrapper table th:nth-child(8){width:55px}#FireHoseReelTable .TableWrapper table td{border:1px solid var(--primaryColor);text-align:center;padding:0;font-size:12px;position:relative;height:35px}#FireHoseReelTable .TableWrapper .NoBorderInput{width:100%;height:100%;border:none;outline:none;background:transparent;text-align:center}#FireHoseReelTable .CustomDropdown{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#FireHoseReelTable .CustomDropdown .Selected{cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--primaryColor)}#FireHoseReelTable .CustomDropdown .Selected .Placeholder{font-size:10px;color:#ccc;pointer-events:none}#FireHoseReelTable .CustomDropdown .Selected:hover{background-color:#f9f9f9}#FireHoseReelTable .CustomDropdown .DropdownMenu{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--primaryColor);display:flex;flex-direction:column;padding:5px 0;box-shadow:0 4px 12px #0003;z-index:1000;min-width:110px;border-radius:4px}#FireHoseReelTable .CustomDropdown .DropdownMenu div{cursor:pointer;font-size:14px;padding:8px 12px;display:flex;align-items:center;gap:8px;white-space:nowrap;color:#333;transition:background .2s}#FireHoseReelTable .CustomDropdown .DropdownMenu div svg{color:var(--primaryColor);font-size:18px}#FireHoseReelTable .CustomDropdown .DropdownMenu div:hover{background-color:#f0f0f0}#FireHoseReelTable .CustomDropdown .DropdownOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;background:transparent;cursor:default}#FireHoseReelTable .CodeSection{display:flex;gap:20px;align-items:center;border:1px solid var(--primaryColor);padding:5px 10px;flex-wrap:wrap}#FireHoseReelTable .CodeSection .CodeSectionHead{width:150px}#FireHoseReelTable .CodeSection .CodeSectionHead span{font-size:13px}#FireHoseReelTable .CodeSection .CodeSectionBox{width:calc(100% - 170px);display:flex;align-items:center;justify-content:space-between}#FireHoseReelTable .CodeSection .CodeSectionBox .CodeSectionIconBox{display:flex;align-items:center;gap:10px}#FireHoseReelTable .CodeSection .CodeSectionBox .CodeSectionIconBox svg{font-size:20px;color:var(--primaryColor)}#FireHoseReelTable .CodeSection .CodeSectionBox .CodeSectionIconBox p{color:var(--primaryColor)}#FireHoseReelTable .CodeSection .CodeSectionBox .CodeSectionIconBox span{font-size:15px}#FireHoseReelTable .RowControlButtons{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}#FireHoseReelTable .AddMoreBtn{background:var(--primaryColor);color:#fff;border:none;padding:5px 15px;cursor:pointer}#FireHoseReelTable .RemoveRowBtn{background:#c62828;color:#fff;border:none;padding:5px 15px;cursor:pointer}#FireHoseReelTable .TableButtons{margin-top:20px;display:flex;justify-content:space-between}#FireHoseReelTable .TableButtons .ClearBtn{background:red;color:#fff;border:none;padding:8px 20px;cursor:pointer}#FireHoseReelTable .TableButtons .PrevBtn,#FireHoseReelTable .TableButtons .NextBtn{background:var(--primaryColor);color:#fff;border:none;padding:8px 20px;margin-left:10px;cursor:pointer}#FireExtinguisher{width:100%;background:#fff;border-radius:8px;border:1px solid #c7c7c7}#FireExtinguisher .FE_TabBox{display:flex;align-items:center;justify-content:space-between}#FireExtinguisher .FE_TabBox .TabList{display:flex;align-items:center;gap:10px;width:560px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}#FireExtinguisher .FE_TabBox .TabList .TabList::-webkit-scrollbar{height:6px}#FireExtinguisher .FE_TabBox .TabList .TabList::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}#FireExtinguisher .FE_TabBox .TabList .TabItem{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:6px 14px;cursor:pointer;background:#f1f1f1;color:#000;border:1px solid #ccc}#FireExtinguisher .FE_TabBox .TabList .TabItem.active{background:var(--primaryColor);color:#fff;border-color:var(--primaryColor)}#FireExtinguisher .FE_TabBox .TabList .TabItem .TabLabel{font-size:13px;font-family:myFont1}#FireExtinguisher .FE_TabBox .TabList .TabItem .TabCloseIcon .CloseTab{font-size:14px;cursor:pointer}#FireExtinguisher .FE_TabBox .CreateBtn{white-space:nowrap;background:var(--primaryColor);color:#fff;border:none;padding:6px 14px;cursor:pointer}#FireExtinguisher .FE_Title{background:var(--primaryColor);padding:5px 20px}#FireExtinguisher .FE_Title h2{font-size:15px;font-family:myFont1;font-weight:500;color:#fff}#FireExtinguisher .FE_Form{padding:15px 20px}#FireExtinguisher .FE_Row{display:flex;padding:10px 0;border-bottom:1px solid #eaeaea;align-items:center}#FireExtinguisher .FE_Row p{width:40%;font-size:14px;font-family:myFont1;color:#000}#FireExtinguisher .CheckGroup{width:60%;display:flex;justify-content:flex-start;gap:25px}#FireExtinguisher .CheckGroup label{display:flex;align-items:center;gap:3px;font-size:13px;font-family:myFont1}#FireExtinguisher .CheckGroup label input{width:14px;height:14px;accent-color:var(--primaryColor)}#FireExtinguisher .FE_CommentBox{margin-top:15px;display:flex;flex-direction:column}#FireExtinguisher .FE_CommentBox label{font-size:14px;font-family:myFont1;margin-bottom:5px}#FireExtinguisher .FE_CommentBox textarea{width:100%;min-height:90px;border:1px solid #c7c7c7;border-radius:5px;padding:10px;font-family:myFont1}#FireExtinguisher .FE_CommentBox textarea:focus{outline:none;border-color:var(--primaryColor)}#FireExtinguisher .FE_Buttons{margin-top:15px;display:flex;justify-content:space-between}#FireExtinguisher .FE_Buttons .ClearBtn{background:#e53935;color:#fff;border:none;padding:8px 20px;cursor:pointer}#FireExtinguisher .FE_Buttons .RightBtns{display:flex;gap:10px}#FireExtinguisher .FE_Buttons .RightBtns button{background:var(--primaryColor);color:#fff;border:none;padding:8px 20px;cursor:pointer}#FireExtinguisherDetails{width:100%;background:#fff}#FireExtinguisherDetails .FED_Title{background:var(--primaryColor)}#FireExtinguisherDetails .FED_Title h2{color:#fff;padding:6px 20px;font-size:15px;font-family:myFont1}#FireExtinguisherDetails .FED_TableWrapper{padding:10px;position:relative;overflow:visible!important}#FireExtinguisherDetails .FED_TableWrapper table{width:100%;border-collapse:collapse;table-layout:fixed}#FireExtinguisherDetails .FED_TableWrapper table th{border:1px solid var(--primaryColor);color:var(--primaryColor);font-size:12px;font-weight:600;padding:4px 2px;text-align:center;white-space:normal;word-wrap:break-word;line-height:14px;vertical-align:middle}#FireExtinguisherDetails .FED_TableWrapper table th:nth-child(1){width:30px}#FireExtinguisherDetails .FED_TableWrapper table th:nth-child(2){width:60px}#FireExtinguisherDetails .FED_TableWrapper table td{border:1px solid var(--primaryColor);text-align:center;padding:0;font-size:12px;position:relative;height:40px}#FireExtinguisherDetails .FED_TableWrapper table .NoBorderInput{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:12px;text-align:center}#FireExtinguisherDetails .FED_Dropdown{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#FireExtinguisherDetails .FED_Dropdown .Selected{cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primaryColor)}#FireExtinguisherDetails .FED_Dropdown .Selected .Placeholder{font-size:10px;color:#ccc;pointer-events:none}#FireExtinguisherDetails .FED_Dropdown .Selected:hover{background-color:#f9f9f9}#FireExtinguisherDetails .FED_Dropdown .DropdownMenu{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--primaryColor);z-index:1000;display:flex;flex-direction:column;padding:5px 0;gap:0;box-shadow:0 4px 12px #0003;min-width:100px;border-radius:4px}#FireExtinguisherDetails .FED_Dropdown .DropdownMenu div{font-size:14px;cursor:pointer;color:#333;display:flex;align-items:center;gap:8px;padding:8px 12px;white-space:nowrap;transition:background .2s}#FireExtinguisherDetails .FED_Dropdown .DropdownMenu div svg{color:var(--primaryColor);font-size:18px}#FireExtinguisherDetails .FED_Dropdown .DropdownMenu div:hover{background-color:#f0f0f0}#FireExtinguisherDetails .FED_Dropdown .DropdownOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;background:transparent;cursor:default}#FireExtinguisherDetails .FED_CodeSection{border:1px solid var(--primaryColor);padding:5px 10px;display:flex;align-items:center;gap:20px}#FireExtinguisherDetails .FED_CodeSection .CodeBoxHead{width:120px}#FireExtinguisherDetails .FED_CodeSection .CodeBoxHead span{font-size:13px;font-weight:600}#FireExtinguisherDetails .FED_CodeSection .FED_CodeBox{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 135px);flex-wrap:wrap;gap:10px}#FireExtinguisherDetails .FED_CodeSection .FED_CodeBox div{display:flex;align-items:center;gap:5px;font-size:15px}#FireExtinguisherDetails .FED_CodeSection .FED_CodeBox div svg{font-size:20px;color:var(--primaryColor)}#FireExtinguisherDetails .FED_CodeSection .FED_CodeBox div span{color:var(--primaryColor)}#FireExtinguisherDetails .FED_RowButtons{margin-top:10px;display:flex;justify-content:flex-end;gap:10px}#FireExtinguisherDetails .FED_RowButtons button{padding:5px 15px;border:none;background:var(--primaryColor);color:#fff;cursor:pointer}#FireExtinguisherDetails .FED_RowButtons button:last-child{background:#c62828}#FireExtinguisherDetails .FED_Buttons{margin-top:20px;display:flex;justify-content:space-between}#FireExtinguisherDetails .FED_Buttons .ClearBtn{background:red;color:#fff;padding:8px 20px;border:none;cursor:pointer}#FireExtinguisherDetails .FED_Buttons .PrevBtn,#FireExtinguisherDetails .FED_Buttons .NextBtn{background:var(--primaryColor);color:#fff;border:none;padding:8px 20px;margin-left:10px;cursor:pointer}#FireAlarmChecklist{width:100%;background:#fff;border:1px solid #d8d8d8;border-radius:6px}#FireAlarmChecklist .FA_TabBox{display:flex;align-items:center;justify-content:space-between}#FireAlarmChecklist .FA_TabBox .TabList{display:flex;align-items:center;gap:10px;width:560px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}#FireAlarmChecklist .FA_TabBox .TabList .TabList::-webkit-scrollbar{height:6px}#FireAlarmChecklist .FA_TabBox .TabList .TabList::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}#FireAlarmChecklist .FA_TabBox .TabList .TabItem{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:6px 14px;cursor:pointer;background:#f1f1f1;color:#000;border:1px solid #ccc}#FireAlarmChecklist .FA_TabBox .TabList .TabItem.active{background:var(--primaryColor);color:#fff;border-color:var(--primaryColor)}#FireAlarmChecklist .FA_TabBox .TabList .TabItem .TabLabel{font-size:13px;font-family:myFont1}#FireAlarmChecklist .FA_TabBox .TabList .TabItem .TabCloseIcon .CloseTab{font-size:14px;cursor:pointer}#FireAlarmChecklist .FA_TabBox .CreateBtn{white-space:nowrap;background:var(--primaryColor);color:#fff;border:none;padding:6px 14px;cursor:pointer}#FireAlarmChecklist .FA_Title{background:var(--primaryColor)}#FireAlarmChecklist .FA_Title h2{font-size:15px;font-family:myFont1;font-weight:500;color:#fff;padding:6px 20px}#FireAlarmChecklist .FA_Form{padding:15px 20px}#FireAlarmChecklist .FA_Row{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e5e5e5;padding:10px 0}#FireAlarmChecklist .FA_Row p{width:50%;font-size:14px;font-family:myFont1;color:#000}#FireAlarmChecklist .CheckGroup,#FireAlarmChecklist .RadioGroup{display:flex;gap:20px;flex-wrap:wrap;width:45%}#FireAlarmChecklist .CheckGroup label,#FireAlarmChecklist .RadioGroup label{display:flex;align-items:center;gap:6px;font-size:13px;font-family:myFont1}#FireAlarmChecklist .CheckGroup label input,#FireAlarmChecklist .RadioGroup label input{width:14px;height:14px;accent-color:var(--primaryColor)}#FireAlarmChecklist .InlineFields{width:50%;display:flex;gap:20px;align-items:center}#FireAlarmChecklist .InlineFields .FieldSet{display:flex;align-items:center;width:50%;gap:10px}#FireAlarmChecklist .InlineFields .FieldSet label{font-size:13px;font-family:myFont1;word-break:keep-all}#FireAlarmChecklist .InlineFields .FieldSet input{border:none;border-bottom:1px solid #777;outline:none;padding:0}#FireAlarmChecklist .InlineFields .FieldSet input:focus{border-color:var(--primaryColor)}#FireAlarmChecklist .FA_CommentBox{margin-top:15px}#FireAlarmChecklist .FA_CommentBox label{font-size:14px;font-family:myFont1}#FireAlarmChecklist .FA_CommentBox textarea{width:100%;min-height:90px;border:1px solid #c7c7c7;border-radius:4px;margin-top:5px;padding:10px;font-family:myFont1}#FireAlarmChecklist .FA_CommentBox textarea:focus{outline:none;border-color:var(--primaryColor)}#FireAlarmChecklist .FA_Buttons{margin-top:20px;display:flex;justify-content:space-between}#FireAlarmChecklist .FA_Buttons .ClearBtn{background:#e53935;color:#fff;border:none;padding:8px 25px;cursor:pointer}#FireAlarmChecklist .FA_Buttons .RightBtns{display:flex;gap:10px}#FireAlarmChecklist .FA_Buttons .RightBtns button{background:var(--primaryColor);color:#fff;border:none;padding:8px 25px;cursor:pointer}#FireAlarmDetailedReport{width:100%;background:#fff;padding:20px;font-family:myFont1}#FireAlarmDetailedReport .ReportHeader{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px;background:var(--primaryColor)}#FireAlarmDetailedReport .ReportHeader h2{font-size:18px;font-weight:500;text-align:center;text-transform:uppercase;color:#fff;padding:5px 10px}#FireAlarmDetailedReport .ClientSection{width:100%;display:flex;justify-content:space-between;border:1px solid var(--primaryColor);padding:15px;margin-bottom:20px}#FireAlarmDetailedReport .ClientSection p{display:flex;align-items:center;font-size:14px;padding:5px 0;gap:15px}#FireAlarmDetailedReport .ClientSection .editable-input{border:none;background:transparent;font-family:inherit;font-size:inherit;color:inherit;padding:2px 5px;outline:none;border-radius:4px;transition:background .3s}#FireAlarmDetailedReport .ClientSection .editable-input:hover{background:#00000008}#FireAlarmDetailedReport .ClientSection .editable-input:focus{background:#fff;box-shadow:0 0 0 1px #eee}#FireAlarmDetailedReport .ClientSection span{font-weight:600;font-size:14px;color:#000}#FireAlarmDetailedReport .LeftCol,#FireAlarmDetailedReport .RightCol{width:48%;display:flex;align-items:flex-start;flex-direction:column;gap:10px}#FireAlarmDetailedReport .TableWrapper{border:1px solid var(--primaryColor);margin-bottom:20px}#FireAlarmDetailedReport .TableWrapper table{width:100%;border-collapse:collapse}#FireAlarmDetailedReport .TableWrapper table th{border:1px solid var(--primaryColor);text-align:center;padding:6px 4px;font-size:12px;font-weight:600;color:var(--primaryColor)}#FireAlarmDetailedReport .TableWrapper table td{border:1px solid var(--primaryColor);padding:0}#FireAlarmDetailedReport .TableWrapper table td input{width:100%;border:none;outline:none;padding:8px;font-size:13px}#FireAlarmDetailedReport .AbbreviationBox{border:1px solid var(--primaryColor);padding:10px;margin-bottom:20px}#FireAlarmDetailedReport .AbbreviationBox h4{text-align:center;font-size:14px;margin-bottom:8px;font-weight:600}#FireAlarmDetailedReport .AbbreviationBox .AbbrTable{display:flex;justify-content:space-between;flex-wrap:wrap}#FireAlarmDetailedReport .AbbreviationBox .AbbrTable p{width:33%;padding:4px 0;font-size:13px}#FireAlarmDetailedReport .AbbreviationBox .AbbrTable p b{font-weight:700;color:var(--primaryColor)}#FireAlarmDetailedReport .FooterForm{display:flex;justify-content:space-between;border:1px solid var(--primaryColor);padding:10px;gap:10px}#FireAlarmDetailedReport .FooterForm .FooterLeft{width:70%;display:flex;flex-direction:column;gap:10px}#FireAlarmDetailedReport .FooterForm .FooterLeft label{font-size:14px;font-weight:600;color:#000}#FireAlarmDetailedReport .FooterForm .FooterLeft input{width:100%;border:1px solid var(--primaryColor);padding:6px}#FireAlarmDetailedReport .FooterForm .FooterLeft .SignCanvasBtn{border:none;outline:none;background:var(--primaryColor);color:#fff;font-size:13px;font-weight:500;padding:10px 15px;cursor:pointer}#FireAlarmDetailedReport .FooterForm .FooterRight{width:30%;border-left:1px solid var(--primaryColor);display:flex;align-items:center;justify-content:center}#FireAlarmDetailedReport .FooterForm .FooterRight h3{font-size:14px;font-weight:700;color:#555;opacity:.8}#FireAlarmDetailedReport .NoteBox{margin-top:10px;text-align:right}#FireAlarmDetailedReport .NoteBox p{font-size:12px;font-style:italic;font-weight:600}#FireAlarmDetailedReport .FA_Buttons{margin-top:20px;display:flex;justify-content:space-between}#FireAlarmDetailedReport .FA_Buttons .ClearBtn{background:#e53935;color:#fff;border:none;padding:8px 25px;cursor:pointer}#FireAlarmDetailedReport .FA_Buttons .RightBtns{display:flex;gap:10px}#FireAlarmDetailedReport .FA_Buttons .RightBtns button{background:var(--primaryColor);color:#fff;border:none;padding:8px 25px;cursor:pointer}#FireSuppressionSystem{width:100%;background:#fff;border:1px solid #ccc}#FireSuppressionSystem .FSS_TabBox{display:flex;align-items:center;justify-content:space-between}#FireSuppressionSystem .FSS_TabBox .TabList{display:flex;align-items:center;gap:10px;width:560px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}#FireSuppressionSystem .FSS_TabBox .TabList .TabList::-webkit-scrollbar{height:6px}#FireSuppressionSystem .FSS_TabBox .TabList .TabList::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}#FireSuppressionSystem .FSS_TabBox .TabList .TabItem{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:6px 14px;cursor:pointer;background:#f1f1f1;color:#000;border:1px solid #ccc}#FireSuppressionSystem .FSS_TabBox .TabList .TabItem.active{background:var(--primaryColor);color:#fff;border-color:var(--primaryColor)}#FireSuppressionSystem .FSS_TabBox .TabList .TabItem .TabLabel{font-size:13px;font-family:myFont1}#FireSuppressionSystem .FSS_TabBox .TabList .TabItem .TabCloseIcon .CloseTab{font-size:14px;cursor:pointer}#FireSuppressionSystem .FSS_TabBox .CreateBtn{white-space:nowrap;background:var(--primaryColor);color:#fff;border:none;padding:6px 14px;cursor:pointer}#FireSuppressionSystem .FSS_Title{background:var(--primaryColor);padding:6px 20px}#FireSuppressionSystem .FSS_Title h2{font-size:15px;font-weight:500;font-family:myFont1;color:#fff}#FireSuppressionSystem .FSS_Form{padding:15px 20px}#FireSuppressionSystem .FSS_Row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #eee}#FireSuppressionSystem .FSS_Row p{width:45%;font-size:14px;font-family:myFont1;color:#000}#FireSuppressionSystem .FSS_Row .TextLine{width:55%;border:none;border-bottom:1px solid #999;outline:none;padding:4px;font-size:14px;background:transparent}#FireSuppressionSystem .MultiLineRow{align-items:flex-start}#FireSuppressionSystem .MultiLineRow .MultiOptions{gap:10px;width:55%;justify-content:space-between}#FireSuppressionSystem .CheckGroup{width:55%;display:flex;gap:20px}#FireSuppressionSystem .CheckGroup label{display:flex;align-items:center;gap:10px;font-size:13px}#FireSuppressionSystem .CheckGroup label input{accent-color:var(--primaryColor)}#FireSuppressionSystem .FSS_CommentBox{margin-top:15px;display:flex;flex-direction:column}#FireSuppressionSystem .FSS_CommentBox label{font-size:14px;font-weight:500;margin-bottom:5px}#FireSuppressionSystem .FSS_CommentBox textarea{width:100%;height:90px;border:1px solid #ccc;border-radius:6px;padding:10px;font-family:myFont1}#FireSuppressionSystem .FSS_CommentBox textarea:focus{border-color:var(--primaryColor);outline:none}#FireSuppressionSystem .FSS_Buttons{margin-top:15px;display:flex;justify-content:space-between}#FireSuppressionSystem .FSS_Buttons .ClearBtn{background:#c62828;color:#fff;padding:8px 20px;border:none;cursor:pointer}#FireSuppressionSystem .FSS_Buttons .RightBtns{display:flex;gap:10px}#FireSuppressionSystem .FSS_Buttons .RightBtns button{background:var(--primaryColor);color:#fff;border:none;padding:8px 20px;cursor:pointer}#AdditionalComments{width:100%;background:#fff}#AdditionalComments .AC_TabBox{display:flex;align-items:center;justify-content:space-between}#AdditionalComments .AC_TabBox .TabList{display:flex;align-items:center;gap:10px;width:560px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}#AdditionalComments .AC_TabBox .TabList .TabList::-webkit-scrollbar{height:6px}#AdditionalComments .AC_TabBox .TabList .TabList::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}#AdditionalComments .AC_TabBox .TabList .TabItem{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:6px 14px;cursor:pointer;background:#f1f1f1;color:#000;border:1px solid #ccc}#AdditionalComments .AC_TabBox .TabList .TabItem.active{background:var(--primaryColor);color:#fff;border-color:var(--primaryColor)}#AdditionalComments .AC_TabBox .TabList .TabItem .TabLabel{font-size:13px;font-family:myFont1}#AdditionalComments .AC_TabBox .TabList .TabItem .TabCloseIcon .CloseTab{font-size:14px;cursor:pointer}#AdditionalComments .AC_TabBox .CreateBtn{white-space:nowrap;background:var(--primaryColor);color:#fff;border:none;padding:6px 14px;cursor:pointer}#AdditionalComments .AdditonalCommentTableBox{width:100%;border:1px solid var(--primaryColor);margin-top:20px}#AdditionalComments .AdditonalCommentTableBox .AC_Title{background:var(--primaryColor);border-bottom:1px solid var(--primaryColor)}#AdditionalComments .AdditonalCommentTableBox .AC_Title h2{font-size:15px;font-weight:500;font-family:myFont1;padding:6px 10px;color:#fff}#AdditionalComments .AdditonalCommentTableBox .AC_TextareaBox{width:100%;height:420px;border-bottom:1px solid var(--primaryColor)}#AdditionalComments .AdditonalCommentTableBox .AC_TextareaBox textarea{width:100%;height:100%;border:none;outline:none;padding:10px;resize:none;font-family:myFont1;font-size:14px}#AdditionalComments .AdditonalCommentTableBox .AC_Footer{display:flex;width:100%;border-bottom:1px solid var(--primaryColor);flex-direction:column}#AdditionalComments .AdditonalCommentTableBox .AC_Footer .FooterLeft{width:100%;padding:15px}#AdditionalComments .AdditonalCommentTableBox .AC_Footer .FooterLeft .FieldRow{display:flex;align-items:center;margin-bottom:18px}#AdditionalComments .AdditonalCommentTableBox .AC_Footer .FooterLeft .FieldRow label{width:150px;font-size:14px;font-weight:600;color:#000}#AdditionalComments .AdditonalCommentTableBox .AC_Footer .FooterLeft .FieldRow input{width:calc(100% - 150px);border:none;border-bottom:1px solid var(--primaryColor);outline:none;padding:3px 5px;font-family:myFont1}#AdditionalComments .AdditonalCommentTableBox .AC_Footer .FooterLeft .FieldRow .SignCanvasBox{display:flex;flex-direction:column;align-items:start;gap:15px;width:calc(100% - 150px)}#AdditionalComments .AdditonalCommentTableBox .AC_Footer .FooterLeft .FieldRow .SignCanvasBox .SignCanvasBtn{border:none;outline:none;background:var(--primaryColor);color:#fff;font-size:13px;font-weight:500;padding:10px 15px;cursor:pointer}#AdditionalComments .AdditonalCommentTableBox .AC_Footer .FooterSignRowBox{width:100%;display:flex;align-items:center;gap:20px;padding:0 20px}#AdditionalComments .AdditonalCommentTableBox .AC_Footer .FooterSignRowBox .FieldRow{display:flex;align-items:flex-start;margin-bottom:18px;flex-direction:column;width:calc(50% - 10px);gap:10px}#AdditionalComments .AdditonalCommentTableBox .AC_Footer .FooterSignRowBox .FieldRow label{font-size:14px;font-weight:600;color:#000}#AdditionalComments .AdditonalCommentTableBox .AC_Footer .FooterSignRowBox .FieldRow input{border:none;border-bottom:1px solid var(--primaryColor);outline:none;padding:3px 5px;font-family:myFont1}#AdditionalComments .AdditonalCommentTableBox .AC_Footer .FooterSignRowBox .FieldRow .SignCanvasBox{display:flex;flex-direction:column;align-items:start;gap:15px;width:100%}#AdditionalComments .AdditonalCommentTableBox .AC_Footer .FooterSignRowBox .FieldRow .SignCanvasBox .SignCanvasBtn{border:none;outline:none;background:var(--primaryColor);color:#fff;font-size:13px;font-weight:500;padding:10px 15px;cursor:pointer}#AdditionalComments .AC_Buttons{display:flex;justify-content:space-between;padding:15px 10px}#AdditionalComments .AC_Buttons .ClearBtn{background:red;color:#fff;border:none;padding:8px 20px;cursor:pointer}#AdditionalComments .AC_Buttons .RightBtns{display:flex;gap:10px}#AdditionalComments .AC_Buttons .RightBtns button{background:var(--primaryColor);color:#fff;border:none;padding:8px 20px;cursor:pointer}#UploadSitePhoto{width:100%;background:#fff}#UploadSitePhoto .SitePhotosBox{width:100%}#UploadSitePhoto .USP_Title{background:var(--primaryColor)}#UploadSitePhoto .USP_Title h2{font-size:15px;padding:6px 10px;color:#fff;font-family:myFont1}#UploadSitePhoto .SiteUploadBox{margin:20px;height:200px;border:2px dashed var(--primaryColor);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}#UploadSitePhoto .SiteUploadBox .UploadIcon{font-size:50px;color:var(--primaryColor)}#UploadSitePhoto .SiteUploadBox p{margin-top:8px;font-size:14px;font-family:myFont1}#UploadSitePhoto .PreviewContainer{display:flex;flex-wrap:wrap;gap:15px;margin:20px}#UploadSitePhoto .PreviewBox{width:220px;position:relative;border-radius:10px;border:1px solid #eee;background:#fdfdfd;overflow:hidden;cursor:pointer;transition:transform .2s}#UploadSitePhoto .PreviewBox:hover{box-shadow:0 4px 10px #0000000d}#UploadSitePhoto .PreviewBox img{width:100%;height:130px;-o-object-fit:cover;object-fit:cover}#UploadSitePhoto .PreviewBox .CommentSection{padding:10px;height:45px}#UploadSitePhoto .PreviewBox .CommentSection .PreviewComment{font-size:11px;font-family:myFont1;color:#333;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}#UploadSitePhoto .PreviewBox .PreviewActions{position:absolute;top:5px;right:5px;display:flex;gap:5px;z-index:10}#UploadSitePhoto .PreviewBox .PreviewActions .EditIcon,#UploadSitePhoto .PreviewBox .PreviewActions .CloseIcon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003}#UploadSitePhoto .PreviewBox .PreviewActions .EditIcon svg,#UploadSitePhoto .PreviewBox .PreviewActions .CloseIcon svg{color:var(--primaryColor);font-size:16px}#UploadSitePhoto .PreviewBox .PreviewActions .EditIcon:hover,#UploadSitePhoto .PreviewBox .PreviewActions .CloseIcon:hover{background:var(--primaryColor)}#UploadSitePhoto .PreviewBox .PreviewActions .EditIcon:hover svg,#UploadSitePhoto .PreviewBox .PreviewActions .CloseIcon:hover svg{color:#fff}#UploadSitePhoto .USP_Buttons{margin:25px 20px;display:flex;justify-content:space-between}#UploadSitePhoto .USP_Buttons button{padding:8px 18px;border:none;cursor:pointer;color:#fff;font-family:myFont1;font-size:13px}#UploadSitePhoto .USP_Buttons .ClearBtn{background:#e53935}#UploadSitePhoto .USP_Buttons .RightBtns{display:flex;gap:8px}#UploadSitePhoto .USP_Buttons .RightBtns .PrevBtn{background:var(--primaryColor)}#UploadSitePhoto .USP_Buttons .RightBtns .SubmitBtn{background:#07c}#UploadSitePhoto .UploadPopupOverlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}#UploadSitePhoto .UploadPopup{width:90%;max-width:420px;background:#fff;padding:20px;border-radius:12px}#UploadSitePhoto .UploadPopup .PopupImgWrapper{position:relative;width:100%;height:220px;border-radius:8px;overflow:hidden;cursor:pointer}#UploadSitePhoto .UploadPopup .PopupImgWrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#UploadSitePhoto .UploadPopup .PopupImgWrapper .ImgOverlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s}#UploadSitePhoto .UploadPopup .PopupImgWrapper .ImgOverlay p{color:#fff;font-family:myFont1;font-size:14px;border:1px solid #fff;padding:5px 10px;border-radius:4px}#UploadSitePhoto .UploadPopup .PopupImgWrapper:hover .ImgOverlay{opacity:1}#UploadSitePhoto .UploadPopup textarea{margin-top:15px;width:100%;height:120px;border-radius:8px;padding:12px;resize:none;border:1px solid #ddd;font-family:myFont1;font-size:14px}#UploadSitePhoto .UploadPopup .FullComment{margin-top:15px;max-height:150px;overflow-y:auto}#UploadSitePhoto .UploadPopup .FullComment p{font-size:14px;color:#444;font-family:myFont1;line-height:1.5;white-space:pre-wrap}#UploadSitePhoto .UploadPopup.ViewMode img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:default}#UploadSitePhoto .UploadPopup .PopupBtns{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}#UploadSitePhoto .UploadPopup .PopupBtns button{padding:9px 22px;border:none;cursor:pointer;color:#fff;font-family:myFont1}#UploadSitePhoto .UploadPopup .PopupBtns .CanceBtn{background:#999}#UploadSitePhoto .UploadPopup .PopupBtns .UploadBtn{background:var(--primaryColor)}.sigCanvas{width:100%!important;height:150px!important;border:1px solid #ccc;background:#fff;border-radius:4px;touch-action:none!important}