@charset "UTF-8";.form-bottom-buttons{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:20px}.d-grid{display:grid;gap:24px}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-7{grid-template-columns:repeat(7,1fr)}.grid-cols-8{grid-template-columns:repeat(8,1fr)}.grid-cols-9{grid-template-columns:repeat(9,1fr)}.grid-cols-10{grid-template-columns:repeat(10,1fr)}.grid-cols-11{grid-template-columns:repeat(11,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.d-flex{display:flex;gap:20px;height:max-content}.d-flex.column{flex-direction:column}.d-flex.wrap{flex-wrap:wrap}.d-flex.align-center{align-items:center}.d-flex.justify-between{justify-content:space-between}.d-flex.justify-center{justify-content:center}.d-flex.gap-1{gap:10px}.text-center{text-align:center}.attention-text{display:flex;align-items:center;gap:10px;color:#f04438;opacity:74%;padding:8px 16px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438}.text-success{color:#28a745}.text-danger{color:#f04438}.text-warning{color:#f3a218}.list-hyperlink{text-decoration:underline;cursor:pointer}.list-hyperlink:hover{color:#078dee}.action-button-table{display:flex;gap:20px;align-items:center}.action-button-table .button-item{cursor:pointer}.border{border-image:linear-gradient(90deg,#fff0,#fff,#9990);border-image-slice:1}.border.border-top{border-top:1px solid transparent}.border.border-bottom{border-bottom:1px solid transparent}@font-face{font-family:Zoho Puvi;src:url(/assets/ZohoPuvi-Regular-BpMXLx9x.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Zoho Puvi;src:url(/assets/ZohoPuvi-Medium-BZOlsQyx.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Zoho Puvi;src:url(../fonts/ZohoPuvi-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Zoho Puvi;src:url(/assets/ZohoPuvi-Bold-nNgK7gUt.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Zoho Puvi;src:url(../fonts/ZohoPuvi-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Zoho Puvi;src:url(/assets/ZohoPuvi-Black-CcjwTYXE.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Medium-CpRznguy.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/assets/Orbitron-Regular-tiCwdeKa.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}svg{display:block}body{width:100vw;height:100vh;line-height:1.5;font-family:Zoho Puvi,sans-serif;font-weight:400;font-size:14px;text-rendering:optimizeLegibility;overflow-x:hidden;color:#fff}h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.2}li{list-style:none}a{color:inherit;text-decoration:none;cursor:pointer}img{height:100%}.App{height:100vh}:root{scrollbar-width:thin;scrollbar-color:#888 transparent}::-webkit-scrollbar{width:3px;height:2px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.row{display:grid;gap:20px}.row.row-1{grid-template-columns:100%}.row.row-2-1{grid-template-columns:49% 49%}.row.row-2-1 .full-field{grid-area:2/1/span 2/span 2}.row.row-4{grid-template-columns:24% 24% 24% 24%}.row.row-3{grid-template-columns:32% 32% 32%}.row.row-2{grid-template-columns:49% 49%}@media screen and (max-width: 1190px){.row.row-4{grid-template-columns:49.3% 49.3%}.row.row-3{grid-template-columns:49% 49%}}@media screen and (max-width: 710px){.row.row-4,.row.row-3,.row.row-2-1{grid-template-columns:99%}.row.row-2-1 .full-field{grid-area:3/1/span 1/span 1}}.layout{padding:0;margin:0;height:100%;background-color:#0c111c}.layout .admin-panel{display:grid;height:100%;gap:40px;grid-template-rows:70px auto}.layout .admin-panel .container{padding:0 10px 10px;display:grid;gap:20px;overflow:auto}.layout .admin-panel .container:first-child{grid-row:1}.layout .admin-panel .container:last-child{grid-row:2}.navbar{width:100%;height:100%}.navbar .navbar-wrap{position:relative;display:flex;justify-content:space-between;align-items:center;background-color:#2b64ff26;padding:8px 20px;height:70px}.navbar .navbar-wrap:after{content:"";position:absolute;left:0;bottom:0;width:37.8%;height:5px;background:linear-gradient(180deg,#fff0 80.77%,#078dee 98.72%)}.navbar .navbar-wrap:before{content:"";position:absolute;right:0;bottom:0;width:37.8%;height:5px;background:linear-gradient(180deg,#fff0 80.77%,#078dee 98.72%)}.navbar .navbar-wrap .nav-logo{color:#fff;width:120px}.navbar .navbar-wrap .nav-logo .logo-img{width:100%;object-fit:cover}.navbar .navbar-wrap .nav-logo .brand{font-family:Montserrat;font-weight:500;font-size:25.07px;letter-spacing:.5px;text-transform:uppercase}.navbar .navbar-wrap .nav-logo .sub-brand{font-family:Montserrat;font-weight:500;font-size:9.4px;letter-spacing:.5px;text-transform:uppercase}.navbar .navbar-wrap .nav-menu-wrap{display:flex;flex-direction:column;position:relative}.navbar .navbar-wrap .nav-menu-wrap .nav-ul{display:flex;gap:20px}.navbar .navbar-wrap .nav-menu-wrap .nav-ul .nav-item,.navbar .navbar-wrap .nav-menu-wrap .nav-ul .modules-parent{font-weight:400;font-size:16px;color:#fff;cursor:pointer}.navbar .navbar-wrap .nav-menu-wrap .nav-ul .nav-item .activeLink,.navbar .navbar-wrap .nav-menu-wrap .nav-ul .modules-parent .activeLink{color:#f5b546}.navbar .navbar-wrap .nav-menu-wrap .nav-ul .modules-parent .dropdown{display:flex;align-items:center;gap:5px}.navbar .navbar-wrap .nav-menu-wrap .nav-ul .modules-parent .dropdown.active{color:#f5b546}.navbar .navbar-wrap .nav-notch{position:absolute;bottom:-22.2px;left:50%;transform:translate(-50%);width:380px;height:22px;z-index:1}.navbar .navbar-wrap .nav-notch .nav-notch-border{width:100%;height:100%;background:#2b64ff26;clip-path:polygon(0 0,13% 100%,87% 100%,100% 0);position:relative;display:flex;align-items:center;gap:5px;justify-content:center}.navbar .navbar-wrap .nav-notch .nav-notch-border .icon{margin-bottom:6px}.navbar .navbar-wrap .nav-notch .nav-notch-border .timer-text{margin:0 0 6px;font-family:Orbitron;font-size:12px;color:#fff}.navbar .navbar-wrap .nav-notch .nav-notch-border:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1.6px;background-color:#2785c4}.navbar .navbar-wrap .notch-line-right{position:absolute;right:0;top:0;width:13.5%;height:100%;background:#2785c4;clip-path:polygon(0% 100%,100% 0%,100% 100%)}.navbar .navbar-wrap .notch-line-left{position:absolute;left:0;top:0;width:13.5%;height:99%;background:#2785c4;clip-path:polygon(0 0,0 100%,100% 100%)}.navbar .navbar-wrap .side-lines-left,.navbar .navbar-wrap .side-lines-right{position:absolute;top:2px;display:flex;flex-direction:row;gap:8px}.navbar .navbar-wrap .side-lines-left{left:-57px}.navbar .navbar-wrap .side-lines-right{right:-57px}.navbar .navbar-wrap .side-lines-left .line,.navbar .navbar-wrap .side-lines-right .line{width:20px;background:linear-gradient(155deg,#5b2d82,#3b95f5);border-radius:0;padding:1px;position:relative;overflow:hidden}.navbar .navbar-wrap .side-lines-left .line:before,.navbar .navbar-wrap .side-lines-left .line:after,.navbar .navbar-wrap .side-lines-right .line:before,.navbar .navbar-wrap .side-lines-right .line:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity 1s ease-in-out}.navbar .navbar-wrap .side-lines-left .line:before,.navbar .navbar-wrap .side-lines-right .line:before{background:linear-gradient(155deg,#5b2d82,#3b95f5);z-index:1}.navbar .navbar-wrap .side-lines-left .line:after,.navbar .navbar-wrap .side-lines-right .line:after{background:linear-gradient(273.2deg,#078dee -3.24%,#f019f099 115.49%);z-index:2;opacity:0}.navbar .navbar-wrap .side-lines-left .line:hover:after,.navbar .navbar-wrap .side-lines-right .line:hover:after{opacity:1}.navbar .navbar-wrap .side-lines-left .line.line-1,.navbar .navbar-wrap .side-lines-right .line.line-1{height:19.8px}.navbar .navbar-wrap .side-lines-left .line.line-2,.navbar .navbar-wrap .side-lines-right .line.line-2{height:18.9px}.navbar .navbar-wrap .side-lines-left .line.line-3,.navbar .navbar-wrap .side-lines-right .line.line-3{height:19px}.navbar .navbar-wrap .side-lines-left .line{transform:skew(-113deg);animation:blinking 3s infinite ease-in-out}.navbar .navbar-wrap .side-lines-right .line{transform:skew(113deg);animation:blinking 3s infinite ease-in-out}.navbar .modules-section{position:absolute;visibility:hidden;background-color:#033b643b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:424px;height:380px;top:92px;left:50%;z-index:100;opacity:0;padding:16px;transform:translate(-50%,-20px);transition-property:all;transition-duration:.3s;overflow:hidden}.navbar .modules-section.expanded{min-width:450px;width:auto}.navbar .modules-section.show{visibility:visible;opacity:1;transform:translate(-50%)}.navbar .modules-section .module-wrapper{display:flex;gap:40px;justify-content:space-between}.navbar .modules-section .module-wrapper .module-menus{display:flex;flex-direction:column;gap:20px;max-height:350px;overflow-y:auto;overflow-x:hidden}.navbar .modules-section .module-wrapper .module-menus .title-wrap{text-align:center}.navbar .modules-section .module-wrapper .module-menus .module-title{font-weight:500;font-size:12px;color:#fdfdff;line-height:inherit;padding:0 0 5px}.navbar .modules-section .module-wrapper .module-menus .border-line{width:100%;height:1px;margin-top:10px;background:linear-gradient(90deg,#fff0,#fff,#9990)}.navbar .modules-section .module-wrapper .module-menus .module-list{display:flex;flex-direction:column;gap:24px;height:350px;overflow:auto}.navbar .modules-section .module-wrapper .module-menus .module-list .module-item{display:flex;align-items:center;font-weight:400;font-size:14px;color:#fff;cursor:pointer;text-align:left;padding-left:5px;transition:all .2s ease-in-out}.navbar .modules-section .module-wrapper .module-menus .module-list .module-item.d-none{display:none}.navbar .modules-section .module-wrapper .module-menus .module-list .module-item .menu-item.nav-link{width:100%}.navbar .modules-section .module-wrapper .module-menus .module-list .module-item .menu-item.active,.navbar .modules-section .module-wrapper .module-menus .module-list .module-item:hover{color:#f5b546}.navbar .modules-section .module-wrapper .module-menus .module-list .module-item:hover .icon-wrapper{margin:0;padding:10px 10px 7px;border-radius:6px;background-color:#18212c}.navbar .modules-section .module-wrapper .module-menus .module-list .module-item.active{color:#f5b546}.navbar .modules-section .module-wrapper .module-menus .module-list .module-item.active .icon-wrapper,.navbar .modules-section .module-wrapper .module-menus .module-list .module-item.active .module-icon-wrapper{margin:0;padding:10px 10px 7px;border-radius:6px;background-color:#18212c}.navbar .modules-section .module-wrapper .module-menus .module-list .module-item.active .module-icon-wrapper svg path{fill:#f5b546}.navbar .modules-section .module-wrapper .module-menus .module-list .module-item .item-wrap{display:flex;align-items:center;gap:10px}.navbar .modules-section .module-wrapper .module-menus .module-list .module-item .item-wrap .icon-wrapper{margin:0 0 -10px;transition:all .3s ease-in-out}.navbar .modules-section .module-wrapper .module-menus .module-list .module-item .item-wrap .module-icon-wrapper{transition:all .3s ease-in-out}.navbar .nav-right-wrap{display:flex;gap:10px}.navbar .nav-right-wrap .profile-button{padding:0 10px;display:flex;cursor:pointer}.navbar .nav-right-wrap .profile-button .profile-name{display:flex;gap:5px}@keyframes blinking{0%,to{opacity:70%}50%{opacity:100%}}.page-title-bar-wrap .page-title-bar{position:relative;display:flex;align-items:center;height:70px;justify-content:space-between;padding:11px 20px;background:linear-gradient(90deg,#101625,#0c111c00);border:1px solid transparent;border-image:linear-gradient(89.93deg,#078dee,#0c111c 9.99%,#0c111c 99.94%) 1;overflow:hidden;z-index:2}.page-title-bar-wrap .page-title-bar.ar{background:linear-gradient(270deg,#101625,#0c111c00);border-image:linear-gradient(270deg,#078dee,#0c111c 9.99%,#0c111c 99.94%) 1}.page-title-bar-wrap .page-title-bar .page-bg{position:absolute;top:-222px;right:-10px;width:380px;height:400px;overflow:hidden;z-index:-1}.page-title-bar-wrap .page-title-bar .page-bg.ar{right:unset;left:-10px}.page-title-bar-wrap .page-title-bar .page-bg .bg-image-faint,.page-title-bar-wrap .page-title-bar .page-bg .bg-image-bright{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;pointer-events:none}.page-title-bar-wrap .page-title-bar .page-bg .bg-image-faint{opacity:.05;z-index:1}.page-title-bar-wrap .page-title-bar .page-bg .bg-image-bright{opacity:1;z-index:2;mask-image:radial-gradient(circle 50px at var(--mask-x, 0%) 70%,white 0%,transparent 50%);-webkit-mask-image:radial-gradient(circle 100px at var(--mask-x, 0%) 70%,white 0%,transparent 100%);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:var(--mask-x, 0%) 50%;-webkit-mask-position:var(--mask-x, 0%) 50%;transition:mask-position .1s ease}.page-title-bar-wrap .page-title-bar .title-wrapper{display:flex;flex-direction:column;gap:12px}.page-title-bar-wrap .page-title-bar .title-wrapper .main-title{font-weight:600;font-size:16px;color:#fff}.page-title-bar-wrap .page-title-bar .title-wrapper .sub-title{display:flex;gap:7px;font-weight:400;font-size:14px;color:#c3d1e0}.page-title-bar-wrap .page-title-bar .title-wrapper .sub-title .title-icon{transition:all .3s ease-in-out;cursor:pointer}.page-title-bar-wrap .page-title-bar .title-wrapper .sub-title .title-icon:hover{background-color:gray}.page-title-bar-wrap .page-title-bar .data-count-wrapper{display:flex;gap:10px}.page-title-bar-wrap .page-title-bar .data-count-wrapper .data-count{text-align:center}.page-title-bar-wrap .page-title-bar .data-count-wrapper .data-count h2{font-weight:600;font-size:24px;color:#fff}.page-title-bar-wrap .page-title-bar .data-count-wrapper .data-count .total-text{font-weight:500;font-size:12px;color:#fff}@keyframes moveHorizontal{0%{left:-30px}to{left:calc(100% - 150px)}}.mrt-table-paper,.MuiBox-root.css-1tbggly,.css-7psuou-MuiTableHead-root{background-color:#141c2f!important}.MuiMenu-paper{background-color:#1a2337d4!important;border:2px solid transparent!important;border-image:linear-gradient(180deg,#8dcbf7,#0564a9) 1!important;box-shadow:0 0 10.1px #078deea1!important;-webkit-backdrop-filter:blur(5.5999999046px);backdrop-filter:blur(5.5999999046px);border-radius:0!important;overflow:visible!important;margin-top:8px!important}.MuiMenu-list{max-height:350px!important;overflow-y:auto!important;overflow-x:hidden!important}.MuiMenuItem-root:hover{background-color:#078dee33!important}.MuiPopover-root{z-index:1300!important}.mrt-table-row{border-bottom:1px solid!important;border-image-source:linear-gradient(90deg,rgba(123,143,164,0) 0%,#586675 50%,rgba(165,191,219,0) 100%);border-image-slice:1}.css-10j3yc8-MuiFormLabel-root-MuiInputLabel-root,.css-1y2ya84-MuiInputBase-root-MuiInput-root-MuiSelect-root,.css-1gpuzre-MuiSvgIcon-root-MuiSelect-icon,.css-1ct0wc-MuiList-root-MuiMenu-list,.css-53g0n7-MuiButtonBase-root-MuiIconButton-root,.css-1a3u37w-MuiButtonBase-root-MuiIconButton-root,.css-bgz9z4-MuiButtonBase-root-MuiTableSortLabel-root.Mui-active,.css-bg3lg4-MuiButtonBase-root-MuiTableSortLabel-root.Mui-active{color:#fff!important}.css-a3887b{background-color:#0c111c!important}.css-1ambpiq-MuiInputBase-root-MuiOutlinedInput-root{background-color:#141c2f!important;color:#fff!important}.css-1hmy5ez-MuiButtonBase-root-MuiCheckbox-root.Mui-checked{color:#1976d2!important}.mrt-TableBodyRow>.mrt-TableCell{border-bottom:1px solid transparent!important;border-image-source:linear-gradient(90deg,rgba(123,143,164,0) 0%,#ffffff 50%,rgba(165,191,219,0) 100%)!important;border-image-slice:1!important}.css-1l5xwdx-MuiButtonBase-root-MuiPaginationItem-root{color:#fff!important}.css-1l5xwdx-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected{background-color:#033b64!important;border-radius:1px!important}.render-top-toolbar{background-color:#0c111c;display:flex;gap:10px;padding:8px 8px 10px;justify-content:space-between}.render-top-toolbar .left-side-buttons{display:flex;gap:10px;align-items:center;width:280px;max-width:100%}.render-top-toolbar .left-side-buttons .left-side-icons{position:relative}.render-top-toolbar .left-side-buttons .left-side-icons .left-side-icon{display:flex;align-items:center;gap:5px;transition:all .3s ease;cursor:pointer;padding-top:10px;padding-bottom:8px;border-image:linear-gradient(90deg,#0000,#078dee 52.5%,#6660);border-image-slice:1;position:relative}.render-top-toolbar .left-side-buttons .left-side-icons .left-side-icon .select-dot{position:absolute;top:0;right:0;width:12px;height:12px;border-radius:50%;background-color:#f04438;box-shadow:0 0 5.2px #f04438cf}.render-top-toolbar .left-side-buttons .left-side-icons .left-side-icon svg{transform:scaleX(1);transition:transform .3s ease}.render-top-toolbar .left-side-buttons .left-side-icons .left-side-icon svg path{stroke:#fff;transition:stroke .3s ease}.render-top-toolbar .left-side-buttons .left-side-icons .left-side-icon .filter-label{font-weight:400;font-size:14px;display:none;opacity:0;color:#078dee;transition:all .3s ease}.render-top-toolbar .left-side-buttons .left-side-icons .left-side-icon:hover,.render-top-toolbar .left-side-buttons .left-side-icons .left-side-icon.selected{border-bottom:1px solid transparent;padding-right:9px;background:linear-gradient(180deg,#fff0,#078dee0e)}.render-top-toolbar .left-side-buttons .left-side-icons .left-side-icon:hover .filter-label,.render-top-toolbar .left-side-buttons .left-side-icons .left-side-icon.selected .filter-label{display:block;opacity:1;color:#078dee}.render-top-toolbar .left-side-buttons .left-side-icons .left-side-icon:hover svg,.render-top-toolbar .left-side-buttons .left-side-icons .left-side-icon.selected svg{transform:scaleX(-1)}.render-top-toolbar .left-side-buttons .left-side-icons .left-side-icon:hover path,.render-top-toolbar .left-side-buttons .left-side-icons .left-side-icon.selected path{stroke:#078dee}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter{display:none;position:absolute;top:45px;width:656px;max-height:460px;background-color:#1a2337d4;border:2px solid transparent;border-image:linear-gradient(180deg,#8dcbf7,#0564a9);border-image-slice:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 21.1px #078deea1;box-shadow:0 0 12.8px #8dcbf769;z-index:100;padding:15px;-webkit-animation-name:slideIn;-webkit-animation-duration:.3s;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-name:slideIn;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter.show{display:block}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .header{padding:0 0 0 15px;display:flex;justify-content:space-between}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .header .header-title{font-size:16px;color:#fff;font-weight:600}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .header .close{cursor:pointer;transition:all .3s ease-in-out;padding:3px}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .header .close:hover{background-color:#f04438}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content{position:relative;display:flex;justify-content:space-between}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-options{width:100%;display:flex;flex-direction:column;max-height:300px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-options::-webkit-scrollbar{display:none;width:0;height:0}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-options .filter-li{font-weight:400;font-size:14px;padding:10px;color:#fff;border:none;transition:all .1s ease-out;border-left:2px solid transparent;position:relative;cursor:pointer}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-options .filter-li:hover{background:linear-gradient(90deg,#078dee1f,#91561200);border-left:2px solid #078dee}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-options .filter-li.selected{color:#078dee}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-options .filter-li.ar:hover{background:linear-gradient(90deg,#078dee1f,#91561200);border-right:2px solid #078dee}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-options .filter-li .select-dot{position:absolute;right:12px;width:12px;height:12px;border-radius:50%;background-color:#f04438a8;box-shadow:0 0 5.2px #f04438cf}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .vertical-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,#fff0,#fff 20%,#fff 80%,#fff0)}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-values{width:100%;display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-values .search-input{padding:0 12px}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-values .filter-value-li{padding:5px 12px;color:#fff}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-values .filter-value-li.tree:hover{background:none}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-values .filter-value-li:hover{background:linear-gradient(90deg,#078dee1f,#91561200)}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-values .filter-value-li.selected{background:#044e83}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-values .filter-value-li.ar:hover{background:linear-gradient(270deg,#078dee1f,#91561200)}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-values .filter-value-li label .checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:transparent;border:1px solid #ffffff;width:12px;height:12px;cursor:pointer;position:relative;display:inline-block}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-values .filter-value-li label .checkbox:checked{background-color:#078dee;border:1px solid #078dee}.render-top-toolbar .left-side-buttons .left-side-icons .table-filter .list-content .filter-values .filter-value-li label .checkbox:checked:after{content:"";position:absolute;top:1px;left:3px;width:3px;height:6px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.render-top-toolbar .right-side-buttons{display:flex;align-items:center}.render-top-toolbar .right-side-buttons .right-side-button{display:flex;gap:25px;align-items:center;color:#c3d1e0}.render-top-toolbar .right-side-buttons .right-side-button .top-actions{display:flex;align-items:center;gap:15px}.render-top-toolbar .right-side-buttons .right-side-button .top-actions .top-action-item{display:flex;align-items:center;gap:7px;cursor:pointer;padding-bottom:5px;position:relative}.render-top-toolbar .right-side-buttons .right-side-button .top-actions .top-action-item.d-none{display:none}.render-top-toolbar .right-side-buttons .right-side-button .top-actions .top-action-item:after{content:"";position:absolute;bottom:0;left:50%;right:50%;height:1px;background:linear-gradient(90deg,#078dee00,#078dee,#04518800);transition:all .3s ease-in-out;opacity:0}.render-top-toolbar .right-side-buttons .right-side-button .top-actions .top-action-item:hover:after{left:0;right:0;opacity:1}.render-top-toolbar .right-side-buttons .right-side-button .top-actions .top-action-item span{font-size:14px;color:#fff}.custom-pagination{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;background-color:#0c111c}.custom-pagination .pagination-action-btn{display:flex;gap:10px;color:#c3d1e0;align-items:center;cursor:pointer;transition:all .3s ease-in-out}.custom-pagination .pagination-action-btn.disabled{cursor:not-allowed}.custom-pagination .pagination-action-btn .page-count{padding:5px 10px}.custom-pagination .pagination-action-btn .page-count:hover{color:#fff;background-color:#18212c}.custom-pagination .pagination-items{display:flex;gap:8px;align-items:center}.custom-pagination .pagination-items .page-count{color:#c3d1e0;font-size:14px;cursor:pointer;padding:7px 14px}.custom-pagination .pagination-items .page-count:hover{background-color:#033b64;transition:all .3s ease}.custom-pagination .rows-per-page-wrap{display:flex;gap:20px}.custom-pagination .rows-per-page-wrap .rows-per-page-select{display:flex;gap:20px;align-items:center;color:#fff}.custom-pagination .rows-per-page-wrap .rows-per-page-select .result-wrap{display:flex;gap:5px}.custom-pagination .rows-per-page-wrap .result-label{color:#fff;opacity:47%}.custom-pagination .rows-per-page-wrap .select-wrapper{position:relative;display:inline-block}.custom-pagination .rows-per-page-wrap .select-wrapper:after{content:"▼";position:absolute;top:50%;right:5px;transform:translateY(-50%);pointer-events:none;font-size:12px;color:#7e90a4}.custom-pagination .rows-per-page-wrap .select-wrapper .select-dropdown{background-color:transparent;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#fff;border:1px solid #586675;border-radius:4px;padding:10px 20px 10px 10px;font-size:14px;cursor:pointer}.custom-pagination .rows-per-page-wrap .select-wrapper .select-dropdown .options{background:#0e1522ab;background-origin:border-box;background-clip:padding-box,border-box;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 7.9px #078deea1}.custom-pagination .rows-per-page-wrap .select-wrapper .select-dropdown .options:hover{display:flex;background:#0e1522ab}.no-min-width{min-width:unset!important;width:auto!important}.button-field{display:flex;position:relative;overflow:hidden;width:max-content}.button-field .btn{all:unset;padding:10px 15px;text-align:center;border:none;font-size:14px;font-weight:400;cursor:pointer;min-width:137px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease-in-out}.button-field .btn.btn-primary{background:linear-gradient(180deg,#078dee,#045188);opacity:.925;color:#fff;border:none}.button-field .btn.btn-primary:not(.disabled):hover{background:linear-gradient(180deg,#078dee,#045188);opacity:1;transform:translate(-.25em)}.button-field .btn.btn-confirm{color:#fff;background:linear-gradient(0deg,#8dcbf7 -161.9%,#045188);transition:all .3s ease-in-out}.button-field .btn.btn-confirm:not(.disabled):not([disabled]):hover{background:none;background-color:#f3a218;color:#18212c;font-weight:600}.button-field .btn.btn-outline{background:linear-gradient(180deg,#078dee,#8dcbf7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;border:1px solid transparent;border-image:linear-gradient(180deg,#078dee,#8dcbf7);border-image-slice:1;transition:border-color .3s ease,color .3s ease,background-color .3s ease}.button-field .btn.btn-outline:hover{border-image:none;border-color:#f04438;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:#f04438;background-clip:initial;color:#f04438}.button-field .btn.btn-close{color:#fff;background:linear-gradient(0deg,#8dcbf7 -161.9%,#045188);transition:all .3s ease-in-out}.button-field .btn.btn-upgrade{background:linear-gradient(180deg,#078dee,#8dcbf7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;border:1px solid transparent;border-image:linear-gradient(180deg,#078dee,#8dcbf7);border-image-slice:1;transition:border-color .3s ease,color .3s ease,background-color .3s ease;border-image-source:linear-gradient(180deg,#078DEE 0%,#8DCBF7 100%)}.button-field .btn.row-reverse{flex-direction:row-reverse}.button-field .btn.full-size{flex:1;justify-content:center}.button-field .btn:disabled{opacity:47%;cursor:not-allowed}.button-field .btn.btn-sm{font-size:13px;padding:7px 8px;font-weight:500}.button-field .btn.btn-bold{font-weight:600;letter-spacing:1.3px}.button-field .btn.loading{pointer-events:none;opacity:.7}.button-field .btn.loading .spinner-loader .spinner{width:20px;height:20px;display:grid;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) 40%,#4797ff 41%);background:linear-gradient(0deg,#4797ff80 50%,#fff 0) center/1.9px 100%,linear-gradient(90deg,#fff 50%,#fff 0) center/100% 1.9px;background-repeat:no-repeat;animation:spinner-d3o0rx 1.4s infinite steps(12)}.button-field .btn svg path{stroke:currentColor}.button-field .btn svg path:hover{stroke:#fff}.button-field .btn.d-none{display:none}.button-field .progress-bar{position:absolute;bottom:0;left:0;height:2px;width:100%;background-color:#078dee;animation:progressBarAnim 1.5s linear infinite}@keyframes progressBarAnim{0%{left:-100%;width:100%}50%{left:25%;width:50%}to{left:100%;width:0%}}.select-box{display:flex;flex-direction:column;align-items:center;color:#fff;position:relative;cursor:pointer}.select-box .expand-button{position:relative;display:flex;align-items:center;gap:7px}.select-box .menu-container{position:absolute;top:25px;transition:max-height .6s ease-in-out;opacity:0;visibility:hidden;z-index:1000;overflow:hidden}.select-box .menu-container.show{opacity:1;visibility:visible;z-index:1000}.select-box .menu-container.show .menu-wrapper{transform:translate(0);opacity:1}.select-box .menu-container.show .arrow-down{visibility:visible;opacity:1}.select-box .menu-container .arrow-down{position:absolute;visibility:hidden;opacity:0;top:2px;left:50%;transform:translate(-50%);width:26px;height:19.5px;background:linear-gradient(to top,#033b6494 10%,#05548db3,#033b6494 10%,#05548db3 50%,#033b6494);clip-path:polygon(50% 0%,0% 100%,100% 100%);z-index:10;transition:transform .5s ease-out,opacity .3s ease-out}.select-box .menu-container .menu-wrapper{background:#033b6494;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);margin-top:21px;transform:translate(-100%);transition:transform .4s ease,opacity .3s ease;max-height:250px;width:230px;max-width:250px;overflow-y:auto;overflow-x:hidden}.select-box .menu-container .menu-wrapper .ul{display:flex;flex-direction:column}.select-box .menu-container .menu-wrapper .menu-item{padding:10px;font-size:14px;color:#fff;transition:background-color .2s ease;font-weight:400;display:flex;gap:10px;align-items:center;cursor:pointer;transition:all .3s ease-in-out}.select-box .menu-container .menu-wrapper .menu-item:hover{transform:scale(1.02)}.modal{display:flex;position:fixed;z-index:998;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:#0006}.modal .modal-content{position:relative;padding:10px;background:#1a2337d4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid transparent;border-image:linear-gradient(180deg,#8dcbf7,#0564a9);border-image-slice:1;box-shadow:0 0 21.1px #078deea1;box-shadow:0 0 12.8px #8dcbf769;margin:auto;min-width:35%;-webkit-animation-name:slideIn;-webkit-animation-duration:.5s;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-name:slideIn;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}.modal .modal-content.slide-out-left{animation-name:slideOutLeft}.modal .modal-content.slide-out-right{animation-name:slideOutRight}.modal .modal-content .modal-header{padding:10px 6px;display:flex;justify-content:space-between}.modal .modal-content .modal-header .modal-title{font-weight:600;font-size:16px;color:#fff}.modal .modal-content .modal-header .close{cursor:pointer;transition:all .1s ease-in-out;padding:5px}.modal .modal-content .modal-header .close:hover{background-color:#f04438}@keyframes slideIn{0%{transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100vw)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100vw)}}@-webkit-keyframes slideIn{0%{transform:translate(-100vw)}to{transform:translate(0)}}@-webkit-keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100vw)}}@-webkit-keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100vw)}}.delete-box .message-text{padding:10px}.delete-box .message-text p{color:#fff}.delete-box .mutli-text{display:flex;flex-direction:column;gap:10px;padding-left:10px}.delete-box .mutli-text .selected-items-info .selected-count{color:red;font-weight:700}.delete-box .confirm-buttons{display:flex;flex-direction:row;justify-content:center;gap:30px;padding:10px 0 20px}.confirmation-box{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center;word-wrap:break-word}.confirmation-box .message-text{max-width:600px;font-size:16px}.confirmation-box .confirm-buttons{display:flex;gap:30px}.switch-tab-page{padding:10px}.switch-tab-page .tab-modal-content .tab-list-items{position:relative;display:flex;flex-wrap:wrap;align-items:center;background:#0e152280;height:56px;padding:6px;overflow:hidden}.switch-tab-page .tab-modal-content .tab-list-items .tab-item{flex:1;display:flex;justify-content:center;min-width:0;text-align:center;z-index:1;padding:0 10px;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-weight:400;font-size:14px;color:#fff}.switch-tab-page .tab-modal-content .tab-list-items .tab-item.active{font-weight:600;font-size:16px}.switch-tab-page .tab-modal-content .tab-list-items .tab-highlight{position:absolute;top:6px;bottom:6px;background:linear-gradient(#007bff,#2694f8);z-index:0}.switch-tab-page .tab-modal-content .tab-body{padding:20px 0 0;display:flex;flex-direction:column;gap:20px}.switch-button{display:flex;align-items:center;gap:16px}.switch-button .switch{position:relative;display:inline-block;width:44px;height:24px}.switch-button .switch input{opacity:0;width:0;height:0}.switch-button .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.4s;border:1px solid #E9EAEB;border-radius:34px}.switch-button .switch .slider:before{position:absolute;content:"";height:17px;width:17px;left:2px;bottom:3px;background-color:#e9eaeb;transition:.4s;border-radius:50%}.switch-button .switch input:checked+.slider{background-color:#2b64ff;border:none}.switch-button .switch input:checked+.slider:before{transform:translate(26px);left:-2px;top:3px}.switch-button .switch.round .slider{border-radius:34px}.switch-button .switch.round .slider:before{border-radius:50%}.radio-form-item{display:flex;flex-direction:column;gap:10px}.radio-form-item .radio-label span{color:#ff1313}.radio-form-item .radio-group-list{display:flex;gap:10px 20px}.radio-form-item .radio-group-list .radio-field{display:flex;flex-direction:row;gap:10px;cursor:pointer}.radio-form-item .radio-group-list .radio-field .radio-title{cursor:pointer;font-size:14px}.radio-form-item .radio-group-list .radio-field.right{flex-direction:row-reverse;justify-content:flex-end}.radio-form-item .radio-group-list .radio-field.disabled{cursor:not-allowed;opacity:.5}.radio-form-item .radio-group-list .radio-field.disabled .radio-title{cursor:not-allowed}.radio-form-item .radio-group-list.column{flex-direction:column}.radio-form-item .radio-group-list.warp,.radio-form-item .radio-group-list.row-wrap{flex-wrap:wrap}.css-10o2lyd-MuiStack-root,.muiltr-10o2lyd-MuiStack-root{padding:0!important}.date-picker{max-height:45px}.muiltr-vycme6-MuiPickersInputBase-root-MuiPickersOutlinedInput-root{background:linear-gradient(0deg,#078dee4d -50%,#0d172700 70%);border-bottom:.8px solid #078dee;border-radius:0!important}.muiltr-qru2u2-MuiPickersSectionList-root-MuiPickersInputBase-sectionsContainer-MuiPickersOutlinedInput-sectionsContainer,.muiltr-1fb7els-MuiPickersSectionList-root-MuiPickersInputBase-sectionsContainer-MuiPickersOutlinedInput-sectionsContainer{padding:10.5px 0!important;border-radius:0!important}.muiltr-vycme6-MuiPickersInputBase-root-MuiPickersOutlinedInput-root.Mui-focused:not(.Mui-error) .MuiPickersOutlinedInput-notchedOutline{border:none}.label{font-size:14px}.label .required{color:#ff1313!important}.swap-table{display:flex;flex-direction:column;gap:20px;padding:10px;min-height:200px;overflow-y:auto}.swap-table .radio-btn-options{display:flex;justify-content:center}.swap-table .table-container{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;overflow-x:auto;scrollbar-width:none}.swap-table .table-container .left-partition{display:flex;align-items:center;justify-content:space-between}.swap-table .table-container .left-partition .title{width:50%;font-weight:400;font-size:16px}.swap-table .table-container .table-wrapper{display:flex;flex-direction:column;gap:15px}.swap-table .table-container .table-wrapper table{box-shadow:none}.swap-table .table-container .table-wrapper .table tbody .no-data{min-height:100px}.swap-table .table-container .table-wrapper .table thead tr td{padding:10px 15px;max-width:fit-content}.swap-table .table-container .table-wrapper .table tbody tr td{padding:10px 15px}.swap-table .icons-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;position:relative;z-index:2}.swap-table .icons-wrapper .icons{background-color:#121a29}.swap-table .icons-wrapper .icons .icon,.swap-table .icons-wrapper .icons .icon-repeat{padding:10px 8px;cursor:pointer;transition:all .1s ease-in-out}.swap-table .icons-wrapper .icons .icon:hover,.swap-table .icons-wrapper .icons .icon-repeat:hover{background-color:#1a2337}.swap-table .icons-wrapper .icons .icon.disabled,.swap-table .icons-wrapper .icons .icon-repeat.disabled{cursor:not-allowed}.swap-table .icons-wrapper .icons .icon-repeat.forward{transform:rotate(180deg)}.swap-table .icons-wrapper:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100%;z-index:-1;background:linear-gradient(to bottom,#fff0,#fff,#9990)}.swap-table .tree-dropdown-wrapper{width:40%}.swap-table .pos-content{display:flex;align-items:center;gap:12px;font-size:14px;color:#f04438;opacity:.74;margin-bottom:20px;padding:8px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-top:24px;width:100%}.tbl-container{height:100%;max-height:350px;overflow-y:auto;overflow-x:hidden}.tbl-container .table-toolbar{width:40%;margin-bottom:10px}.tbl-container::-webkit-scrollbar-track{margin:5px 0}.tbl-container::-webkit-scrollbar{width:5px}.tbl-container::-webkit-scrollbar-thumb{border-radius:8px}.tbl-container .label{margin-bottom:10px}.tbl-container .table{border-collapse:collapse;width:100%}.tbl-container .table thead tr{background:#0e1522}.tbl-container .table thead tr td{position:sticky;position:-webkit-sticky;z-index:8;top:0;background:#0e1522}.tbl-container .table thead tr td,.tbl-container .table tbody tr td{padding:12px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbl-container .table thead tr td.text-wrap,.tbl-container .table tbody tr td.text-wrap{white-space:normal;overflow:visible;text-overflow:unset;max-width:100%}.tbl-container .table thead tr td .checkbox-icon,.tbl-container .table tbody tr td .checkbox-icon{cursor:pointer}.tbl-container .table tbody tr{transition:all .2s ease-in-out}.tbl-container .table tbody tr:hover{background-color:#033b64}.tbl-container .table tbody tr:nth-child(2n){background-color:#0e152282}.tbl-container .table tbody tr:nth-child(2n):hover{background-color:#033b64}.tbl-container .table tbody .custom-radio{display:inline-flex;align-items:center;cursor:pointer}.tbl-container .table tbody .custom-radio input[type=radio]{display:none}.tbl-container .table tbody .custom-radio input[type=radio]:checked+.radio-mark{background:#2b64ff;border-color:#2b64ff}.tbl-container .table tbody .custom-radio input[type=radio]:checked+.radio-mark:after{content:"";position:absolute;top:3.5px;left:4px;width:9px;height:9px;background:#fff;border-radius:50%}.tbl-container .table tbody .radio-mark{width:18px;height:18px;border:1px solid #ffffff;border-radius:50%;position:relative;box-sizing:border-box}.tbl-container .table tbody .empty-data-wrapper{position:relative;left:0;transform:translate(0)}.tbl-container .table tbody .no-data{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;height:150px;min-height:max-content}.swap-tbl-container{height:100%;max-height:350px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.swap-tbl-container .table{border-collapse:collapse;width:100%}.swap-tbl-container .table thead tr{position:relative;border-bottom:none!important}.swap-tbl-container .table thead tr td{background:#1a2337d4}.swap-tbl-container .table thead tr:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#7b8fa400,#fff,#a5bfdb00)}.swap-tbl-container .table thead tr td{position:sticky;position:-webkit-sticky;z-index:8;top:0}.swap-tbl-container .table thead tr td,.swap-tbl-container .table tbody tr td{padding:5px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swap-tbl-container .table thead tr td.text-wrap,.swap-tbl-container .table tbody tr td.text-wrap{white-space:normal;overflow:visible;text-overflow:unset;max-width:100%}.swap-tbl-container .table thead tr td .checkbox-icon,.swap-tbl-container .table tbody tr td .checkbox-icon{cursor:pointer}.swap-tbl-container .table tbody tr{transition:all .2s ease-in-out}.swap-tbl-container .table tbody tr:hover{background-color:#033b64}.swap-tbl-container .table tbody tr:nth-child(2n){background-color:#0e1522}.swap-tbl-container .table tbody tr:nth-child(2n):hover{background-color:#033b64}.swap-tbl-container .table .custom-radio{display:inline-flex;align-items:center;cursor:pointer}.swap-tbl-container .table .custom-radio input[type=radio]{display:none}.swap-tbl-container .table .custom-radio input[type=radio]:checked+.radio-mark{background:#2b64ff;border-color:#2b64ff}.swap-tbl-container .table .custom-radio input[type=radio]:checked+.radio-mark:after{content:"";position:absolute;top:3.5px;left:4px;width:9px;height:9px;background:#fff;border-radius:50%}.swap-tbl-container .table .radio-mark{width:18px;height:18px;border:1px solid #ffffff;border-radius:50%;position:relative;box-sizing:border-box;margin-top:10px;margin-left:10px}.swap-tbl-container .table tbody .empty-data-wrapper{position:relative;left:0;transform:translate(0)}.swap-tbl-container .table tbody .no-data{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;height:150px;min-height:max-content}.search-input{position:relative;display:flex;flex-direction:column;width:100%}.search-input .input-wrapper{display:flex;background:#0e1522ab;align-items:center}.search-input .input-wrapper .search-icon{padding-left:10px}.search-input .input-wrapper .input_field{position:relative;flex:1;background:transparent;font-size:14px;border-radius:0;border:solid 0px #87909a;transition:all .3s ease;padding:13px;color:#fff}.search-input .input-wrapper .input_field:focus{background:none;outline:none}.search-input .input-wrapper .input_field:read-only+.input-label{font-size:13px;top:-6px;left:0;letter-spacing:1px;padding:0 6px}.search-input .input-wrapper .input_field:focus+.input-label,.search-input .input-wrapper .input_field:valid+.input-label{font-size:13px;top:-5px;left:0;color:#fff;padding:0 6px}.search-input .input-wrapper .input_field:focus+.input-label{color:#fff}.search-input .input-wrapper .input_field:focus+.input-label span{color:#ff1313!important}.search-input .input-wrapper .input_field:focus,.search-input .input-wrapper .input_field:active,.search-input .input-wrapper .input_field:disabled,.search-input .input-wrapper .input_field:disabled+.input-label,.search-input .input-wrapper .input_field:disabled+.input-label+.input-right-icon{cursor:block}.search-input .input-wrapper .input_field:disabled+.input-label{background:transparent}.search-input .input-wrapper .input_field:-webkit-autofill{background-color:#f4f7fc!important;transition:background-color 5000s ease-in-out 0s}.search-input .input-wrapper .input_field:-webkit-autofill:first-line{transition:background-color 5000s ease-in-out 0s}.search-input .input-wrapper .input_field.error{border:#ff1313 solid 1px}.search-input .input-wrapper .input_field.error+.input-label{color:#ff1313}.group-switch-button{display:flex;flex-direction:column;gap:10px}.group-switch-button .group-label{font-size:14px;color:#fff}.group-switch-button .group-box{background:#0c111cd6;border-radius:3px;padding:5px;display:flex;flex-direction:column;gap:5px;background-color:#0c111cd6}.group-switch-button .group-box .box-header{display:flex;justify-content:space-between;padding:0 10px;color:#fff}.group-switch-button .group-box .switch-buttons{display:flex;justify-content:space-around}.group-switch-button .group-box .switch-buttons .switch-wrapper{display:flex;flex-direction:column;align-items:center;gap:5px}.group-switch-button .group-box .switch-buttons .switch-wrapper .count-label{color:#fff}.group-switch-button .group-box .switch-buttons .switch-wrapper .switch-button{display:flex;align-items:center;gap:0}.group-switch-button .group-box .switch-buttons .switch-wrapper .switch-button .switch{position:relative;display:inline-block;width:19px;height:40px}.group-switch-button .group-box .switch-buttons .switch-wrapper .switch-button .switch .slider{position:absolute;background-color:#18212c;top:0;left:0;right:0;bottom:0;width:19px;height:40px;border:none;border-radius:34px}.group-switch-button .group-box .switch-buttons .switch-wrapper .switch-button .switch .slider:before{position:absolute;content:"";height:13px;width:13px;left:3px;bottom:3px;background-color:#fff;transition:.1s;border-radius:50%}.group-switch-button .group-box .switch-buttons .switch-wrapper .switch-button .switch input:checked+.slider{background-color:#2b64ff}.group-switch-button .group-box .switch-buttons .switch-wrapper .switch-button .switch input:checked+.slider:before{transform:translateY(0)}.form-item{position:relative;display:flex;flex-direction:column;min-width:260px;max-width:100%;height:max-content}.form-item .input_field{position:relative;flex:1;font-size:14px;letter-spacing:1.2px;background:linear-gradient(0deg,#078dee66 -50%,#0d172700 70%);opacity:67%;border-radius:0;border:0;border-bottom:.8px solid #078dee;transition:all .3s ease;padding:23px 0 8px 10px;color:#fff;opacity:100%}.form-item .input_field:not(:disabled):focus{opacity:100%;border-bottom-color:#078dee;box-shadow:0 2px 0 -1px #078dee;background:linear-gradient(0deg,#078dee66 -50%,#0d172700 70%);outline:none}.form-item .input_field:read-only+.input-label{font-size:13px;top:-6px;left:0;letter-spacing:1px;padding:0 6px}.form-item .input_field:focus+.input-label,.form-item .input_field:valid+.input-label{font-size:13px;top:-5px;left:0;opacity:100%;color:#fff;padding:0 6px}.form-item .input_field:focus+.input-label{color:#fff}.form-item .input_field:focus+.input-label span{color:#ff1313!important}.form-item .input_field:disabled,.form-item .input_field:disabled+.input-label,.form-item .input_field:disabled+.input-label+.input-right-icon{cursor:not-allowed;opacity:.5}.form-item .input_field:disabled+.input-label{background:transparent}.form-item .input_field:-webkit-autofill{background-color:#f4f7fc!important;-webkit-box-shadow:0 0 0px 1000px #f4f7fc inset!important;transition:background-color 5000s ease-in-out 0s}.form-item .input_field:-webkit-autofill:first-line{background-color:#f4f7fc!important;transition:background-color 5000s ease-in-out 0s}.form-item .input_field.error{border:#ff1313 solid 1px}.form-item .input_field.error+.input-label{color:#ff1313}.form-item .input_field:not(:disabled):hover{opacity:100%;background:linear-gradient(0deg,#078dee -69.77%,#0d172700)}.form-item .input-label{position:absolute;cursor:text;left:10px;z-index:2;top:13px;letter-spacing:1.5px;font-size:14px;white-space:2;color:#fff;opacity:50%;transition:all .3s ease}.form-item .input-label.ar{right:10px}.form-item .input-label span{color:#ff1313!important}.form-item .input-right-icon{position:absolute;top:13px;right:10px;cursor:pointer}.form-item .input-right-icon.ar{right:90%}.form-item .input-captcha-timer{position:absolute;top:-8px;right:1px;color:#fff;z-index:1;transition:all .3s ease;background:transparent}.form-item .input-captcha-timer.ar{right:280px}.form-item .input-right-icon-2{position:absolute;top:13px;right:35px;cursor:pointer}.form-item .input-right-icon-2.ar{right:90%}.form-item .input-error-message{color:#ff1313}.form-item .input-validation-message{color:#fff;font-size:14px;margin-top:5px}.form-item .input-validation-message.disabled{opacity:74%}.form-item .input-success-message{color:#2de009}.checkbox-form-item{display:flex;flex-direction:column;gap:15px}.checkbox-form-item .checkbox-label span{color:#ff1313}.checkbox-form-item .checkbox-group-list{display:flex;gap:10px 20px}.checkbox-form-item .checkbox-group-list .checkbox-field{display:flex;flex-direction:row;gap:10px;cursor:pointer;align-items:center}.checkbox-form-item .checkbox-group-list .checkbox-field .checkbox-title{font-size:14px;cursor:pointer;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.checkbox-form-item .checkbox-group-list .checkbox-field.right{flex-direction:row-reverse;justify-content:flex-end}.checkbox-form-item .checkbox-group-list .checkbox-field.disabled{cursor:not-allowed;opacity:.5}.checkbox-form-item .checkbox-group-list .checkbox-field.disabled .checkbox-title{cursor:not-allowed}.checkbox-form-item .checkbox-group-list.column{flex-direction:column}.checkbox-form-item .checkbox-group-list.warp{flex-wrap:wrap}.checkbox-form-item .checkbox-group-list.warp.grid-2 .checkbox-field{width:46%}.drop-down{position:relative;margin-top:2px}.drop-down .drop-down-container{position:absolute;top:25px;height:auto;max-height:300px;overflow-y:auto;z-index:9;background-color:#033b6494;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);width:max-content;min-width:100px;box-shadow:2px 4px 10px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:transform .4s ease,opacity .3s ease,visibility .3s ease}.drop-down .drop-down-container.active{opacity:1;visibility:visible;transform:translateY(0)}.drop-down .drop-down-container .drop-down-menus{display:flex;flex-direction:column}.drop-down .drop-down-container .drop-down-menus .menu{padding:10px;cursor:pointer;display:flex;flex-direction:row;gap:10px;color:#fff}.drop-down .drop-down-container .drop-down-menus .menu:hover:not(.disabled){background-color:#0078d41a}.drop-down .drop-down-container .drop-down-menus .menu.disabled{cursor:not-allowed}.drop-down .drop-down-container.right{right:0}.drop-down .drop-down-container.left{left:0}.tab-pages{overflow:auto}.tab-pages .tab-modal-content .tab-list-items{position:relative;display:flex;flex-wrap:nowrap;align-items:center;background:#0c111c;padding:6px 6px 0;border-bottom:4px solid;border-image:linear-gradient(360deg,#0564a9,#078dee87) 1;overflow-x:auto;overflow-y:hidden;max-width:100%;scrollbar-width:thin}.tab-pages .tab-modal-content .tab-list-items .tab-item{flex:0 0 auto;min-width:0;text-align:center;z-index:1;padding:0 10px;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-weight:400;font-size:14px;color:#fff}.tab-pages .tab-modal-content .tab-list-items .tab-item .tab-label{display:inline-block;padding:0 6px;white-space:nowrap}.tab-pages .tab-modal-content .tab-list-items .tab-item.active{font-weight:500;font-size:16px}.tab-pages .tab-modal-content .tab-list-items .tab-highlight{position:absolute;top:0;left:0;bottom:-1px;background:linear-gradient(360deg,#0564a9,#078dee87);clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);z-index:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-pages .tab-modal-content .tab-body{padding:20px 0;display:flex;flex-direction:column;gap:20px}.expandable-button-field .expandable-button{all:unset;width:36px;height:36px;text-align:center;border:none;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #885111;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease-in-out}.expandable-button-field .expandable-button .button-text{opacity:0;display:none;color:#18212c;font-weight:500;white-space:nowrap;overflow:hidden;transition:opacity .3s ease}.expandable-button-field .expandable-button .button-text:hover{display:block;opacity:1}.expandable-button-field .expandable-button .icon-container{margin-bottom:-5px}.expandable-button-field .expandable-button:hover{width:130px;background-color:#da923f}.expandable-button-field .expandable-button:hover .icon-container svg path{fill:#18212c}.expandable-button-field .expandable-button:hover .button-text{opacity:1;display:block}@keyframes honeycomb{0%,20%,80%,to{opacity:0;transform:scale(0)}30%,70%{opacity:1;transform:scale(1)}}.card-loader-overlay{display:flex;justify-content:center;align-items:center;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:#0006}.card-loader-overlay .honeycomb{height:56px;width:56px;position:relative}.card-loader-overlay .honeycomb div{animation:honeycomb 2.1s infinite backwards;background:radial-gradient(91.35% 91.35% at 7.72% 50.3%,#0564a9,#8dcbf7);width:56px;height:56px;position:absolute;clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.card-loader-overlay .honeycomb div:nth-child(1){animation-delay:0s;left:-49px;top:-1px}.card-loader-overlay .honeycomb div:nth-child(2){animation-delay:.2s;left:-26px;top:42px}.card-loader-overlay .honeycomb div:nth-child(3){animation-delay:.4s;left:23px;top:43px}.card-loader-overlay .honeycomb div:nth-child(4){animation-delay:.6s;left:49px;top:1px}.card-loader-overlay .honeycomb div:nth-child(5){animation-delay:.8s;left:25px;top:-42px}.card-loader-overlay .honeycomb div:nth-child(6){animation-delay:.1s;left:-24px;top:-43px}.card-loader-overlay .honeycomb div:nth-child(7){animation:none;left:0;top:0}.form-select-item{position:relative;display:flex;flex-direction:column;min-width:260px;max-width:100%}.form-select-item .input_field{position:relative;background:transparent;font-size:14px;letter-spacing:1.2px;box-shadow:0 2px #078deeb3;background:linear-gradient(0deg,#078dee4d -50%,#0d172700 70%);border-radius:0;border:solid 0px #87909a;transition:all .3s ease;padding:23px 0 8px 10px;color:#fff;cursor:pointer}.form-select-item .input_field:focus{border-bottom-color:#078dee;box-shadow:0 2px 0 -1px #078dee;background:linear-gradient(0deg,#078dee66 -50%,#0d172700 70%);outline:none}.form-select-item .input_field:focus+.input-label,.form-select-item .input_field:valid+.input-label,.form-select-item .input_field:read-only+.input-label{font-size:13px;top:-6px;left:0;letter-spacing:1px;padding:0 6px}.form-select-item .input_field:focus+.input-label+.input-right-close-icon,.form-select-item .input_field:valid+.input-label+.input-right-close-icon{display:block}.form-select-item .input_field:focus+.input-label+.input-right-close-icon+.input-right-icon,.form-select-item .input_field:active+.input-label+.input-right-close-icon+.input-right-icon{transform:rotate(180deg);top:14px}.form-select-item .input_field:focus+.input-label+.input-right-close-icon+.input-right-icon+.select-items,.form-select-item .input_field:active+.input-label+.input-right-close-icon+.input-right-icon+.select-items{display:flex}.form-select-item .input_field:focus+.input-label{color:#078dee}.form-select-item .input_field:focus+.input-label span{color:#ff1313!important}.form-select-item .input_field:focus,.form-select-item .input_field:active,.form-select-item .input_field:valid{outline-color:#078dee;border-color:#078dee}.form-select-item .input_field:disabled,.form-select-item .input_field:disabled+.input-label,.form-select-item .input_field:disabled+.input-label+.input-right-close-icon,.form-select-item .input_field:disabled+.input-label+.input-right-close-icon+.input-right-icon{cursor:not-allowed;opacity:.6;color:#fff}.form-select-item .input_field:disabled+.input-label+.input-right-close-icon+.input-right-icon+.select-items{display:none}.form-select-item .input_field:disabled+.input-label{background:transparent}.form-select-item .input_field.error{border:#ff1313 solid 1px}.form-select-item .input-label{position:absolute;cursor:text;z-index:2;top:13px;letter-spacing:1.2px;left:10px;font-size:14px;white-space:2;color:#fff;transition:all .3s ease;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:240px}.form-select-item .input-label span{color:#ff1313!important}.form-select-item .input-right-icon{position:absolute;top:10px;right:10px;z-index:2;cursor:pointer;transition:all .3s ease}.form-select-item .input-right-close-icon{display:none;position:absolute;top:13px;right:30px;z-index:2;cursor:pointer;transition:all .3s ease}.form-select-item .input-error-message{color:#ff1313}.form-select-item .input-validation-message{color:#696c6f;font-size:14px;margin-top:5px}.form-select-item .input-success-message{color:#2de009}.form-select-item .select-items{display:none;position:absolute;top:45px;max-height:300px;overflow-y:auto;width:100%;flex-direction:column;padding:5px;z-index:9;background:#0e1522ab;background-origin:border-box;background-clip:padding-box,border-box;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 7.9px #078deea1}.form-select-item .select-items .select-item{padding:10px 5px;cursor:pointer;display:flex;gap:10px;align-items:center;font-size:14px}.form-select-item .select-items .select-item.disabled{opacity:.5;cursor:not-allowed}.form-select-item .select-items .select-item.selected{color:#2b64ff}.form-select-item .select-items .select-item:hover{background-color:#0078d41a}.form-select-item .select-items:hover{display:flex;background:#0e1522ab}.tree-input-wrapper{position:relative;display:inline-block;width:100%}.tree-input-wrapper .form-input-item{position:relative;display:flex;flex-direction:column;width:100%}.tree-input-wrapper .form-input-item .input_field{position:relative;flex:1;font-size:14px;letter-spacing:1.2px;border:solid 0px #87909a;border-color:unset;transition:all .2s ease;padding:23px 0 8px 10px;color:#fff;overflow:auto;border-bottom-color:#078dee;box-shadow:0 2px 0 -1px #078dee;background:linear-gradient(0deg,#078dee66 -50%,#0d172700 70%);outline:none}.tree-input-wrapper .form-input-item .input_field:focus,.tree-input-wrapper .form-input-item .input_field.active,.tree-input-wrapper .form-input-item .input_field:active,.tree-input-wrapper .form-input-item .input_field:valid{border-bottom-color:#078dee;box-shadow:0 2px 0 -1px #078dee;background:linear-gradient(0deg,#078dee66 -50%,#0d172700 70%);outline:none}.tree-input-wrapper .form-input-item .input_field:hover{background:linear-gradient(0deg,#078dee4d -40%,#0d172700 60%)}.tree-input-wrapper .form-input-item .input-label{position:absolute;cursor:text;z-index:2;top:13px;letter-spacing:1.5px;left:10px;font-size:14px;white-space:2;color:#fff;transition:all .2s ease}.tree-input-wrapper .form-input-item .input-label.top{top:-8px;color:#fff;padding:0 5px}.tree-input-wrapper .form-input-item .input-label.ar{right:10px}.tree-input-wrapper .form-input-item .input-label span{color:#ff1313!important}.tree-input-wrapper .form-input-item .input-right-icon{position:absolute;top:13px;right:10px;cursor:pointer}.tree-input-wrapper .form-input-item .input-right-icon.ar{right:90%}.tree-input-wrapper .tree-dropdown{position:absolute;width:100%;max-height:230px;min-height:130px;overflow:auto;margin-top:4px;border:none;z-index:1000;background-color:#111824;box-shadow:0 4px 7.9px #078deea1;color:#fff;scrollbar-width:none;-ms-overflow-style:none}.tree-input-wrapper .tree-dropdown .muiltr-1bdpcvu-MuiTreeItem-root .MuiTreeItem-content.Mui-selected{background-color:#1976d21f!important}.tree-input-wrapper .tree-dropdown .muiltr-1hbvpl3-MuiSvgIcon-root,.tree-input-wrapper .tree-dropdown .muiltr-11zohuh-MuiSvgIcon-root{width:.7em;height:.7em}.tree-input-wrapper .tree-dropdown::-webkit-scrollbar{display:none}.export-modal{width:42vw;display:grid;grid-template-columns:50% 50%;gap:10px}.export-modal .left{display:flex;flex-direction:column;gap:20px;padding:0 16px}.upload-field{width:100%}.upload-field .upload-box-wrap{display:flex;flex-direction:column;gap:12px}.upload-field .upload-box-wrap .sub-header{display:flex;justify-content:space-between;align-items:center}.upload-field .upload-box-wrap .sub-header .expandable-button-field .expandable-button{all:unset;width:36px;height:36px;text-align:center;border:none;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #885111;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease-in-out}.upload-field .upload-box-wrap .sub-header .expandable-button-field .expandable-button .button-text{opacity:0;display:none;color:#18212c;font-weight:500;white-space:nowrap;overflow:hidden;transition:opacity .3s ease}.upload-field .upload-box-wrap .sub-header .expandable-button-field .expandable-button .button-text:hover{display:block;opacity:1}.upload-field .upload-box-wrap .sub-header .expandable-button-field .expandable-button .icon-container{margin-bottom:-5px}.upload-field .upload-box-wrap .sub-header .expandable-button-field .expandable-button:hover{width:180px;background-color:#da923f}.upload-field .upload-box-wrap .sub-header .expandable-button-field .expandable-button:hover .download-icon svg path{fill:none}.upload-field .upload-box-wrap .sub-header .expandable-button-field .expandable-button:hover .button-text{opacity:1;display:block}.upload-field .upload-box-wrap .upload-box{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.4705882353);cursor:pointer}.upload-field .upload-box-wrap .upload-box .file-upload{display:flex;flex-direction:column;gap:12px;align-items:center}.upload-field .upload-box-wrap .upload-box .file-label,.upload-field .upload-box-wrap .upload-box .file-label input{display:none}.upload-field .upload-box-wrap .upload-box .uploaded-file-wrap{display:flex;gap:4px;align-items:center}.upload-field .upload-box-wrap .upload-box .uploaded-file-wrap .uploaded-file{background-color:#1100002b;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 0 0}.upload-field .upload-box-wrap .upload-box .uploaded-file-wrap .uploaded-file .uploaded-file-name{display:flex;align-items:center;gap:5px}.upload-field .upload-box-wrap .upload-box .uploaded-file-wrap .uploaded-file .uploaded-file-name .fileName{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.3px}.upload-field .upload-box-wrap .upload-box .uploaded-file-wrap .uploaded-file .progress{width:100%;height:5px;background-color:#078dee}.upload-field .upload-box-wrap .upload-box .uploaded-file-wrap .close{cursor:pointer;transition:all .1s ease-in-out;padding:5px 5px 0}.upload-field .upload-box-wrap .upload-box .multi-file-upload{width:100%;height:100%;padding:12px}.upload-field .upload-box-wrap .upload-box .multi-file-upload .file-list{display:flex;flex-wrap:wrap;gap:12px}.upload-field .upload-box-wrap .upload-box .multi-file-upload .file-list .image-wrapper{width:62px;height:62px;position:relative}.upload-field .upload-box-wrap .upload-box .multi-file-upload .file-list .image-wrapper:hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000078}.upload-field .upload-box-wrap .upload-box .multi-file-upload .file-list .image-wrapper .uploaded-image-preview{width:100%;object-fit:cover;display:block}.upload-field .upload-box-wrap .upload-box .multi-file-upload .file-list .image-wrapper .delete-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;display:none;z-index:2;padding:5px;background:linear-gradient(180deg,#f04438,#8a2720)}.upload-field .upload-box-wrap .upload-box .multi-file-upload .file-list .image-wrapper:hover .delete-icon{display:block}.upload-field .upload-box-wrap .upload-box .multi-file-upload .file-list .add-image{width:52px;height:52px;background-color:#0e152282;display:flex;align-items:center;justify-content:center}.notification{display:flex;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;justify-content:center;align-items:flex-start;visibility:hidden;opacity:0;transition:opacity .5s ease-in-out,transform .3s ease-in-out}.notification.active{visibility:visible;transform:translateY(131px);opacity:1}.notification.bottom{top:auto;bottom:0;transform:translateY(100%)}.notification.bottom.active{transform:translateY(-100px)}.notification .notification-content{display:flex;justify-content:space-between;align-items:center;position:relative;width:370px;min-height:62px;background:#c5ffb9;padding:12px;color:#28a745;box-shadow:0 0 5.5px 1px #28a74540;-webkit-backdrop-filter:blur(94.4px);backdrop-filter:blur(94.4px);border-radius:4px}.notification .notification-content.danger{color:#ff1313;background:#f044381a;box-shadow:0 0 5.5px 1px #f0443840;-webkit-backdrop-filter:blur(94.4000015259px);backdrop-filter:blur(94.4000015259px)}.notification .notification-content.danger .notification-header{color:#f04438!important}.notification .notification-content.danger .notification-header svg{fill:#f04438}.notification .notification-content.danger .error-msg{color:#f04438;font-weight:600}.notification .notification-content.success{background-color:#1c2b26}.notification .notification-content .notification-message{display:flex;align-items:center}.notification .notification-content .notification-message .notification-header svg{width:24px;height:24px;margin-right:8px;fill:#28a745}.notification .notification-content .notification-message .notification-header success-msg,.notification .notification-content .notification-message .notification-header .error-msg{font-size:14px;font-weight:600;color:#28a745}.notification .notification-content .notification-message .notification-text{font-size:14px}.notification .notification-content .notification-message .message-conatiner{display:flex;flex-direction:column;gap:8px}.notification .notification-content .notification-message .message-conatiner .success-msg{font-size:14px;color:#28a745}.notification .notification-content .notification-message .message-conatiner .notification-text{color:#fff;opacity:.74}.notification .notification-content .notification-close{cursor:pointer;display:flex;align-items:center;justify-content:center;padding-left:10px}.notification .notification-content .notification-close svg{width:20px;height:20px}.card{display:flex;flex-direction:column;gap:5px;background-color:#0e1522;padding:16px}.card .card-header{font-weight:600;font-size:16px}.card .card-body{background-color:#0e1522}.card-header{display:flex;justify-content:space-between;align-items:center}.card-title{flex:1}.card-actions{display:flex;gap:8px;align-items:center}.card-action-button{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:12px;color:#666;min-height:32px}.card-action-button:hover{background:#f0f0f0;border-color:#078dee;color:#078dee}.card-action-button:active{transform:translateY(1px)}.card-action-button svg{width:14px;height:14px}.card-action-label{font-weight:500;white-space:nowrap}@media (max-width: 768px){.card-header{flex-wrap:wrap;gap:8px}.card-action-label{display:none}.card-action-button{padding:6px;min-width:32px;justify-content:center}}.card-actions.icon-only .card-action-label{display:none}.card-actions.icon-only .card-action-button{padding:6px;min-width:32px;justify-content:center}.table-list .content-wrapper{overflow:auto;scrollbar-width:none}.table-list .content-wrapper .list .content-card .card-details .new-action-wrapper{display:flex;gap:10px;align-items:center;justify-content:flex-end}.table-list .content-wrapper .list .content-card .card-details .new-action-column{cursor:pointer;padding:3px;display:flex;justify-content:center;align-items:center}.table-list .content-wrapper .list .content-card .card-details .new-action-column:hover{background-color:#f04438}.table-list .content-wrapper .list .content-card .card-details .new-action-column.no-hover:hover{background-color:inherit}.table-list{display:flex;flex-direction:column;gap:24px}.table-list .top{display:flex;justify-content:space-between}.table-list .top .search-input{width:260px}.table-list .top .search-input .input-wrapper{max-width:250px;background-color:#1a2337}.table-list .top .search-input .input-wrapper .input_field{color:#c3d1e0;padding:10px}.table-list .top .right-side-buttons{display:flex;align-items:center}.table-list .top .right-side-buttons .right-side-button{display:flex;gap:25px;align-items:center;color:#c3d1e0}.table-list .top .right-side-buttons .right-side-button .top-actions{display:flex;align-items:center;gap:15px}.table-list .top .right-side-buttons .right-side-button .top-actions .top-action-item{display:flex;align-items:center;gap:7px;cursor:pointer;padding-bottom:5px;position:relative}.table-list .top .right-side-buttons .right-side-button .top-actions .top-action-item:after{content:"";position:absolute;bottom:0;left:50%;right:50%;height:1px;background:linear-gradient(90deg,#078dee00,#078dee,#04518800);transition:all .3s ease-in-out;opacity:0}.table-list .top .right-side-buttons .right-side-button .top-actions .top-action-item:hover:after{left:0;right:0;opacity:1}.table-list .top .right-side-buttons .right-side-button .top-actions .top-action-item span{font-size:14px;color:#fff}.table-list .checkbox-wrap{padding-left:12px}.table-list .content-wrapper{max-height:500px;overflow-y:auto;scrollbar-width:auto}.table-list .content-wrapper .list{display:flex;flex-direction:column;gap:8px}.table-list .content-wrapper .list .content-card{padding:12px;background-color:#1a2337}.table-list .content-wrapper .list .content-card .card-details{display:flex;justify-content:space-between;align-items:center;gap:8px 16px}.table-list .content-wrapper .list .content-card .card-details .card-checkbox{max-width:20px}.table-list .content-wrapper .list .content-card .card-details .detail-item{display:flex;flex-direction:column}.table-list .content-wrapper .list .content-card .card-details .detail-item .detail-value{font-size:14px;font-weight:400;margin-bottom:2px}.table-list .content-wrapper .list .content-card .card-details .detail-item .detail-label{color:#9ca3af;font-size:12px}.table-list .content-wrapper .list .content-card .card-details .action-wrapper{margin-left:auto;display:flex;gap:10px;align-items:center;justify-content:flex-end}.table-list .content-wrapper .list .content-card .card-details .action-column,.table-list .content-wrapper .list .content-card .card-details .export-column{cursor:pointer;padding:3px;display:flex;justify-content:center;align-items:center}.table-list .content-wrapper .list .content-card .card-details .action-column:hover,.table-list .content-wrapper .list .content-card .card-details .export-column:hover{background-color:#f04438}.ip-address-form{display:flex;flex-direction:column;gap:5px;width:100%;box-shadow:0 2px #078deeb3;background:linear-gradient(0deg,#078dee4d -50%,#0d172700 70%);border:solid 0px #87909a}.ip-address-form .input-error-message{color:#ff1313}.ip-address-input-form{position:relative;width:100%;min-height:43px;display:flex;align-items:center}.ip-address-input-form.disabled{border:none}.ip-address-input-form .input_field{position:relative;flex:1;font-size:14px;letter-spacing:1.2px;background:transparent;border-radius:0;transition:all .3s ease;padding:23px 0 8px 10px;color:#fff;width:35px;height:30px;text-align:center;border:none;outline:none;margin:0 2px}.ip-address-input-form .input_field:read-only+.input-label{font-size:13px;top:-6px;letter-spacing:1px;background:#fff;padding:0 6px}.ip-address-input-form .input_field:focus+.input-label,.ip-address-input-form .input_field:not(:placeholder-shown)+.input-label,.ip-address-input-form .input_field:valid+.input-label{font-size:13px;top:-7px;letter-spacing:1px;color:#fff;padding:0 6px}.ip-address-input-form .input_field:focus+.input-label{color:#fff}.ip-address-input-form .input_field:focus+.input-label span{color:#ff1313!important}.ip-address-input-form .input_field:disabled,.ip-address-input-form .input_field:disabled+.input-label,.ip-address-input-form .input_field:disabled+.input-label+.input-right-icon{cursor:not-allowed}.ip-address-input-form .input_field:disabled+.input-label{background:transparent}.ip-address-input-form .input_field:-webkit-autofill{background-color:#f4f7fc!important;-webkit-box-shadow:0 0 0px 1000px #f4f7fc inset!important;transition:background-color 5000s ease-in-out 0s}.ip-address-input-form .input_field:-webkit-autofill:first-line{background-color:#f4f7fc!important;transition:background-color 5000s ease-in-out 0s}.ip-address-input-form .input_field.error{border:#ff1313 solid 1px}.ip-address-input-form .input_field.error+.input-label{color:#ff1313}.ip-address-input-form .ip-dot{font-size:16px;color:#fff}.ip-address-input-form:hover{background:linear-gradient(0deg,#078dee4d -40%,#0d172700 60%)}.ip-address-input-form .input-label{position:absolute;cursor:text;z-index:2;top:13px;letter-spacing:1.5px;left:10px;font-size:14px;white-space:2;color:#696c6f;transition:all .3s ease}.ip-address-input-form .input-label.ar{right:10px}.ip-address-input-form .input-label span{color:#ff1313!important}.ip-address-input-form .input-right-icon{position:absolute;top:13px;right:10px;cursor:pointer}.ip-address-input-form .input-right-icon.ar{right:90%}.ip-address-input-form .input-validation-message{color:#696c6f;font-size:14px}.ip-address-input-form .input-success-message{color:#2de009}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=password]{font-weight:700;font-size:14px}.time-input-field{display:flex;width:100%;position:relative;flex:1;font-size:14px;letter-spacing:1.2px;box-shadow:0 2px #078deeb3;background:linear-gradient(0deg,#078dee4d -50%,#0d172700 70%);border-radius:0;border:solid 0px #87909a;transition:all .3s ease}.time-input-field .input_field{border:none;width:65px;padding:5px 0 5px 5px;background-color:transparent;color:#fff}.time-input-field .input_field:focus,.time-input-field .input_field:active,.time-input-field .input_field:valid{outline:none;border:none}@-webkit-keyframes loading-keys-app-loading{0%,80%,to{opacity:.75;box-shadow:0 0 #586675;height:32px;background:#586675}40%{opacity:1;box-shadow:0 -8px #fff;height:40px;background:#fff}}@keyframes loading-keys-app-loading{0%,80%,to{opacity:.75;box-shadow:0 0 #586675;height:32px;background:#586675}40%{opacity:1;box-shadow:0 -8px #fff;height:40px;background:#fff}}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);z-index:999;pointer-events:auto;display:flex;justify-content:center;align-items:center}.loader .loader-content{position:relative}.loader .loader-content .btn-wrap{position:absolute;top:0;left:0;transform:translate(-50%,50px);display:flex;flex-direction:column;align-items:center}.jimu-primary-loading{background:#586675;-webkit-animation:loading-keys-app-loading .8s infinite ease-in-out;animation:loading-keys-app-loading .8s infinite ease-in-out;width:13.6px;height:32px;text-indent:-9999em;margin:auto;position:absolute;right:calc(50% - 6.8px);top:calc(50% - 16px);-webkit-animation-delay:.16s!important;animation-delay:.16s!important}.jimu-primary-loading:before{position:absolute;top:0;content:"";left:-19.992px;background:#586675;-webkit-animation:loading-keys-app-loading .8s infinite ease-in-out;animation:loading-keys-app-loading .8s infinite ease-in-out;width:13.6px;height:32px}.jimu-primary-loading:after{position:absolute;top:0;content:"";left:19.992px;-webkit-animation-delay:.32s!important;animation-delay:.32s!important;background:#586675;-webkit-animation:loading-keys-app-loading .8s infinite ease-in-out;animation:loading-keys-app-loading .8s infinite ease-in-out;width:13.6px;height:32px}.card-status{width:100%;border:none;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);font-size:14px}.card-status .card-head-title{font-size:14px;color:#078dee;padding:12px;font-weight:600}.card-status .card-body{padding:5px 10px 10px;display:flex;flex-direction:column;gap:8px}.card-status .card-body .body-wrap{display:flex;justify-content:space-between}.card-status .card-body .body-wrap .left-side,.card-status .card-body .body-wrap .right-side{display:flex;flex-direction:column;gap:8px}.card-status .card-body .body-wrap .content-row{display:flex;flex-direction:column}.card-status .card-body .body-wrap .content-row .data-value{font-weight:500}.card-status .card-body .body-wrap .content-row .label{opacity:74%;font-size:12px}.card-status .card-footer{padding:4px 10px 10px}.card-status .card-footer span{color:#078dee;font-weight:500;font-size:12px;cursor:pointer}.tab-switch{display:flex;position:relative;background:#0e1522;overflow:hidden;width:180px;height:24px}.tab-switch .tab-btn{flex:1;background:transparent;border:none;color:#fff;opacity:47%;font-size:14px;font-weight:500;cursor:pointer;z-index:2;transition:color .3s ease}.tab-switch .tab-btn.active{opacity:100%}.tab-switch .tab-indicator{position:absolute;top:0;left:0;--tab-count: 3;width:calc(100% / var(--tab-count));height:100%;background:#078dee;z-index:1;transition:transform .3s ease}.tab-switch .tab-indicator.ar{right:0}.person-container{display:flex;flex-direction:column;gap:20px;padding:0 10px 10px;overflow-y:auto;overflow-x:hidden}.person-container .department-tree{display:grid;grid-template-columns:18% 80%;gap:8px}.person-container .department-tree .department-tree-title-wrapper{display:flex;justify-content:space-between;margin-left:5px;width:100%}.add-person{display:flex;flex-direction:column;gap:20px}.add-person .form{display:flex;flex-direction:column}.add-person .form .page-header{padding:16px;font-weight:700;font-size:16px}.add-person .form .form-section{display:flex;flex-direction:column;gap:8px}.add-person .form .form-section .item{height:max-content}.add-person .form .form-section .top-section{background-color:#0c111c}.add-person .form .form-section .top-section .personal-form-wrap{display:flex;flex-direction:column;gap:20px;width:85vw;padding:16px}.add-person .form .form-section .top-section .personal-form-wrap .section-header{font-weight:600;font-size:14px;margin-bottom:10px}.add-person .form .form-section .top-section .personal-form-wrap .personal-form{display:flex;flex-direction:column;gap:24px}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .image-view{background:linear-gradient(360deg,#078dee54,#506e9200),linear-gradient(360deg,#0000,#078dee54);position:relative;height:120px;display:flex;justify-content:center}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .image-view .close-icon{position:absolute;right:10px;top:10px;cursor:pointer}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box{position:relative;width:260px;height:120px;background:linear-gradient(360deg,#078dee54,#506e9200),linear-gradient(360deg,#0000,#078dee54);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .user-icon{margin-bottom:5px}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .no-photo-text{color:#fff;font-size:14px;margin-top:5px}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .default-content{display:flex;flex-direction:column;align-items:center;text-align:center;transition:opacity .3s ease-in-out;opacity:1}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .default-content.hidden{opacity:0;pointer-events:none}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(0deg,#078dee -114.91%,#0d17278a);border-bottom:1px solid #078dee;opacity:0;transition:opacity .3s ease-in-out}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .overlay.visible{opacity:1}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .overlay .file-upload{display:none}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .gallery-icon,.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .camera-icon{opacity:0;transform:translate(-40px);transition:all .3s ease-in-out .1s;padding:5px 5px 3px;cursor:pointer}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .gallery-icon.open,.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .camera-icon.open{opacity:1;transform:translate(0)}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .gallery-icon:hover,.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .camera-icon:hover{background-color:#ffffff68}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .camera-icon{transform:translate(40px);transition:all .3s ease-in-out .1s}.add-person .form .form-section .top-section .personal-form-wrap .personal-form .photo-upload-box-wrap .photo-upload-box .camera-icon.open{opacity:1;transform:translate(0)}.add-person .form .form-section .top-section .personal-form-wrap .contact-form .d-flex .d-flex{gap:8px}.add-person .form .form-section .top-section .personal-form-wrap .professional-form .row-2{margin-top:20px}.add-person .form .form-section .top-section .personal-form-wrap .security-details .bio-type{display:flex;flex-direction:column;gap:5px}.add-person .form .form-section .top-section .personal-form-wrap .security-details .bio-type .bio-metric-type-icon{cursor:pointer}.add-person .form .form-section .bottom-section{padding:16px 16px 0;display:flex;flex-direction:column;gap:24px;background-color:#0c111c}.add-person .form .form-section .bottom-section .page-header{padding:0}.add-person .form .form-section .bottom-section .tab-pages{overflow:visible}.add-person .form .form-section .form-buttons{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 16px}.add-person .form .form-section .form-buttons .form-bottom-buttons{margin:0}.add-person .card-number-modal{width:70vw;padding:10px}.camera-modal-page{min-width:40vw}.camera-modal-page .statistics-page{display:flex;flex-direction:column;gap:20px;align-items:center}.camera-modal-page .statistics-page .web-cam{display:flex;flex-direction:column!important}.camera-modal-page .statistics-page .item .card .card-header .card-title{font-weight:500}.camera-modal-page .statistics-page .item .card .card-header .card-title .sub-title{color:#fff}.camera-modal-page .statistics-page .item .types-list{display:flex;flex-direction:column;gap:10px}.camera-modal-page .statistics-page .item .types-list .items{display:flex;justify-content:space-between}.camera-modal-page .statistics-page .item .types-list .items .title{font-size:16px}.camera-modal-page .statistics-page .item .types-list .items .value{color:#87909a}.camera-modal-page .statistics-page .item .types-list .items .value.width-full{flex:1}.camera-modal-page .statistics-page .item .types-list .items .value.width-full-right{flex:1;text-align:right}.camera-modal-page .statistics-page .row{display:flex;flex-direction:row;width:300px;height:300px}.camera-modal-page .statistics-page .row img{width:100%}.camera-modal-page .statistics-page .row .downloaddriver .devWarningColor{color:#078dee}.camera-modal-page .statistics-page .row .downloaddriver .devWarningColor a.devWarningColor{color:#fff;text-decoration:underline}.print-card-page{width:1130.9px;border-radius:4px;box-shadow:0 4px 20px #00000026;color:#fff}.print-card-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #444}.print-card-page .modal-header h2{margin:0;font-size:18px;font-weight:600;color:#fff}.print-card-page .modal-header .close-button{background:none;border:none;font-size:22px;color:#fff;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.print-card-page .statistics-page{display:grid;grid-template-columns:40% 60%;padding:20px;gap:20px;color:#fff}.print-card-page .statistics-page .card-preview-section{background:#0e152278;padding:20px;border-radius:4px;position:relative}.print-card-page .statistics-page .card-preview-section:before,.print-card-page .statistics-page .card-preview-section:after{content:"";position:absolute;top:0;width:1px;height:100%;background:linear-gradient(to bottom,#7b8fa400,#fff,#a5bfdb00)}.print-card-page .statistics-page .card-preview-section:before{left:0}.print-card-page .statistics-page .card-preview-section:after{right:0}.print-card-page .statistics-page .card-preview-section .tab-navigation{display:flex;margin-bottom:15px}.print-card-page .statistics-page .card-preview-section .tab-navigation .tab-button{flex:1;background:#1a2234;border:none;padding:10px;font-size:14px;color:#fff;font-weight:500;cursor:pointer;transition:background-color .2s ease}.print-card-page .statistics-page .card-preview-section .tab-navigation .tab-button.active{background:#0078d4;color:#fff}.print-card-page .statistics-page .card-preview-section .card-images{display:flex;justify-content:center;height:360px;border-radius:4px;overflow:hidden}.print-card-page .statistics-page .card-preview-section .card-images .image{width:230px;height:360px;background-color:#00467f;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 12px #00000026}.print-card-page .statistics-page .card-preview-section .card-images .image img{width:100%;height:100%;object-fit:contain}.print-card-page .statistics-page .card-options-section{padding:20px;border-radius:4px}.print-card-page .statistics-page .card-options-section .row{display:flex;flex-direction:row;gap:15px;margin-bottom:20px}.print-card-page .statistics-page .card-options-section .form-field{display:flex;flex-direction:column;gap:8px}.print-card-page .statistics-page .card-options-section .form-field label{font-size:14px;font-weight:500;color:#fff}.print-card-page .statistics-page .card-options-section .form-field select{width:100%;padding:8px 12px;border:1px solid #444;border-radius:4px;font-size:14px;color:#fff;background-color:#333}.print-card-page .statistics-page .card-options-section .radio-group{display:flex;gap:20px}.print-card-page .statistics-page .card-options-section .radio-group .radio-label{display:flex;align-items:center;gap:8px;cursor:pointer}.print-card-page .statistics-page .card-options-section .swap-tbl-container{margin-top:20px;border-radius:4px;overflow:hidden}.print-card-page .statistics-page .card-options-section .swap-tbl-container table{width:100%;border-collapse:collapse}.print-card-page .statistics-page .card-options-section .swap-tbl-container th,.print-card-page .statistics-page .card-options-section .swap-tbl-container td{padding:10px 20px 10px 15px;text-align:left;font-size:14px}.print-card-page .statistics-page .card-options-section .swap-tbl-container th{background-color:#333;font-weight:500}.print-card-page .statistics-page .card-options-section .swap-tbl-container td:last-child,.print-card-page .statistics-page .card-options-section .swap-tbl-container th:last-child{padding-right:15px;text-align:center}.print-card-page .statistics-page .card-options-section .swap-tbl-container .status-waiting{color:#f59e0b;font-weight:500}.print-card-page .statistics-page .card-options-section .card-template,.print-card-page .print-button{display:flex;flex-direction:row;gap:24px}.print-card-page .switch-tab-page .tab-modal-content{display:flex;flex-direction:column}.print-card-page .switch-tab-page .tab-list-items{display:flex;margin-bottom:15px;padding:0;list-style:none;position:relative}.print-card-page .switch-tab-page .tab-highlight{position:absolute;top:6px;bottom:6px;background:linear-gradient(#007bff,#2694f8);z-index:0}.print-card-page .switch-tab-page .tab-item{flex:1;border:none;padding:10px;font-size:14px;color:#fff;font-weight:500;cursor:pointer;transition:background-color .2s ease;text-align:center;list-style:none}.print-card-page .switch-tab-page .tab-item.active{color:#fff}.print-card-page .switch-tab-page .tab-body{flex:1}@media (max-width: 768px){.modal-page{min-width:100%}.statistics-page{grid-template-columns:1fr}.card-images{flex-direction:column;height:auto}.image{width:100%}}.flex-row{display:flex;align-items:center;gap:12px}.access-control{display:grid;grid-template-columns:30% auto;gap:15px}.access-control .box-1,.access-control .box-2{padding:10px;background-color:#141c2f}.access-control .box-1 .form-wrapper{display:flex;flex-direction:column;gap:20px}.access-control .box-1 .form-wrapper .time-wrap .text-danger{color:#ff1313}.change-department{display:flex;gap:15px}.change-department .selected-item-wrap{flex:1;display:flex;flex-direction:column;gap:10px;height:100%}.change-department .selected-item-wrap .header{display:flex;align-items:center;justify-content:space-between}.change-department .selected-item-wrap .header p{text-align:center;font-weight:600;font-size:15px}.change-department .selected-item-wrap .selected-items{display:flex;flex-direction:column;max-height:200px;overflow-y:auto}.change-department .selected-item-wrap .selected-items .item{padding:10px 5px}.change-department .selected-item-wrap .selected-items .item.even{background-color:#0e1522}.change-department .d-flex{flex:1}.add-department{display:flex;flex-direction:column}.add-department .add-department-form{padding:16px}.add-department .add-department-form .dep-container{display:flex;flex-direction:row;gap:24px;padding-bottom:30px}.add-department .add-department-form .dep-container .col{width:260px;height:36px}.add-department .add-department-form .sub-container{display:flex;flex-direction:row;gap:24px;padding-bottom:25px}.add-department .add-department-form .sub-container .col{width:260px;height:36px}.add-department .department-buttons{display:flex;justify-content:space-between;align-items:center}.add-department .department-buttons{display:flex;align-items:center}.add-department .department-buttons.add-mode{justify-content:space-between;padding-left:15px}.add-department .department-buttons.edit-mode{justify-content:center}.add-department .department-buttons .form-buttons{display:flex;align-items:center;justify-content:center;gap:24px}.add-department .department-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:45px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-left:15px}.export-container{display:flex;flex-direction:row;justify-content:space-between;gap:24px;width:100%}.export-container .left{flex:1}.export-container .right{flex:1;padding-right:24px}.export-container .position-inputs{display:flex;flex-direction:row;gap:24px;margin-top:16px}.export-container .position-inputs .start-position,.export-container .position-inputs .end-position{flex:1}.export-container input,.export-container select{width:100%;box-sizing:border-box}.add-position{display:flex;flex-direction:column}.add-position .add-position-form{padding:16px}.add-position .add-position-form .position-container{display:flex;flex-direction:row;gap:24px;padding-bottom:30px}.add-position .add-position-form .position-container .col{width:260px;height:36px}.add-position .add-position-form .sub-container{display:flex;flex-direction:row;gap:24px;padding-bottom:25px}.add-position .add-position-form .sub-container .col{width:260px;height:36px}.add-position .form-position-buttons{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:20px}.add-position .form-position-buttons .form-buttons{display:flex;align-items:center;gap:24px}.add-position .dep-content{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:45px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-left:15px}.export-container{gap:24px}.export-buttons{display:flex;justify-content:center;margin-top:32px}.position-container .pos-content{display:flex;align-items:center;gap:12px;font-size:14px;color:#f04438;opacity:.74;margin-bottom:20px;padding:8px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-top:16px}.statistics{width:55vw;display:flex;flex-direction:column;gap:20px}.statistics .top{width:50%}.statistics .statistics-items-wrap .statistics-items{display:grid;grid-template-columns:repeat(4,1fr);row-gap:10px}.statistics .statistics-items-wrap .statistics-items .item{width:125px}.statistics .statistics-items-wrap .statistics-items .item .value{font-size:24px}.statistics .statistics-items-wrap .statistics-items .item .label{margin-top:10px;font-size:14px;color:#fff;opacity:47%}.import-personnel{width:42vw;padding:0 15px}.import-personnel-photo{width:42vw;display:flex;flex-direction:column;gap:24px;padding:6px}.import-personnel-photo .top-section{display:flex;gap:10px;flex-grow:1 1 0%}.import-personnel-photo .top-section .item{display:flex;flex-direction:column;gap:10px}.import-personnel-photo .top-section>*{flex:1 1 0%}.import-personnel-photo .item{display:flex;flex-direction:column;gap:16px}.import-personnel-photo .item .logs-table{display:flex;gap:24px}.import-personnel-photo .item .logs-table .box{width:100%;height:292px;overflow:auto;background-color:#121a2d;padding:12px}.import-personnel-photo .item .logs-table .box .header{padding-bottom:8px;text-align:center;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,#fff0,#fff,#9990);border-image-slice:1;font-weight:500}.add-dismissel .add-dismissel-form{padding:10px}.add-dismissel .add-dismissel-form .flex{display:flex;flex-wrap:wrap;gap:10px 20px}.add-dismissel .add-dismissel-form .flex .col{flex-grow:1;height:auto;flex-basis:250px}.add-dismissel .add-department-buttons{padding:10px}.review-personnel .review-personnel-form .row-3{grid-template-columns:15% 40% 27%;padding-right:22px;gap:24px}.review-personnel .review-personnel-form .row-3 .full-size{grid-column:1;gap:5px;grid-row:1/span 4}.review-personnel .review-personnel-form .row-3 .full-size .image-view{width:84px;height:84px}.review-personnel .review-personnel-form .row-3 .full-size .image-view .profile-image{width:80px;height:80px}.review-personnel .review-personnel-form .row-3 .full-size .name{width:46;height:10;opacity:.37;display:flex;justify-content:center}.review-personnel .review-personnel-form .grid-row-3{display:grid;grid-template-columns:10% 40% 40%}.review-personnel .review-buttons{display:flex;justify-content:center;margin-top:32px;gap:24px}.review-personnel .card-number-modal{width:50vw;padding:10px}.view-personnel .view-personnel-form .row-3{grid-template-columns:15% 40% 27%;padding-right:22px;gap:24px}.view-personnel .view-personnel-form .row-3 .full-size{grid-column:1;gap:5px;grid-row:1/span 4}.view-personnel .view-personnel-form .row-3 .full-size .image-view{width:84px;height:84px}.view-personnel .view-personnel-form .row-3 .full-size .image-view .profile-image{width:80px;height:80px}.view-personnel .view-personnel-form .row-3 .full-size .name{width:46;height:10;opacity:.37;display:flex;justify-content:center}@media screen and (max-width: 1190px){.view-personnel .view-personnel-form .row .full-size{grid-column:2;grid-row:1/span 3}}@media screen and (max-width: 710px){.view-personnel .view-personnel-form .row .full-size{grid-column:1;grid-row:1/span 2}}.export-personnel{width:55vw;display:flex;flex-direction:column;gap:20px;padding:6px;height:calc(100vh - 100px);overflow:auto}.export-personnel .row:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#7b8fa400,#fff,#a5bfdb00)}.export-personnel .basic-information{display:flex;flex-direction:column;gap:12px;padding:6px 0}.export-personnel .basic-information .select-all{padding:0 12px;width:max-content}.export-personnel .basic-information .columns-wrapper{display:grid;grid-template-columns:1fr 1fr}.export-personnel .basic-information .columns-wrapper .columns-items .column-item,.export-personnel .basic-information .columns-wrapper .columns-items .column-item-2{padding:6px 12px}.export-personnel .basic-information .columns-wrapper .columns-items .column-item:nth-child(2n){background-color:#0e1522}.export-personnel .basic-information .columns-wrapper .columns-items .column-item-2:nth-child(odd){background-color:#0e1522}.search-modal-container{width:65vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.search-modal-container .search-modal{height:20vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.search-modal-container .search-modal .search-button-wrap{display:flex;flex-direction:column;gap:12px;align-items:center}.search-modal-container .search-modal .search-button-wrap p{font-weight:600}.search-modal-container .search-modal .search-button-wrap .download-search-tool{display:flex;gap:8px}.search-device-container{max-width:80vw;display:flex;flex-direction:column;gap:20px;overflow:auto}.search-device-container .row{display:flex;justify-content:flex-end}.search-device-container .row .search-wrapper{display:flex;align-items:center;gap:15px}.search-device-container .row .search-wrapper .search-result .count-label{font-size:13px;opacity:75%}.search-device-container .row .search-wrapper .search-result .count{opacity:100%;font-weight:500}.search-device-container .device-table{max-height:430px;overflow-y:auto}.search-device-container .form-bottom-buttons{margin:0}.search-add-device .form-bottom-buttons{margin-top:20px}.add-device{min-width:58vw;width:60vw}.add-device .grid-row{display:grid;grid-template-columns:66% 28%;column-gap:10px}.add-device .grid-row .col-8{display:flex;flex-direction:column;gap:33px}.add-device .single-row{display:grid;align-items:start;grid-template-columns:1fr 1fr;gap:10px}.add-device .single-row .input-error-message{margin:0}.add-device .single-row .radio-form-item .radio-group-list.column{flex-direction:row}.add-device .single-row .radio-form-item .radio-group-list .radio-field .radio-title{color:#696c6f}.add-device .d-grid{row-gap:24px;column-gap:10px}.upgrade-firmware{width:36vw;display:flex;flex-direction:column;gap:12px;padding:0 6px}.upgrade-firmware .offline-status .msg-title{font-size:14px;font-weight:500}.upgrade-firmware .offline-status .dev-name{margin-top:5px;font-size:13px;opacity:74%}.upgrade-firmware .op-log-box-wrapper{padding-top:15px;gap:12px}.upgrade-firmware .op-log-box-wrapper .response-box{padding:10px;height:150px;max-height:150px;overflow:auto;background-color:#141c2f;width:100%}.device-popup{width:45w;padding:10px}.device-popup .row{display:flex;flex-direction:column}.device-popup .row .column-1{display:flex;flex-direction:column;gap:15px}.device-popup .row .column-1 .checkbox-wrapper{display:flex;gap:10px}.device-popup .row .column-1 .checkbox-wrapper .button-field .btn{text-wrap:nowrap;padding:5px 15px}.device-popup .row .column-1 .title{font-size:14px}.device-popup .row .column-1 .box{padding:10px;height:150px;max-height:150px;overflow:auto;border:.75px solid #696c6f;border-radius:8px;display:flex;flex-direction:column;gap:10px}.device-popup .row .column-1 .box .message{font-size:14px;font-weight:500}.device-popup .row .column-1 .box .msg-title text-danger{color:#ff1313;font-weight:500;font-size:14px}.device-popup .row .column-1 .box .select-device-wrapper{display:flex;align-items:center;gap:5px}.device-popup .row .column-1 .box .select-device-wrapper .active-name{font-size:13px;font-weight:500;color:#078dee}.device-popup .row .column-1 .box.box-1{max-height:20vh;overflow:scroll}.device-popup .row .column-1 .box .success-wrapper p{font-size:14px;margin-bottom:5px}.device-popup .row .column-1 .time-input{display:flex;gap:10px;width:75%}.device-popup .row .column-1 .open-interval{display:flex;flex-direction:column;gap:13px;padding-bottom:20px}.device-popup .row .column-1 .open-interval .seconds{font-size:14px;text-wrap:nowrap}.device-popup .row .column-1 .verification-options{display:flex;flex-direction:column;gap:10px}.device-popup .row .column-1 .verification-options h4{font-weight:500}.device-popup .row .column-1 .verification-options .input-row{display:flex;gap:20px}.device-popup .row .column-1 .verification-options .input-row .form-select-item .input_field:disabled{border:none;background-color:#e3e6e8}.device-popup .row .column-1 .verification-options .input-row .form-select-item .input_field:read-only+.input-label{color:#292d31;background-color:transparent}.device-popup .row .column-1 .upgrading-content{display:flex;justify-content:space-between;gap:10px}.device-popup .row .column-1 .upgrading-content .right{display:flex;align-items:center;gap:5px}.device-popup .row .column-1 .upgrading-content .right .search-loader{display:flex;gap:15px;align-items:center}.device-popup .row .column-1 .upgrading-content .right .search-loader .count{font-size:14px;color:#078dee;font-weight:500}.device-popup .row .column-1 .upgrading-content .button-field .btn{padding:5px 15px}.device-popup .row .column-new{width:60%}.synchronize-all-data{width:36vw;display:flex;flex-direction:column;gap:12px;padding:0 6px}.synchronize-all-data.expand{width:69vw}.synchronize-all-data .offline-status .msg-title{font-size:14px;font-weight:500}.synchronize-all-data .offline-status .dev-name{margin-top:5px;font-size:13px;opacity:74%}.synchronize-all-data .d-grid{position:relative}.synchronize-all-data .table-wrap{max-height:330px;overflow-y:auto}.synchronize-all-data .table-wrap:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100%;z-index:-1;background:linear-gradient(to bottom,#fff0,#fff,#9990)}.synchronize-all-data .checkbox-wrap{max-height:330px;overflow-y:auto;overflow-x:hidden}.synchronize-all-data .checkbox-wrap .title{margin-bottom:15px}.synchronize-all-data .checkbox-wrap .single-checkbox{padding:12px;background-color:#0e1522}.synchronize-all-data .checkbox-wrap .column-item{padding:8px 12px}.synchronize-all-data .checkbox-wrap .column-item:nth-child(2n){background-color:#0e152282}.synchronize-all-data .op-log-box-wrapper{padding-top:15px;gap:12px}.synchronize-all-data .op-log-box-wrapper .response-box{padding:10px;height:150px;max-height:150px;overflow:auto;background-color:#141c2f;width:100%}.synchronize-prompt{text-align:left}.synchronize-prompt .message-text{display:flex;flex-direction:column;gap:20px;font-weight:500}.synchronize-prompt .check-wrapper{display:flex;gap:10px;align-items:center}.replace-device{width:35vw}.bg-verify .btn-wrap{display:flex;justify-content:end}.dev-timezone .d-flex{position:relative}.dev-timezone .table-wrap{width:47%}.dev-timezone .table-wrap:after{left:48%}.dev-timezone .zone-select-box{width:49%}.dev-timezone .zone-select-box .title{margin-bottom:20px}.dev-timezone .zone-select-box .btn-wrap{display:flex;justify-content:end}.extended-parameters{width:45vw;display:flex;flex-direction:column;gap:24px}.extended-parameters .switch-btn-wrap{display:flex;flex-direction:column;gap:15px}.extended-parameters .switch-button{gap:0}.extended-parameters .form-bottom-buttons{margin:0}.get-personnel-information{width:36vw;display:flex;flex-direction:column;gap:12px;padding:0 6px}.get-personnel-information.expand{width:55vw}.get-personnel-information .offline-status .msg-title{font-size:14px;font-weight:500}.get-personnel-information .offline-status .dev-name{margin-top:5px;font-size:13px;opacity:74%}.get-personnel-information .table-wrapper{display:flex;flex-direction:column;gap:16px}.get-personnel-information .table-wrapper .table-row{display:flex;flex-direction:column;gap:10px}.get-personnel-information .table-wrapper .bottom-wrap{display:grid;grid-template-columns:80% 20%}.get-personnel-information .op-log-box-wrapper{padding-top:15px;gap:12px}.get-personnel-information .op-log-box-wrapper .response-box{padding:10px;height:150px;max-height:150px;overflow:auto;background-color:#141c2f;width:100%}.get-transaction .bottom-section-wrap{display:flex;flex-direction:column;gap:20px}.get-transaction .bottom-section-wrap .bottom-section{display:flex;align-items:center;justify-content:space-between}.get-transaction .bottom-section-wrap .bottom-section .input-wrap{display:flex;gap:24px}.get-transaction .bottom-section-wrap .time-input{width:50%;display:flex;gap:10px}.view-rules-devices{width:66vw;display:flex;flex-direction:column;gap:32px}.view-rules-devices .top-section{display:grid;grid-template-columns:1fr 1fr;position:relative}.view-rules-devices .top-section:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100%;z-index:-1;background:linear-gradient(to bottom,#fff0,#fff,#9990)}.view-rules-devices .top-section .item{display:flex;flex-direction:column;gap:20px;padding:15px}.view-rules-devices .top-section .item .box-section{display:flex;flex-direction:column;gap:12px}.view-rules-devices .top-section .item .box-section .box{padding:10px;height:150px;max-height:150px;overflow:auto;background-color:#141c2f;width:100%}.view-rules-devices .top-section .item .box-section .message{opacity:47%}.view-device-capacity{width:86vw;display:flex;flex-direction:column;gap:20px}.view-device-capacity .fetch{min-width:max-content;display:flex;gap:10px;cursor:pointer;transition:all .3s ease-in-out}.view-device-capacity .fetch.disabled{cursor:not-allowed;opacity:.6}.view-device-capacity .fetch:hover svg path{stroke:#078dee}.view-device-capacity .fetch:hover .title{color:#078dee}.view-device-capacity .fetch .title{display:inline-block;transition:transform .3s ease,opacity .3s ease}.view-device-capacity .fetch .title.hide{opacity:0;display:none;transform:translate(20px);pointer-events:none}.view-device-capacity .fetch .reload-icon .reload-parts{transform-origin:center;transform-box:fill-box;transition:transform .3s ease}.view-device-capacity .fetch .reload-icon.loading .reload-parts{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.view-device-capacity .card-ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(416px,1fr));gap:20px;max-height:430px;overflow:auto}.view-device-capacity .card-ul .card-li .card-header .d-flex{width:100%}.view-device-capacity .card-ul .card-li .card-header .sub-header{font-size:12px;color:#c3d1e0;margin-bottom:10px}.view-device-capacity .card-ul .card-li .card-header .fetch-icon{display:flex;gap:8px;font-weight:400;cursor:pointer}.view-device-capacity .card-ul .card-li .card-header .fetch-icon.disabled{cursor:not-allowed;opacity:.6}.view-device-capacity .card-ul .card-li .card-content{margin-top:24px}.view-device-capacity .card-ul .card-li .card-content .row-1{display:flex;gap:24px}.view-device-capacity .card-ul .card-li .card-content .row-1 .row-item{width:120px;display:flex;flex-direction:column;gap:12px}.view-device-capacity .card-ul .card-li .card-content .row-1 .row-item .qty{display:flex;justify-content:space-between}.view-device-capacity .card-ul .card-li .card-content .row-1 .row-item .verify-name{color:#c3d1e0;font-size:12px}.add-custom-attributes{width:40vw;display:flex;flex-direction:column;gap:20px}.add-custom-attributes .attr-value{display:flex;flex-direction:column;gap:12px}.add-custom-attributes .person-list-wrap{display:flex;justify-content:flex-end}.library-table-container{display:flex;gap:10px}.library-table-container.selected .card{flex:1 1 67%}.library-table-container.selected .table-2{flex:1 1 32%;opacity:1;transform:translate(0)}.library-table-container .card{flex:1 1 100%;transition:flex .3s ease-in-out}.library-table-container .card .card-body .render-top-toolbar{background-color:#0e1522}.library-table-container .table-2{flex:0 0 0%;opacity:0;transform:translate(20px);overflow:hidden;transition:flex .3s ease-in-out,opacity .3s ease,transform .3s ease}.library-add-personnel{width:60vw;display:flex;flex-direction:column;gap:20px}.pers-parameters{display:flex;flex-direction:column}.pers-parameters .card-box{display:flex;flex-direction:column;gap:24px;padding:16px;background-color:#101625}.pers-parameters .card-box .card-title{font-size:17px;font-weight:700}.pers-parameters .card-box .card-body{display:flex;flex-direction:column;gap:20px}.pers-parameters .card-box .card-body .qrcode-wrap{display:flex;flex-direction:column;gap:5px}.pers-parameters .card-box .card-body .qrcode-wrap .qrcode{width:150px}.pers-parameters .params-wrap{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pers-parameters .params-wrap .card-box-wrap{display:flex;flex-direction:column;gap:8px}.pers-parameters .params-wrap .card-box-wrap .flex-rows{display:flex;gap:8px}.pers-parameters .params-wrap .card-box-wrap .flex-rows .button-field{display:flex;align-items:end}.pers-parameters .params-wrap .card-box-wrap .flex-rows .button-field .btn{padding:3px 10px;min-width:max-content;height:25px}.pers-parameters .params-wrap .card-box-wrap .card-print-row{display:flex;flex-direction:column;gap:10px}.pers-parameters .params-wrap .card-box-wrap .card-print-row .label{font-weight:500;font-size:14px}.arrow-container{display:flex;flex-direction:row;align-items:center;gap:5px}.arrow-container .downarrow{transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.arrow-container .downarrow.collapsed{transform:rotate(-90deg)}.arrow-container .downarrow.expanded{transform:rotate(0)}.arrow-container .right-icon{display:flex;align-items:center;justify-content:center}.leaf-node:hover span{color:#078dee}.leaf-node:hover svg path{stroke:#078dee}.batch-issue-card{padding:30px 7px 0}.batch-issue-card .batch-issue-card-form{display:flex;flex-direction:column}.batch-issue-card .batch-issue-card-form .row-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.batch-issue-card .batch-issue-card-form .row-form .radio-button-wrapper{display:flex;justify-content:center;padding:0 15px 5px;border-radius:4px;z-index:2;margin-top:-60px}.batch-issue-card .batch-issue-card-form .row-form .radio-button-wrapper .radio-group{display:flex;gap:20px;align-items:center}.batch-issue-card .batch-issue-card-form .row-form .radio-button-wrapper .radio-group label{color:#fff;margin-left:5px}.batch-issue-card .batch-issue-card-form .row-form .input-button-group{display:flex;flex-direction:row;align-items:flex-end;gap:20px;margin-top:-5px}.batch-issue-card .batch-issue-card-form .row-form .input-button-group .col.input-card-number{flex:1;max-width:300px}.batch-issue-card .batch-issue-card-form .row-form .input-button-group .col-text{flex-shrink:0}.batch-issue-card .batch-issue-card-form .row-form .input-button-row{display:flex;align-items:center;gap:20px;width:100%}.batch-issue-card .batch-issue-card-form .row-form .input-button-row .input-card-number{flex:1;max-width:300px}.batch-issue-card .batch-issue-card-form .row-form .input-button-row .input-card-number .input-field-container,.batch-issue-card .batch-issue-card-form .row-form .input-button-row .input-card-number .input-field-container input{width:100%}.batch-issue-card .batch-issue-card-form .row-form .input-button-row .issue-button{flex-shrink:0;margin-top:24px}.batch-issue-card .batch-issue-card-form .row{display:flex;flex-direction:row;padding:24px 0 20px;gap:10px;margin-top:10px}.batch-issue-card .batch-issue-card-form .row .col{flex:1;overflow-y:auto;height:300px;scrollbar-width:none;-ms-overflow-style:none}.batch-issue-card .batch-issue-card-form .row .col::-webkit-scrollbar{display:none}.batch-issue-card .batch-issue-card-form .row .col .header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}.batch-issue-card .batch-issue-card-form .row .col .header h1{white-space:nowrap;margin-right:10px;flex-shrink:0;font-size:16px;flex-grow:1}.batch-issue-card .batch-issue-card-form .row .col .header .search-input-container{flex-grow:1;min-width:100px}.batch-issue-card .batch-issue-card-form .row .col table{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px;text-align:left}.batch-issue-card .batch-issue-card-form .row .col table thead{position:sticky;top:0;background-color:#0e1522ab}.batch-issue-card .batch-issue-card-form .row .col table thead:after{content:"";bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,#fff0,#fff,#fff0)}.batch-issue-card .batch-issue-card-form .row .col th{background-color:#0e1522ab;font-weight:700;padding:12px;position:sticky;top:0;border-bottom:none;z-index:10}.batch-issue-card .batch-issue-card-form .row .col tr:nth-child(2n){background-color:#0e1522ab}.batch-issue-card .batch-issue-card-form .row .col tr:hover{background-color:#033b64;cursor:pointer}.batch-issue-card .batch-issue-card-form .row .col td{padding:12px;background-color:transparent}.batch-issue-card .batch-issue-card-form .row .col td:last-child{border-right:none}.batch-issue-card .batch-issue-card-form .dhxlayout_sep.dhxlayout_sep_resize{width:1px;height:100%;background:linear-gradient(to bottom,#fff0,#fff,#9990);position:relative;margin:0 auto;z-index:1;min-height:300px}.batch-issue-card .input-card-number.with-icon{position:relative}.batch-issue-card .input-card-number.with-icon .input-svg-wrapper{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:auto;cursor:pointer}.batch-issue-card .input-card-number.with-icon .input-svg-wrapper svg{width:20px;height:20px;fill:#1c3151}.batch-issue-card .input-card-number.with-icon input{padding-right:32px!important}.batch-issue-card .spinner-container{display:flex;align-items:center;justify-content:center;height:100%}.batch-issue-card .clickable-icon{cursor:pointer;display:flex;align-items:center;z-index:20}.batch-issue-card .btn-plus{width:24px;height:24px}.batch-issue-card .btn-plus .btn{padding:6px 14px;min-width:unset;width:100%;height:100%;background-color:#078dee;color:#fff;font-size:16px;font-weight:700;border-radius:4px}.batch-issue-card .btn-plus .btn:hover{background-color:#0a2d3e}.add-wiegand-format{width:100%;padding:15px}.add-wiegand-format .add-wiegand-format-form{padding:10px 0}.add-wiegand-format .add-wiegand-format-form .row-form{width:100%;display:flex;flex-wrap:wrap;gap:10px}.add-wiegand-format .add-wiegand-format-form .row-form .col{flex:1}.add-wiegand-format .add-wiegand-format-form .row-form .col-0{width:30%}.add-wiegand-format .add-wiegand-format-form .row-form .row-2{width:60%}.add-wiegand-format .add-wiegand-format-form .row-form-radio{padding:10px 0 20px}.add-wiegand-format .add-wiegand-format-form .row-form-radio .col{display:flex;align-items:center;justify-content:center;padding-top:20px}.add-wiegand-format .add-wiegand-format-form .flex-warp{padding:10px 0}.add-wiegand-format .add-wiegand-format-form .flex-warp .warp-item{display:flex;flex-direction:row;align-items:center;margin-bottom:20px}.add-wiegand-format .add-wiegand-format-form .flex-warp .warp-item .title{font-size:14px;color:#fff;opacity:74%;min-width:70px;flex:0 0 128px}.add-wiegand-format .add-wiegand-format-form .flex-warp .warp-item .bit-value{display:flex;flex-direction:row;gap:20px;flex:1}.add-wiegand-format .add-wiegand-format-form .flex-warp .warp-item .bit-value div{flex:1}.add-wiegand-format .add-wiegand-format-form .flex-warp .warp-item .input-error-message{color:#ff1313}.add-wiegand-format .wiegand-buttons{display:flex;justify-content:space-between;align-items:center}.add-wiegand-format .wiegand-buttons{display:flex;align-items:center}.add-wiegand-format .wiegand-buttons.add-mode{justify-content:space-between}.add-wiegand-format .wiegand-buttons.edit-mode{justify-content:center}.add-wiegand-format .wiegand-buttons .form-buttons{display:flex;align-items:center;justify-content:center;gap:24px}.add-wiegand-format .input-header{display:flex;flex-direction:row;padding:24px 0 10px;text-align:center}.add-wiegand-format .input-header-label{flex:1 0 0}.add-wiegand-format .input-header .col-span-2{flex:2}.card-format-testing{width:100%}.card-format-testing .card-format-testing-form{padding:10px 0 20px;display:flex;flex-direction:column;gap:15px}.card-format-testing .card-format-testing-form .row-form{display:flex;gap:10px;align-items:center}.card-format-testing .card-format-testing-form .row-form .flex-1{width:360px}.card-format-testing .card-format-testing-form .row-form-end{display:flex;gap:10px;align-items:center;justify-content:space-between}.card-format-testing .card-format-testing-form .row-form-card{display:flex;gap:24px;align-items:center}.card-format-testing .card-format-testing-form .row-form-card .form-item{width:50%}.card-format-testing .card-format-testing-form .column-form{flex-direction:column;gap:10px;display:flex}.card-format-testing .card-format-testing-form .column-form .col{display:flex;flex-direction:row;align-items:center;margin-bottom:20px}.card-format-testing .card-format-testing-form .column-form .col .title{flex:0 0 70px}.card-format-testing .card-format-testing-form .column-form .col .rows{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.card-format-testing .card-format-testing-form .column-form .col .rows .org-card-no .label{margin-top:-25px;padding-bottom:10px}.card-format-testing .input-header{display:flex;flex-direction:row;padding:24px 0 10px;text-align:center}.card-format-testing .input-header-label{flex:1 0 0}.card-format-testing .input-header .col-span-2{flex:1}.card-format-testing .input-header .col-span-2 .required-star{color:red}.card-format-testing .input-header .col-span-3{flex:1}.card-format-testing .wiegand-buttons{margin-top:48px}.card-format-testing .wiegand-buttons .form-buttons{display:flex;flex-direction:row;gap:24px}.card-format-testing .org-card-no{width:330px}.card-format-testing .wiegand-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:577px;height:45px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-left:15px}.login-container{display:flex;flex-direction:column;align-items:center;height:100%;background-size:cover;position:relative}.login-container .login-header{z-index:2;position:relative;display:flex;justify-content:space-between;width:100%;padding:20px 40px}.login-container .login-header .logo{font-size:32px;font-weight:500}.login-container .login-header .logo .logo-aic{color:#fff}.login-container .login-header .logo .logo-tec{color:#00f}.login-container .login-header .logo .logo-img{width:135px;height:30px;object-fit:cover}.login-container .login-header .subtitle{font-size:12px;color:#fff;text-align:center;font-weight:400}.login-container .login-header .nav-links{display:flex;flex-direction:row;gap:20px;color:#fff}.login-container .login-header .nav-links a{color:#fff;margin-left:20px;font-size:14px;margin-top:1px}.login-container .login-header .nav-links .language-dropdown-container{display:flex;flex-direction:row;gap:10px}.login-container .login-header .nav-links .language-dropdown-container .lang-title{font-size:12px;color:#fff;text-align:center;font-weight:400;margin-top:4px}.login-container .background-marquee-vertical{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,#0a2d3e,#051925 40%,#000810,#000);z-index:0}.login-container .background-marquee-vertical .marquee-track-vertical{position:relative;width:100%;height:100%}.login-container .background-marquee-vertical .marquee-column{position:absolute;top:0;height:200%;width:16.6666666667%;display:flex;flex-direction:column;gap:8px;padding:4px}.login-container .background-marquee-vertical .marquee-column:nth-child(1){left:0}.login-container .background-marquee-vertical .marquee-column:nth-child(2){left:16.6666666667%}.login-container .background-marquee-vertical .marquee-column:nth-child(3){left:33.3333333333%}.login-container .background-marquee-vertical .marquee-column:nth-child(4){left:50%}.login-container .background-marquee-vertical .marquee-column:nth-child(5){left:66.6666666667%}.login-container .background-marquee-vertical .marquee-column:nth-child(6){left:83.3333333333%}.login-container .background-marquee-vertical .marquee-column:nth-child(odd){animation:vertical-marquee-down 45s linear infinite}.login-container .background-marquee-vertical .marquee-column:nth-child(2n){animation:vertical-marquee-up 25s linear infinite}.login-container .background-marquee-vertical .image-container{position:relative;width:100%;margin-bottom:8px;padding:4px;box-sizing:border-box;background-color:#0a141e4d}.login-container .background-marquee-vertical .image-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.login-container .background-marquee-vertical .login-image{width:100%;height:auto;object-fit:contain;opacity:.1;margin-bottom:8px}@keyframes vertical-marquee-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes vertical-marquee-up{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.login-container .login-form-wrapper{display:flex;justify-content:center;flex:1;z-index:1;width:100%;padding:0 20px;position:relative}.login-container .login-form{width:100%;max-width:450px;border-radius:10px;padding:30px}.login-container .login-links{display:flex;justify-content:space-between;margin-bottom:20px;font-size:16px}.login-container .login-link{padding:12px;cursor:pointer;flex:1;transition:all .3s ease;color:#ffffff87}.login-container .login-link.active{position:relative;color:#fff;font-weight:700}.login-container .user-underline-container{position:absolute;left:0;right:57px;bottom:-5px;display:flex;justify-content:center;align-items:center;transform:scaleX(1.2)}.login-container .ar .user-underline-container{left:23px;right:0}.login-container .person-underline-container{position:absolute;left:0;right:0;bottom:-5px;display:flex;justify-content:center;align-items:center;transform:scaleX(1.5)}.login-container .form{display:flex;flex-direction:column;gap:32px}.login-container .form .username-input{color:#fff!important}.login-container .form .button-field{width:100%;justify-content:center}.login-container .forgot-password{text-align:right;color:#0078d4;text-decoration:none;font-size:14px;margin-top:-27px}.login-container .border-line{color:#fff;text-align:center;position:relative}.login-container .border-line:before,.login-container .border-line:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:linear-gradient(90deg,#fff0,#fff,#9990)}.login-container .border-line:before{left:0}.login-container .border-line:after{right:0}.login-container .fingerprint-login{display:flex;justify-content:center;cursor:pointer;margin-top:5px}.login-container .fingerprint-login img{width:60px;height:60px;transition:all .3s ease}.login-container .fingerprint-login img:hover{transform:scale(1.1)}.login-container .login-button{width:139px;display:flex;justify-content:center;align-items:center;letter-spacing:1px}.login-container .mobile-download-section{position:relative;display:flex;justify-content:flex-end;width:100%;z-index:2;padding-right:20px;padding-bottom:20px}.login-container .download-options{display:flex;align-items:center;justify-content:center;gap:30px}.login-container .app-icon-container{display:flex;flex-direction:row;gap:8px;align-items:center;position:relative;cursor:pointer}.login-container .app-icon{width:24px;height:24px;margin-bottom:5px}.login-container .app-label,.login-container .download-label{color:#fff;font-size:12px}.login-container .qr-code-popup{position:absolute;top:-130px;left:50%;transform:translate(-50%);background-color:#fff;padding:12px;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;align-items:center;z-index:10;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.login-container .qr-code-image{width:90px;height:90px}.login-container .qr-code-text{color:#212121;font-size:12px;text-align:center}.login-container .certificate-download{display:flex;flex-direction:row;align-items:center;cursor:pointer;gap:8px}.login-container .certificate-download svg{width:20px;height:20px;margin-bottom:5px;fill:#fff}.credential-reset-password{width:42vw;display:flex;flex-direction:column;gap:20px;padding:16px;font-size:14px}.credential-reset-password p{margin:0!important}.credential-reset-password .pwd-description{line-height:2.5}.credential-reset-password .pwd-description .strong{font-weight:600}.credential-reset-password .pwd-description .pwd-valid{line-height:1.8}.credential-reset-password .input-box{display:flex;flex-direction:column;gap:15px}.credential-reset-password .input-box .input-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:center}.credential-reset-password .reset-button{display:flex;justify-content:center}.login-form-wrapper .forgot-password-title{display:flex;justify-content:center;margin-bottom:30px;font-size:20px;color:#fff;letter-spacing:1px}.login-form-wrapper .back-to-login{display:flex;justify-content:center;font-size:14px;color:#fff;letter-spacing:1px}.login-form-wrapper .resend-captcha-link{background:none;border:none;color:#fff;opacity:47%;cursor:pointer;font-size:14px;white-space:nowrap;padding:10px 0 0 70%}.password-field-container{position:relative;width:100%;margin-bottom:20px}.password-strength-indicator{display:flex;height:4px;width:100%;margin-top:4px;gap:3px}.strength-segment{flex:1;height:100%;transition:all .3s ease;border-radius:2px;background-color:#586675}.active{opacity:1}.edit-eventType .edit-event-button .form-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:24px}.edit-eventType .edit-event-wrapper{display:flex;flex-direction:column;gap:10px;margin-top:20px;width:600px}.edit-eventType .edit-event-wrapper .edit-event-left{flex:1}.edit-eventType .edit-event-wrapper .edit-event-right{flex:1;display:flex;flex-direction:column;gap:15px}.edit-eventType .edit-event-wrapper .edit-event-right .grid-row{display:flex;flex-wrap:wrap;gap:20px}.edit-eventType .edit-event-wrapper .edit-event-right .grid-row .col{flex:1 1 45%;display:flex;flex-direction:column}.edit-eventType .edit-event-wrapper .edit-event-right .switch-wrap{margin-top:10px}.edit-eventType .edit-event-wrapper .edit-event-right .form-buttons-right{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.set-audio .form-buttons{display:flex;flex-direction:row;gap:24px}.set-audio{display:flex;flex-direction:column;width:100%}.set-audio-header{display:grid;grid-template-columns:2fr 1fr;padding:10px 16px;font-size:14px;background-color:#0e1522;color:#fff}.set-audio-content{display:grid;grid-template-columns:2fr 1fr;padding:16px;position:relative}.set-audio-content:before{content:"";position:absolute;left:66.66%;top:16px;bottom:16px;width:1px}.radio-button-column{padding-right:16px}.operation-column{display:flex;align-items:center;justify-content:flex-start}.play-control{display:flex;align-items:center;gap:8px;cursor:pointer}.play-control.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.play-icon-wrapper,.pause-icon-wrapper{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.rectangle-icon-wrapper{height:2px;width:60px;background-color:#c3d1e0;border-radius:2px;overflow:hidden;display:flex;align-items:center;visibility:hidden}.rectangle-icon-wrapper.visible{visibility:visible}.rectangle-fill{height:100%;background-color:#078dee;animation:fillBar 3s linear infinite}@keyframes fillBar{0%{width:0%}to{width:100%}}.add-ioboard-modal{padding:20px;border-radius:8px;width:1034px;margin:0 auto}.add-ioboard-modal h3{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#3e4246}.add-ioboard-modal .form-row{display:flex;flex-wrap:wrap;gap:20px;flex-direction:column;margin-bottom:20px;height:300px}.add-ioboard-modal .form-row>div{flex:1;min-width:200px}.add-ioboard-modal .form-conatiner{display:flex;flex-direction:row;gap:24px}.add-ioboard-modal .name-device-protocol-row{display:flex;gap:20px;width:757px}.add-ioboard-modal .name-device-protocol-row .input-filed-container{display:flex;flex-direction:column;gap:24px}.add-ioboard-modal .name-device-protocol-row .input-error-message{margin:0}.add-ioboard-modal .name-device-protocol-row .device-name{text-align:center;border-radius:8px;border:1px solid #ced0d3;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 15px}.add-ioboard-modal .name-device-protocol-row .device-name .label{font-weight:400}.add-ioboard-modal .name-device-protocol-row .button-field .btn{padding:10px 46px}.add-ioboard-modal .switch-container{width:189px}.add-ioboard-modal .switch-container .info-message{font-size:.9rem;color:#d1d4d8}.add-ioboard-modal .switch-container .info-message p{font-size:13px}.add-ioboard-modal .switch-container .info-message img{max-width:20%;height:auto;margin:10px 0;border:1px solid #87909a;border-radius:4px}.add-ioboard-modal .switch-container .info-message .warning{color:#ff1313;font-weight:600}.add-ioboard-modal .ioboard-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:45px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438}.add-ioboard-modal .ioboard-buttons .form-buttons{display:flex;flex-direction:row;gap:24px;justify-content:center}.add-ioboard-modal .group-switch-button{width:155px;padding-bottom:20px}.edit-ioboard-modal{padding:20px;border-radius:8px;width:789px;margin:0 auto}.edit-ioboard-modal h3{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#3e4246}.edit-ioboard-modal .form-row{display:flex;flex-wrap:wrap;gap:20px;flex-direction:column;margin-bottom:20px;height:300px}.edit-ioboard-modal .form-row>div{flex:1;min-width:200px}.edit-ioboard-modal .form-conatiner{display:flex;flex-direction:row;gap:24px}.edit-ioboard-modal .name-device-protocol-row{display:flex;gap:20px;width:757px}.edit-ioboard-modal .name-device-protocol-row .input-filed-container{display:flex;flex-direction:column;gap:24px}.edit-ioboard-modal .name-device-protocol-row .input-error-message{margin:0}.edit-ioboard-modal .name-device-protocol-row .device-name{text-align:center;border-radius:8px;border:1px solid #ced0d3;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 15px}.edit-ioboard-modal .name-device-protocol-row .device-name .label{font-weight:400}.edit-ioboard-modal .name-device-protocol-row .button-field .btn{padding:10px 46px}.edit-ioboard-modal .switch-container{width:189px}.edit-ioboard-modal .switch-container .info-message{font-size:.9rem;color:#d1d4d8;width:90vw}.edit-ioboard-modal .switch-container .info-message p{font-size:13px}.edit-ioboard-modal .switch-container .info-message img{max-width:20%;height:auto;margin:10px 0;border:1px solid #87909a;border-radius:4px}.edit-ioboard-modal .switch-container .info-message .warning{color:#ff1313;font-weight:600}.edit-ioboard-modal .ioboard-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:45px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-top:24px}.edit-ioboard-modal .ioboard-buttons .form-buttons{display:flex;flex-direction:row;gap:24px;justify-content:center}.edit-ioboard-modal .group-switch-button{width:155px;padding-bottom:20px}.edit-auxiliary{display:flex;flex-direction:column;gap:20px}.edit-auxiliary .attr-value{display:flex;flex-direction:column;gap:12px}.edit-auxiliary .person-list-wrap{display:flex;justify-content:flex-end}.auxiliary-button .form-buttons{display:flex;flex-direction:row;gap:24px}.edit-reader{display:flex;flex-direction:column}.edit-reader .form{padding:16px;display:flex;flex-direction:column;gap:16px}.edit-reader .form .input-row{display:grid;grid-template-columns:1fr 1fr;gap:35px}.edit-reader .form .input-row .form-item{height:48.4px}.edit-reader .form .reader-message{display:flex;flex-direction:row}.edit-reader .reader-button .form-buttons{display:flex;flex-direction:row;gap:24px}.camera-modal .camera-content{font-size:16px}.privacy-policy{display:flex;flex-direction:column;align-items:center;height:100%;background-size:cover;position:relative;color:#212121}.privacy-policy .header-wrapper{width:100%;color:#fff;text-align:center;background-color:#0c111c}.privacy-policy .header-wrapper .header{padding:20px 0;background-color:#2b64ff26;font-size:18px}.privacy-policy .policy-content{max-height:90vh;overflow:auto}.privacy-policy .policy-content .text-contents{padding:15px;font-size:16px;line-height:1.5}.privacy-policy .confirm-btn{width:100%}.privacy-policy .confirm-btn .button-field .btn{width:100%;font-weight:500}.self-registration{display:flex;flex-direction:column;height:100%;background-size:cover;position:relative;color:#212121;background:#0c111c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.self-registration .header-wrapper{width:100%;color:#fff;text-align:center;background-color:#0c111c}.self-registration .header-wrapper .header{padding:20px 0;background:#1a2337d4;font-size:18px}.self-registration .form-wrapper{color:#fff;background:#1a2337d4;height:100%;display:flex;flex-direction:column;gap:30px}.self-registration .form-wrapper .image-view-wrapper{width:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;margin-top:20px;justify-content:center}.self-registration .form-wrapper .image-view-wrapper .image-view .close{cursor:pointer}.self-registration .form-wrapper .main-conatiner{display:flex;justify-content:center;gap:32px;padding-top:140px}.self-registration .form-wrapper .main-conatiner .personnel-details{display:flex;gap:1rem;margin-bottom:3rem}.self-registration .form-wrapper .main-conatiner .personnel-details .input-field{flex:1}.self-registration .form-wrapper .main-conatiner .contact-details{width:70px}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box{position:relative;width:260px;height:170px;background:linear-gradient(360deg,#078dee54,#506e9200),linear-gradient(360deg,#0000,#078dee54);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .image-view{background:linear-gradient(360deg,#078dee54,#506e9200),linear-gradient(360deg,#0000,#078dee54);position:relative;width:100%;height:100%;justify-content:center;align-items:center}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .image-view .close-icon{position:absolute;right:10px;top:10px;cursor:pointer;z-index:1}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .image-view img{width:100%;height:100%;object-fit:cover;object-position:center}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .user-icon{margin-bottom:5px}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .no-photo-text{color:#fff;font-size:14px;margin-top:5px}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .default-content{display:flex;flex-direction:column;align-items:center;text-align:center;transition:opacity .3s ease-in-out;opacity:1}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .default-content.hidden{opacity:0;pointer-events:none}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(0deg,#078dee -114.91%,#0d17278a);border-bottom:1px solid #078dee;opacity:0;transition:opacity .3s ease-in-out}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .overlay.visible{opacity:1}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .overlay .file-upload{display:none}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .gallery-icon,.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .camera-icon{opacity:0;transform:translate(-40px);transition:all .3s ease-in-out .1s;padding:5px 5px 3px;cursor:pointer}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .gallery-icon.open,.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .camera-icon.open{opacity:1;transform:translate(0)}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .gallery-icon:hover,.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .camera-icon:hover{background-color:#ffffff68}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .camera-icon{transform:translate(40px);transition:all .3s ease-in-out .1s}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .camera-icon.open{opacity:1;transform:translate(0)}@media (max-width: 768px){.self-registration{padding:1rem;background-position:center}.self-registration .header-wrapper .header{font-size:16px;padding:15px 0}.self-registration .form-wrapper{gap:40px}.self-registration .form-wrapper .image-view-wrapper{margin-top:10px}.self-registration .form-wrapper .main-conatiner{flex-direction:column;padding-top:40px;gap:20px}.self-registration .form-wrapper .main-conatiner .personnel-details{flex-direction:column;gap:1.5rem;margin-bottom:2rem}.self-registration .form-wrapper .main-conatiner .contact-details,.self-registration .form-wrapper .main-conatiner .input-field{width:100%}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box{width:57%;max-width:300px;height:200px;border-radius:900px;margin:0 auto}.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .gallery-icon,.self-registration .form-wrapper .photo-upload-box-wrap .photo-upload-box .camera-icon{transform:translate(0);opacity:1}}.rtm-container{display:flex;flex-direction:column;gap:20px;padding:0 10px 10px;overflow-y:auto;overflow-x:hidden;position:relative}.rtm-container .tabs-wrap .tab-list-items{width:40%}.rtm-container .tabs-wrap .switch-tab-page{padding:0}.rtm-container .rtm-box-container .rtm-box{width:100%;background-color:#101625;padding:15px}.rtm-container .rtm-box-container .rtm-box .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.rtm-container .rtm-box-container .rtm-box .header .label{font-size:16px;font-weight:600}.rtm-container .rtm-box-container .rtm-box .header .right-action-buttons{display:flex;align-items:center;gap:20px}.rtm-container .rtm-box-container .rtm-box .header .search-input .input-wrapper{margin:0}.rtm-container .rtm-box-container .rtm-box .card-container{overflow-x:auto}.rtm-container .rtm-box-container .rtm-box .card-container .card-grid-container{display:flex;flex-direction:column;gap:10px;width:max-content;margin-bottom:20px}.rtm-container .rtm-box-container .rtm-box .card-container .card-grid-container .card-row{display:flex;flex-direction:row;gap:12px}.rtm-container .rtm-box-container .rtm-box .card-container .card-grid-container .card-row .card-item{min-width:160px;width:160px;height:66px;border:.75px solid rgba(255,255,255,.4705882353);display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;padding:0 8px;flex-shrink:0;z-index:0}.rtm-container .rtm-box-container .rtm-box .card-container .card-grid-container .card-row .card-item.active{border:2px solid #078dee}.rtm-container .rtm-box-container .rtm-box .card-container .card-grid-container .card-row .card-item:hover .card-item-status,.rtm-container .rtm-box-container .rtm-box .card-container .card-grid-container .card-row .card-item:hover .card-item-checkbox,.rtm-container .rtm-box-container .rtm-box .card-container .card-grid-container .card-row .card-item:hover .card-item-edit{visibility:visible;opacity:1}.rtm-container .rtm-box-container .rtm-box .card-container .card-grid-container .card-row .card-item .card-item-checkbox{position:absolute;visibility:hidden;top:5px;right:0;z-index:2}.rtm-container .rtm-box-container .rtm-box .card-container .card-grid-container .card-row .card-item .card-item-checkbox.active{visibility:visible;opacity:1}.rtm-container .rtm-box-container .rtm-box .card-container .card-grid-container .card-row .card-item .card-item-edit{position:absolute;visibility:hidden;top:5px;right:35px;z-index:2;opacity:0}.rtm-container .rtm-box-container .rtm-box .card-container .card-grid-container .card-row .card-item .card-item-status{width:300px}.rtm-container .rtm-box-container .rtm-box .card-container .card-grid-container .card-row .card-item .card-content{display:flex;align-items:center;gap:12px}.rtm-container .rtm-box-container .rtm-box .card-container .card-grid-container .card-row .card-item .card-content .name{max-width:75px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rtm-container .status-container{display:flex;justify-content:space-between}.rtm-container .status-container .status-wrap{display:flex;align-items:center;gap:15px;margin-right:15px}.rtm-container .status-container .status-wrap:last-child{margin-right:0}.rtm-container .status-container .status-wrap .status{display:flex;gap:12px;align-items:center}.rtm-container .status-container .status-wrap .circle-dot{width:10px;height:10px;border-radius:50%}.rtm-container .status-container .status-wrap .circle-dot.success{background-color:#28a745}.rtm-container .status-container .status-wrap .circle-dot.danger{background-color:#f04438}.rtm-container .status-container .status-wrap .circle-dot.warning{background-color:#f3a218}.rtm-container .status-container .status-wrap .circle-dot.secondary{background-color:#586675}.rtm-container .rtm-event-container{width:100%;background-color:#101625;padding:15px}.rtm-container .rtm-event-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.rtm-container .rtm-event-container .header .label{font-size:16px;font-weight:600}.rtm-container .rtm-event-container .header .right-action-buttons{display:flex;align-items:center;gap:40px}.rtm-container .rtm-event-container .header .right-action-buttons .delete-icon{display:flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer}.rtm-container .rtm-event-container .header .search-input .input-wrapper{margin:0}.popover{position:absolute;background:#033b6494;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:1000;transition:opacity .3s ease,transform .3s ease;min-width:220px}.latest-events-popup .table-wrapper{width:90vw;overflow-x:auto;max-height:50vh;overflow-y:auto}.latest-events-popup .table-wrapper::-webkit-scrollbar{width:4px;height:6px}.latest-events-popup .table-wrapper::-webkit-scrollbar-thumb{background-color:#696c6f;border-radius:10px}.latest-events-popup .table-wrapper::-webkit-scrollbar-track{background-color:#f1f1f1}.latest-events-popup .table-wrapper .tbl-container{overflow-x:auto}.latest-events-popup .table-wrapper .table{box-shadow:none}.latest-events-popup .table-wrapper .table thead tr td{max-width:unset;white-space:nowrap;overflow:unset;text-overflow:unset}.message-tip{position:absolute;bottom:6%;right:2%;z-index:10;visibility:hidden;opacity:0;transition:all .1s ease-in-out}.message-tip .message-card{background:#1a2337d4;border:2px solid transparent;border-image-source:linear-gradient(180deg,#8dcbf7 0%,#0564a9 100%);border-image-slice:1;width:330px;height:300px;padding:16px;border-radius:8px;-webkit-backdrop-filter:blur(55px);backdrop-filter:blur(55px);box-shadow:0 0 21.1px #078deea1;box-shadow:0 0 12.8px #8dcbf769;cursor:default}.message-tip .message-card .card-title{display:flex;justify-content:space-between;align-items:center}.message-tip .message-card .card-title .close-icon{cursor:pointer;transition:all .1s ease-in-out;padding:5px}.message-tip .message-card .card-title .close-icon:hover{background-color:#f04438}.message-tip .message-card .card-body{text-align:center}.message-tip .message-card .card-body .card-image{width:100px;height:100px;margin:10px auto 0}.message-tip .message-card .card-body .content-body{text-align:left}.message-tip .message-card .card-body .content-body.d-grid{gap:10px}.message-tip .message-card .card-body .content-body .items{display:flex;flex-direction:column;gap:5px}.message-tip .message-card .card-body .content-body .items .item-wrap{display:flex;flex-direction:column;gap:4px}.message-tip .message-card .card-body .content-body .items .text-value{font-weight:500;max-width:135px;text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap}.message-tip .message-card .card-body .content-body .items .label{font-size:12px;color:#fff;opacity:47%}.message-tip .message-card .card-body .content-body .text{font-size:14px;color:#292d31;font-weight:400}.message-tip .message-card .card-body .content-body .text.status{font-weight:500}.alarm-monitor-container .card-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.alarm-monitor-container .table-wrap .table-top-items{display:flex;justify-content:space-between}.alarm-monitor-container .table-wrap .table-top-items .button-wrapper{display:flex;gap:32px}.alarm-monitor-container .table-wrap .table-top-items .right-side-buttons{display:flex}.alarm-monitor-container .table-wrap .table-top-items .right-side-buttons .button-field .btn{min-width:max-content}.alarm-processing-history .op-log-box-wrapper,.acknowledge .op-log-box-wrapper{padding-top:15px;gap:12px}.alarm-processing-history .op-log-box-wrapper .response-box,.acknowledge .op-log-box-wrapper .response-box{padding:10px;height:150px;max-height:150px;overflow:auto;background-color:#141c2f;width:100%}.acknowledge{width:41vw;display:flex;flex-direction:column;gap:10px}.acknowledge .op-log-box-wrapper{padding:0}.acknowledge .response-box{height:120px!important}.acknowledge .response-box .detail-ul .detail-li{display:flex}.acknowledge .response-box .detail-ul .detail-li .label{width:130px;opacity:47%}.acknowledge .response-box .detail-ul .detail-li .value{padding-left:10px}.acknowledge .input-wrap{margin-top:20px;display:flex;flex-direction:column;gap:20px}.data-analysis-card-wrap{height:163px}.data-analysis-card-wrap .data-analysis-card{width:100%;height:100%;display:flex;flex-direction:column;gap:15px;position:relative;overflow:hidden}.data-analysis-card-wrap .data-analysis-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/analysis-card-bg-73I7W-no.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;animation:zoomBackground 4s ease-in-out infinite alternate}.data-analysis-card-wrap .data-analysis-card>*{position:relative;z-index:1}.data-analysis-card-wrap .data-analysis-card header{display:flex;justify-content:space-between}.data-analysis-card-wrap .data-analysis-card header .clip-left,.data-analysis-card-wrap .data-analysis-card header .clip-right{background:#99a4b233;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);color:#fff;padding:8px 16px}.data-analysis-card-wrap .data-analysis-card header .clip-left{font-size:16px;clip-path:polygon(0 0,100% 0,80% 100%,0% 100%);padding-right:46px}.data-analysis-card-wrap .data-analysis-card header .clip-right{font-weight:500;font-size:14px;padding-left:25px;clip-path:polygon(0% 0%,100% 0%,100% 100%,25% 100%)}.data-analysis-card-wrap .data-analysis-card .card-body-content{padding:0 15px;display:flex;flex-direction:column;gap:20px}.data-analysis-card-wrap .data-analysis-card .card-body-content .row{display:flex;justify-content:space-between}.data-analysis-card-wrap .data-analysis-card .card-body-content .row .content-row{display:flex;flex-direction:column;gap:8px}.data-analysis-card-wrap .data-analysis-card .card-body-content .row .content-row .row-wrap{display:flex;justify-content:space-between}.data-analysis-card-wrap .data-analysis-card .card-body-content .row .content-row .progress-bar{width:140px;height:14px;background:#f0443836;-webkit-backdrop-filter:blur(1.9px);backdrop-filter:blur(1.9px);overflow:hidden;position:relative}.data-analysis-card-wrap .data-analysis-card .card-body-content .row .content-row .progress-bar.strong{background-color:#f0943836}.data-analysis-card-wrap .data-analysis-card .card-body-content .row .content-row .progress-bar.medium{background-color:#f3dd1836}.data-analysis-card-wrap .data-analysis-card .card-body-content .row .content-row .progress-bar.weak{background-color:#59b3f436}.data-analysis-card-wrap .data-analysis-card .card-body-content .row .content-row .progress-bar .progress-fill{height:100%;background:repeating-linear-gradient(110deg,red,red 5px,transparent 5px,transparent 8px),transparent;transition:width .3s ease-in-out}.data-analysis-card-wrap .data-analysis-card .card-body-content .row .content-row .progress-bar .progress-fill.strong{background:repeating-linear-gradient(110deg,#f09438,#f09438 5px,transparent 5px,transparent 8px),transparent;box-shadow:0 0 1.9px #f09438b2,0 0 3.8px #f094389e}.data-analysis-card-wrap .data-analysis-card .card-body-content .row .content-row .progress-bar .progress-fill.medium{background:repeating-linear-gradient(110deg,#f3dd18,#f3dd18 5px,transparent 5px,transparent 8px),transparent;box-shadow:0 0 1.9px #f3dd18b2,0 0 3.8px #f3dd189e}.data-analysis-card-wrap .data-analysis-card .card-body-content .row .content-row .progress-bar .progress-fill.weak{background:repeating-linear-gradient(110deg,#59b3f4,#59b3f4 5px,transparent 5px,transparent 8px),transparent;box-shadow:0 0 1.9px #59b3f4b2,0 0 3.8px #59b3f49e}@keyframes zoomBackground{0%{transform:scale(1);opacity:47%}to{transform:scale(1.1);opacity:100%}}.today-records-card-wrap{height:163px}.today-records-card-wrap .today-records-card{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.today-records-card-wrap .today-records-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/today-records-bg-BoVtEnb2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;animation:zoomBackground 4s ease-in-out infinite alternate}.today-records-card-wrap .today-records-card>*{position:relative;z-index:1}.today-records-card-wrap .today-records-card header .clip-left{background:#99a4b233;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);color:#fff;padding:8px 46px 8px 16px;font-size:16px;clip-path:polygon(0 0,100% 0,80% 100%,0% 100%);width:max-content}.today-records-card-wrap .today-records-card .box-wrapper{padding:15px;display:flex;gap:15px;width:100%}.today-records-card-wrap .today-records-card .box-wrapper .box-1{width:30%;background:#f0443873;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);width:112px;height:100px;display:flex;align-items:center;justify-items:center}.today-records-card-wrap .today-records-card .box-wrapper .box-1 .box-value{width:100%;text-align:center}.today-records-card-wrap .today-records-card .box-wrapper .box-1 .box-value .value{font-size:40px;font-weight:500}.today-records-card-wrap .today-records-card .box-wrapper .right-side-box{width:70%}.today-records-card-wrap .today-records-card .box-wrapper .right-side-box .box-wrap{display:flex;flex-direction:column;height:100%;justify-content:space-between}.today-records-card-wrap .today-records-card .box-wrapper .right-side-box .box-wrap .box-2{background:linear-gradient(90deg,#ffa10073,#f3a2185c);-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);width:100%;display:flex;align-items:center;justify-items:center}.today-records-card-wrap .today-records-card .box-wrapper .right-side-box .box-wrap .box-2.confirm{background:#28a74573}.today-records-card-wrap .today-records-card .box-wrapper .right-side-box .box-wrap .box-2 .box-value{width:100%;height:42px;text-align:center;display:flex;justify-content:space-between;align-items:center;padding:0 15px}.today-records-card-wrap .today-records-card .box-wrapper .right-side-box .box-wrap .box-2 .box-value .value{font-size:40px;font-weight:500}.top-alarm-events-wrap{height:163px}.top-alarm-events-wrap .top-alarm-events{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.top-alarm-events-wrap .top-alarm-events:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/top-alarm-events-bg-T1jwaW1X.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;animation:zoomBackground 4s ease-in-out infinite alternate}.top-alarm-events-wrap .top-alarm-events>*{position:relative;z-index:1}.top-alarm-events-wrap .top-alarm-events header .clip-left{background:#99a4b233;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);color:#fff;padding:8px 46px 8px 16px;font-size:16px;clip-path:polygon(0 0,100% 0,80% 100%,0% 100%);width:max-content}.top-alarm-events-wrap .top-alarm-events .row{display:grid;grid-template-columns:1fr 1fr;row-gap:10px;padding:0 15px}.top-alarm-events-wrap .top-alarm-events .row .content-row .value{font-size:28px;font-weight:500}.top-alarm-events-wrap .top-alarm-events .row .content-row .label{opacity:67%}.map-container .grid-container{display:grid;grid-template-columns:25% 75%;column-gap:10px}.map-container .grid-container .map-content .content-ui{margin-bottom:20px}.map-container .grid-container .map-content .li{display:flex;cursor:pointer}.map-container .grid-container .map-content .li .list-items{display:flex;gap:12px}.map-container .grid-container .map-content .map-card-body{position:relative;height:370px}.map-container .grid-container .map-content .map-card-body .image-container{position:absolute;top:0;width:100%;max-width:1200px;height:360px;max-height:100%;overflow:auto}.map-container .grid-container .map-content .map-card-body .icons-wrap{position:absolute;right:60px;bottom:100px;display:flex;flex-direction:column;gap:10px}.map-container .grid-container .map-content .map-card-body .icons-wrap .icons{display:flex;align-items:center;justify-content:center;width:36px;height:40px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(13.5px);backdrop-filter:blur(13.5px);cursor:pointer}.map-container .grid-container .rtm-event-container{width:100%;background-color:#101625;padding:15px}.map-container .grid-container .rtm-event-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.map-container .grid-container .rtm-event-container .header .label{font-size:16px;font-weight:600}.map-container .grid-container .rtm-event-container .header .right-action-buttons{display:flex;align-items:center;gap:40px}.map-container .grid-container .rtm-event-container .header .right-action-buttons .search-input .input-wrapper{margin:0}.map-container .grid-container .rtm-event-container .header .right-action-buttons .delete-icon{display:flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer}.map-container .grid-container .rtm-event-container .status-container{display:flex;justify-content:space-between}.map-container .grid-container .rtm-event-container .status-container .status-wrap{display:flex;align-items:center;gap:15px;margin-right:15px}.map-container .grid-container .rtm-event-container .status-container .status-wrap:last-child{margin-right:0}.map-container .grid-container .rtm-event-container .status-container .status-wrap .status{display:flex;gap:12px;align-items:center}.map-container .grid-container .rtm-event-container .status-container .status-wrap .circle-dot{width:10px;height:10px;border-radius:50%}.map-container .grid-container .rtm-event-container .status-container .status-wrap .circle-dot.success{background-color:#28a745}.map-container .grid-container .rtm-event-container .status-container .status-wrap .circle-dot.danger{background-color:#f04438}.map-container .grid-container .rtm-event-container .status-container .status-wrap .circle-dot.warning{background-color:#f3a218}.map-container .grid-container .rtm-event-container .status-container .status-wrap .circle-dot.secondary{background-color:#586675}.add-map{display:flex;flex-direction:column;gap:24px;width:38vw}.drag-image{display:flex;flex-direction:column;gap:10px}.drag-image .label{text-wrap:nowrap}.drag-image .card-wrapper{width:250px;position:absolute;top:35px;left:15px;z-index:10;opacity:0;transition:opacity .3s,transform .3s;cursor:default}.drag-image .card-wrapper .card-status{background-color:#1a2337d4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 5.5px #078dee12}.drag-image .card-wrapper .card .card-body,.drag-image .card-wrapper .card-status .card-body{background-color:transparent}.drag-image:hover .card-wrapper{opacity:1}.door-setting{display:flex;flex-direction:column;gap:16px;padding:5px}.door-setting .door-setting-form{display:flex;flex-direction:column}.door-setting .door-setting-form .door-setting-input-field{display:block}.door-setting .door-setting-form .door-setting-input-field p{margin-bottom:10px}.door-setting .door-setting-form .door-setting-remote-opening-input-field{display:flex;flex-direction:row;gap:16px}.door-setting .door-setting-form .door-setting-remote-opening-input-field p{margin-bottom:10px}.door-setting .door-setting-form .door-setting-remote-opening-input-field .open-interval{position:relative}.door-setting .door-setting-form .start-button-row{display:flex;flex-direction:row-reverse;margin-bottom:10px}.door-setting .door-setting-form .remote-open-btn{min-width:120px}.door-setting .password-not-required-controls{display:flex;flex-direction:column;margin-top:20px}.door-setting .password-not-required-controls .start-button-row{display:flex;flex-direction:row-reverse}.door-setting .d-grid.grid-cols-2{display:grid;grid-template-columns:2fr 1px 1fr;gap:16px}.door-setting .d-grid.grid-cols-1{display:flex;flex-direction:column;gap:16px}.door-setting .offline-status{margin-bottom:20px}.door-setting .offline-status .msg-title{font-size:14px;font-weight:500;margin-bottom:8px}.door-setting .offline-status .dev-name{margin-top:5px;font-size:13px;opacity:.74}.door-setting .op-log-box-wrapper{margin-top:20px;padding-top:20px;display:flex;flex-direction:column;gap:12px}.door-setting .op-log-box-wrapper .response-box{padding:15px;height:150px;max-height:150px;background-color:#141c2f;width:100%;border-radius:4px;overflow-y:auto}.door-setting .search-loader{display:flex;align-items:center;justify-content:center;margin-top:16px}.door-setting .search-loader .count{font-size:14px;font-weight:500}.door-setting .vertical-line{width:1px;height:100%;background:linear-gradient(to bottom,#fff0,#fff,#9990);position:relative;margin:0 auto;z-index:1;min-height:200px}.multi-person-modal .no-scrollbar::-webkit-scrollbar{display:none}.multi-person-modal .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.multi-person-modal .add-combination-content{max-height:calc(100vh - 250px);overflow-y:auto;margin-top:10px}.multi-person-modal .add-combination-content .door-selection-header .door-name-heading{font-weight:500;font-size:16px}.multi-person-modal .add-combination-content .door-selection-header .select-door-subheading{font-weight:400;font-size:12px;margin-top:5px;color:#cdc9c9}.multi-person-modal .add-door .add-door-row{width:300px}.multi-person-modal .edit-door .edit-door-row{display:flex;flex-direction:row;gap:24px}.multi-person-modal .Add-combination-swaptable{max-height:350px;overflow-y:hidden}.multi-person-modal .group-border{margin-top:30px}.multi-person-modal .group-border .add-combination-head{margin-top:24px;font-weight:500;font-size:16px}.multi-person-modal .group-select-boxes-row{display:flex;justify-content:space-between;gap:2rem}.multi-person-modal .group-select-boxes-row .group-column,.multi-person-modal .group-select-boxes-row .group-column .group{display:grid;grid-template-columns:1fr 1fr;gap:24px}.multi-person-modal .group-select-boxes-row .group-column .group .group-name{display:flex;flex-direction:column;gap:10px}.multi-person-modal .group-select-boxes-row .group-column .group .group-name .count{display:flex;flex-direction:row-reverse;font-weight:600}.acc-parameters{display:flex;flex-direction:column}.acc-parameters .card-box{display:flex;flex-direction:column;gap:24px;padding:16px;background-color:#101625}.acc-parameters .card-box .card-title{font-size:17px;font-weight:700}.acc-parameters .card-box .card-body{display:flex;flex-direction:column;gap:20px}.acc-parameters .card-box .card-body .time-wrapper{max-width:200px}.acc-parameters .card-box .card-body .new-transaction{display:flex;flex-direction:column;gap:15px}.acc-parameters .card-box .card-body .content{display:flex;align-items:center;gap:12px;font-size:14px;color:#f04438;opacity:.74;margin-bottom:20px;padding:8px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-top:16px}.acc-parameters .card-box .card-body .auto-export-value,.acc-parameters .card-box .card-body .auto-export{display:flex;flex-direction:column}.acc-parameters .card-box .card-body .mail-box{max-width:494px}.acc-parameters .card-box .card-body .real-time-monitoring-input{max-width:530px}.acc-parameters .card-box .card-body .new-transaction .selectall{margin-bottom:10px}.acc-parameters .card-box .card-body .new-transaction .event-hours .checkbox-form-item .checkbox-group-list .checkbox-field .checkbox-title{width:45px}.acc-parameters .params-wrap{display:grid;grid-template-columns:1fr 1fr;gap:8px}.acc-parameters .params-wrap .card-box-wrap{display:flex;flex-direction:column;gap:8px}.acc-parameters .params-wrap .card-box-wrap .flex-rows{display:flex;gap:8px}.acc-parameters .params-wrap .card-box-wrap .flex-rows .button-field{display:flex;align-items:end}.acc-parameters .params-wrap .card-box-wrap .flex-rows .button-field .btn{padding:3px 10px;min-width:max-content;height:25px}.acc-parameters .params-wrap .card-box-wrap .card-print-row{display:flex;flex-direction:column;gap:10px}.acc-parameters .params-wrap .card-box-wrap .card-print-row .label{font-weight:500;font-size:14px}.edit-reader-modal{padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:574px;margin:0 auto}.edit-reader-modal .edit-reader-form .input-grid{display:grid;gap:40px}.edit-reader-modal .edit-reader-form .input-grid .input-form,.edit-reader-modal .edit-reader-form .input-grid .input-item{display:flex;flex-direction:row;gap:20px;width:260px}.edit-reader-modal .text-item{width:260px;height:180px;padding:24px 0 48px}.edit-reader-modal .form-bottom-buttons .form-aux-buttons{display:flex;align-items:center;gap:24px}.auxout-setting{width:100%!important;display:flex;flex-direction:column;gap:16px;padding:5px}.auxout-setting .door-setting-form{display:flex;flex-direction:column}.auxout-setting .door-setting-form .door-setting-input-field{display:block}.auxout-setting .door-setting-form .door-setting-input-field p{margin-bottom:10px}.auxout-setting .door-setting-form .door-setting-remote-opening-input-field{display:flex;flex-direction:row;gap:16px}.auxout-setting .door-setting-form .door-setting-remote-opening-input-field p{margin-bottom:10px}.auxout-setting .door-setting-form .door-setting-remote-opening-input-field .open-interval{position:relative}.auxout-setting .door-setting-form .start-button-row{display:flex;flex-direction:row-reverse;margin-bottom:10px}.auxout-setting .door-setting-form .remote-open-btn{min-width:120px}.auxout-setting .password-not-required-controls{display:flex;flex-direction:column;margin-top:20px}.auxout-setting .password-not-required-controls .start-button-row{display:flex;flex-direction:row-reverse}.auxout-setting .d-grid.grid-cols-2{display:grid;grid-template-columns:2fr 1px 1fr;gap:16px;width:70vw}.auxout-setting .d-grid.grid-cols-1{display:flex;flex-direction:column;gap:16px}.auxout-setting .offline-status{margin-bottom:20px}.auxout-setting .offline-status .msg-title{font-size:14px;font-weight:500;margin-bottom:8px}.auxout-setting .offline-status .dev-name{margin-top:5px;font-size:13px;opacity:.74}.auxout-setting .op-log-box-wrapper{margin-top:20px;padding-top:20px;display:flex;flex-direction:column;gap:12px}.auxout-setting .op-log-box-wrapper .response-box{padding:15px;height:150px;max-height:150px;background-color:#141c2f;width:100%;border-radius:4px;overflow-y:auto}.auxout-setting .search-loader{display:flex;align-items:center;justify-content:center;margin-top:16px}.auxout-setting .search-loader .count{font-size:14px;font-weight:500}.auxout-setting .vertical-line{width:1px;height:100%;background:linear-gradient(to bottom,#fff0,#fff,#9990);position:relative;margin:0 auto;z-index:1;min-height:200px}.add-position{width:600px}.add-position .daylight-saving-time{margin-top:0}.add-position .daylight-saving-time.add-mode{display:flex;justify-content:space-between;align-items:center}.add-position .daylight-saving-time.add-mode .form-bottom-buttons{display:flex;flex-direction:row}.add-position .daylight-saving-time.edit-mode{display:flex;justify-content:center;align-items:center}.add-position .daylight-saving-time.edit-mode .form-bottom-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:24px}.export-access-door{width:100%!important}.export-access-door .row{display:flex;justify-content:space-between}.export-access-button{margin-top:40px}.add-level-modal{display:flex;flex-direction:column;padding:20px;border-radius:8px;margin:auto}.add-level-modal .add-level-row{display:flex;flex-direction:row;gap:24px}.add-level-modal .add-level-column{display:flex;flex-direction:column;margin-top:20px;width:100%;max-width:260px}.add-level-modal .accessLevel-buttons{display:flex;justify-content:flex-start}.add-level-modal .accessSubmit-button{display:flex;flex-direction:row;gap:24px;margin-top:48px}.add-level-modal .form-row{display:flex;flex-direction:row;gap:20px}.add-level-modal .row-add{display:flex;flex-direction:column;padding-top:20px}.add-level-modal .row-add span{font-size:14px;padding-top:10px}.accessLevel-setting{display:flex;flex-direction:column;gap:16px;padding:5px;width:100%}.accessLevel-setting .door-setting-form{display:flex;flex-direction:column}.accessLevel-setting .door-setting-form .door-setting-input-field{display:block}.accessLevel-setting .door-setting-form .door-setting-input-field p{margin-bottom:10px}.accessLevel-setting .door-setting-form .door-setting-remote-opening-input-field{display:flex;flex-direction:row;gap:16px}.accessLevel-setting .door-setting-form .door-setting-remote-opening-input-field p{margin-bottom:10px}.accessLevel-setting .door-setting-form .door-setting-remote-opening-input-field .open-interval{position:relative}.accessLevel-setting .door-setting-form .start-button-row{display:flex;flex-direction:row-reverse;margin-bottom:10px}.accessLevel-setting .door-setting-form .remote-open-btn{min-width:120px}.accessLevel-setting .password-not-required-controls{display:flex;flex-direction:column;margin-top:20px}.accessLevel-setting .password-not-required-controls .start-button-row{display:flex;flex-direction:row-reverse}.accessLevel-setting .d-grid.grid-cols-2{display:grid;grid-template-columns:2fr 1px 1fr;gap:16px;width:50vw}.accessLevel-setting .d-grid.grid-cols-1{display:flex;flex-direction:column;gap:16px}.accessLevel-setting .offline-status{margin-bottom:20px}.accessLevel-setting .offline-status .msg-title{font-size:14px;font-weight:500;margin-bottom:8px}.accessLevel-setting .offline-status .dev-name{margin-top:5px;font-size:13px;opacity:.74}.accessLevel-setting .op-log-box-wrapper{margin-top:20px;padding-top:20px;display:flex;flex-direction:column;gap:12px}.accessLevel-setting .op-log-box-wrapper .response-box{padding:15px;height:150px;max-height:150px;background-color:#141c2f;width:100%;border-radius:4px;overflow-y:auto}.accessLevel-setting .search-loader{display:flex;align-items:center;justify-content:center;margin-top:16px}.accessLevel-setting .search-loader .count{font-size:14px;font-weight:500}.accessLevel-setting .vertical-line{width:1px;height:100%;background:linear-gradient(to bottom,#fff0,#fff,#9990);position:relative;margin:0 auto;z-index:1;min-height:200px}.edit-door{width:1000px;height:100%}.edit-door .condition{width:150px}.edit-door .copy-settings{display:flex;justify-content:center;width:100%}.edit-door .copy-settings>div{width:100%;max-width:300px}.edit-door .flex justify-end mt-2{margin-top:10px}.edit-door .checkbox-container :global(.checkbox-form-item .checkbox-group-list .checkbox-field){display:flex;flex-direction:row;gap:10px;margin-top:25px;margin-left:85px;cursor:pointer;align-items:center}.first-person-noramally-open-modal .device-selection-section .add-door .add-door-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;margin-bottom:24px}.first-person-noramally-open-modal .device-selection-section .edit-door-buttons{justify-content:center}.first-person-noramally-open-modal .device-selection-section .edit-door{width:100%}.first-person-noramally-open-modal .device-selection-section .edit-door .edit-door-row{display:flex;flex-direction:column;gap:24px;margin-bottom:16px}.first-person-noramally-open-modal .device-selection-section .edit-door .edit-door-row:last-child{margin-bottom:50px}.first-person-noramally-open-modal .form-bottom-buttons{display:flex;justify-content:space-between;flex-direction:row}.first-person-noramally-open-modal .form-bottom-buttons.add-door-buttons .form-buttons{display:flex;justify-content:space-between;flex-direction:row;gap:24px}.first-person-noramally-open-modal .form-bottom-buttons .form-buttons{gap:24px}.access-control-setting .access-control-setting-checkbox,.access-control-setting .time-fields{display:flex;flex-direction:row;gap:24px}.interlock-modal .device-selection-section .add-interlock .add-interlock-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;margin-bottom:24px}.interlock-modal .device-selection-section .edit-interlock-buttons{justify-content:center}.interlock-modal .device-selection-section .edit-interlock .edit-interlock-row{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:16px}.interlock-modal .device-selection-section .edit-interlock .edit-interlock-row:last-child{margin-bottom:50px}.interlock-modal .form-bottom-buttons{display:flex;justify-content:space-between;flex-direction:row}.interlock-modal .form-bottom-buttons.add-interlock-buttons .form-buttons{display:flex;justify-content:space-between;flex-direction:row;gap:24px}.interlock-modal .form-bottom-buttons .form-buttons{gap:24px}.add-multi-person{display:flex;flex-direction:column}.add-multi-person .input-row{display:flex;flex-direction:column;width:100%;gap:24px}.add-verification-mode{width:1196px;height:691px;display:flex;flex-direction:column;gap:20px;padding-right:10px;overflow:auto}.add-verification-mode .select-table{width:100%;min-width:20px!important;height:30px;font-size:12px}.add-verification-mode .form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.add-verification-mode .form-row-2{display:flex}.add-verification-mode .verification-table{width:70vw;overflow:scroll}.add-verification-mode .verification-table::-webkit-scrollbar{display:none}.add-verification-mode .verification-table{-ms-overflow-style:none;scrollbar-width:none}.add-verification-mode .table{color:#292d31;font-size:14px}.add-verification-mode .table thead tr th{background:#141c2f;padding:10px 0 5px 14px;font-weight:500;color:#fff;font-size:12px}.add-verification-mode .table thead tr .date-time-header{white-space:nowrap}.add-verification-mode .table .table th,.add-verification-mode .table .table td{text-align:center;vertical-align:middle;padding:4px;min-width:40px}.add-verification-mode .table .time-input-field{display:flex;gap:1px;justify-content:center;align-items:center}.add-verification-mode .table .table .date-time-header{text-align:left;padding-left:8px}.add-verification-mode .table tbody tr td{padding:5px 0 5px 5px;color:#fff}.add-verification-mode .table tbody tr td .form-item .input_field{padding:5px 0 5px 5px}.add-verification-mode .table tbody tr td .form-item .input_field:focus,.add-verification-mode .table tbody tr td .form-item .input_field:active,.add-verification-mode .table tbody tr td .form-item .input_field:valid{outline:none;border:none}.add-verification-mode .table tbody tr td .form-item .input-label{display:none}.add-verification-mode .checkbox-row{display:flex;justify-content:space-between}.add-verification-mode .checkbox-row .verification-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:790px;height:45px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-left:15px}.add-verification-mode .verification-button{display:flex;align-items:center}.add-verification-mode .verification-button.add-mode{justify-content:space-between;padding-left:15px}.add-verification-mode .verification-button.edit-mode{justify-content:center}.add-verification-mode .verification-button .form-buttons{display:flex;align-items:center;justify-content:center;gap:24px}.render-Date-Filter{display:flex;gap:20px}.add-linkage{display:flex;flex-direction:column;gap:20px}.add-linkage .top-section{background-color:#101625;padding:16px;display:flex;flex-direction:column;gap:16px}.add-linkage .top-section .input-wrap{width:25%}.add-linkage .top-section .device-table-wrap{width:61vw}.add-linkage .top-section .device-table-wrap .label-name{font-size:16px;font-weight:600}.add-linkage .top-section .device-table-wrap .sub-label{opacity:74%;margin-top:10px}.add-linkage .top-section .device-table-wrap .swap-table .table-container .search-input{background-color:#1a2337}.add-linkage .top-section .device-table-wrap .swap-table .table-container .search-input .input-wrapper{background-color:#1a2337;margin:0}.add-linkage .top-section .device-table-wrap .swap-table .table-container .swap-tbl-container{height:266px}.add-linkage .top-section .box-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;min-width:62.5vw;box-sizing:border-box;overflow-x:auto}.add-linkage .top-section .box-container .box-wrap{display:flex;flex-direction:column;gap:16px}.add-linkage .top-section .box-container .box-wrap .cards{background-color:#141c2f;height:170px;overflow-y:auto;text-align:center;display:flex;justify-content:center;align-items:center;position:relative}.add-linkage .top-section .box-container .box-wrap .cards.d-block{padding:10px;display:block}.add-linkage .top-section .box-container .box-wrap .cards .expandable-btn{position:absolute;width:36px;top:50%;right:10px;transform:translateY(-50%);background-color:#101625;padding:5px;transition:all .3s ease-in-out;display:flex;align-items:center;cursor:pointer}.add-linkage .top-section .box-container .box-wrap .cards .expandable-btn .button-text{opacity:0;display:none;margin-left:0;color:#fff;white-space:nowrap;overflow:hidden;transition:opacity .3s ease}.add-linkage .top-section .box-container .box-wrap .cards .expandable-btn:hover{width:130px}.add-linkage .top-section .box-container .box-wrap .cards .expandable-btn:hover .button-text{opacity:1;display:block}.add-linkage .top-section .box-container .box-wrap .cards.input-point-card{display:block}.add-linkage .top-section .box-container .box-wrap .cards.input-point-card .card-wrap{width:max-content}.add-linkage .bottom-section{padding:16px 16px 0;display:flex;flex-direction:column;gap:24px;background-color:#101625}.add-linkage .bottom-section .tab-pages{overflow:visible}.add-linkage .bottom-section .tab-pages .tab-list-items{background:transparent}.add-linkage .form-buttons{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 16px}.add-linkage .form-buttons .form-bottom-buttons{margin:0}.linkage-trigger-conditions{width:40vw}.linkage-trigger-conditions .tree-view-wrap{height:38vh;overflow-y:auto}.output-point{display:grid;grid-template-columns:40% 40%;gap:20px}.output-point .cards-wrap{display:flex;flex-direction:column;gap:16px}.output-point .cards-wrap .card-label{font-size:16px;font-weight:500}.output-point .cards-wrap .input-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}.output-point .cards{display:block;background-color:#141c2f;height:170px;overflow-y:auto;text-align:center}.output-point .cards .treeViewBox-wrap{width:max-content}.intrusion{display:grid;grid-template-columns:25% 75%;gap:20px;position:relative}.intrusion:after{content:"";position:absolute;top:0;left:26%;transform:translate(-50%);width:1px;height:100%;z-index:1;background:linear-gradient(to bottom,#fff0,#fff,#9990)}.export-photos-modal{width:51vw;padding:24px;display:flex;flex-direction:column;gap:24px}.export-photos-modal h2{font-size:20px;margin-bottom:12px}.export-photos-modal .top-section{display:flex;align-items:center}.export-photos-modal .input-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px}.export-photos-modal .input-grid .position-inputs{grid-column:span 3;display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px}.export-photos-modal .form-bottom-buttons{display:flex;justify-content:center;gap:12px;margin-top:16px}.antiPassBack-modal{width:100%}.antiPassBack-modal .add-antiPassBack{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px}.antiPassBack-modal .add-antiPassBack-buttons{display:flex;justify-content:space-between;flex-direction:row}.antiPassBack-modal .add-antiPassBack-buttons .form-buttons{display:flex;justify-content:space-between;flex-direction:row;gap:24px}.antiPassBack-modal .device-selection-section-edit{width:100%}.antiPassBack-modal .device-selection-section-edit .edit-antiPassBack .edit-antiPassBack-row{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:16px}.antiPassBack-modal .device-selection-section-edit .edit-antiPassBack .edit-antiPassBack-row:last-child{margin-bottom:0}.antiPassBack-modal .edit-antiPassBack-buttons{margin-top:70px}.add-timeZone{display:flex;flex-direction:column;gap:20px;width:694px;padding-right:10px}.add-timeZone .form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.add-timeZone .table{width:100%;color:#292d31;font-size:14px}.add-timeZone .table thead tr th{background:#141c2f;text-align:start;padding:10px 0 5px 14px;font-weight:500;color:#fff}.add-timeZone .table thead tr .date-time-header{white-space:nowrap}.add-timeZone .table .table th,.add-timeZone .table .table td{text-align:center;vertical-align:middle;padding:4px;min-width:40px}.add-timeZone .table .time-input-field{display:flex;gap:1px;justify-content:center;align-items:center}.add-timeZone .table .table .date-time-header{text-align:left;padding-left:8px}.add-timeZone .table tbody tr td{padding:5px 0 5px 5px;color:#fff}.add-timeZone .table tbody tr td .form-item .input_field{padding:5px 0 5px 5px}.add-timeZone .table tbody tr td .form-item .input_field:focus,.add-timeZone .table tbody tr td .form-item .input_field:active,.add-timeZone .table tbody tr td .form-item .input_field:valid{outline:none;border:none}.add-timeZone .table tbody tr td .form-item .input-label{display:none}.add-timeZone .checkbox-row{display:flex;justify-content:end}.add-timeZone .timezone-button{display:flex;align-items:center}.add-timeZone .timezone-button.add-mode{justify-content:space-between;padding-left:15px}.add-timeZone .timezone-button.edit-mode{justify-content:center}.add-timeZone .timezone-button .form-buttons{display:flex;align-items:center;justify-content:center;gap:24px}.readerDefine-modal .device-selection-section .add-readerDefine .add-readerDefine-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;margin-bottom:24px;width:260px}.readerDefine-modal .device-selection-section .edit-readerDefine-buttons{justify-content:center}.readerDefine-modal .device-selection-section .edit-readerDefine .edit-readerDefine-row{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:16px;width:260px}.readerDefine-modal .device-selection-section .edit-readerDefine .edit-readerDefine-row:last-child{margin-bottom:50px}.readerDefine-modal .form-bottom-buttons{display:flex;flex-direction:row}.readerDefine-modal .form-bottom-buttons.add-readerDefine-buttons .form-buttons{display:flex;flex-direction:row;gap:24px}.readerDefine-modal .form-bottom-buttons .form-buttons{gap:24px}.acknowledge-modal{width:620px;max-height:554px}.acknowledge-modal .section{margin:16px 0}.acknowledge-modal .section .section-title{font-size:14px;font-weight:500;margin-bottom:8px;margin-left:6px}.acknowledge-modal .section .info-box{width:588px;height:120px;background-color:#141c2f;color:#fff;padding:12px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;border-radius:6px}.acknowledge-modal .section .info-box .label-value{display:flex;align-items:flex-start;gap:10px}.acknowledge-modal .section .info-box .label-value strong{width:140px;flex-shrink:0;color:#fff;opacity:.5;font-weight:500}.acknowledge-modal .section .info-box .label-value .text-danger{color:#fff;font-weight:400;word-break:break-word}.acknowledge-modal .section .info-box .label-value .text-danger.text-danger{color:#f04438}.acknowledge-modal .section .info-box.empty{background-color:#141c2f}.acknowledge-modal .input-wrapper{width:260px;margin:12px 0}.acknowledge-modal .form-buttons-right{display:flex;justify-content:center;gap:10px;margin-top:20px}.add-zone .add-zone-input{display:flex;flex-direction:column;gap:24px}.add-zone .add-zone-row{display:flex;flex-direction:row;gap:24px}.add-global-antiPassBack-container{width:700px;display:flex;flex-direction:row;gap:20px;padding:5px 5px 0}.add-global-antiPassBack-container .form-row{display:grid;grid-template-columns:50% 50%;gap:20px}.add-global-antiPassBack-container .form-row .flex-row-left,.add-global-antiPassBack-container .form-row .flex-row-right{display:flex;flex-direction:column;gap:24px}.add-global-antiPassBack-container .form-row .controlZone{gap:10px}.musterPoint-modal .device-selection-section{width:60vw;max-height:70vh;overflow-x:auto}.musterPoint-modal .device-selection-section .muster-table .table-container{height:260px}.musterPoint-modal .device-selection-section .add-musterPoint{display:flex;flex-direction:row;gap:24px;padding-bottom:20px}.musterPoint-modal .device-selection-section .add-musterPoint .sub-musterPoint-row{display:flex;flex-direction:column;gap:24px}.musterPoint-modal .device-selection-section .check-box-wrapper{display:flex;flex-direction:column;gap:5px}.musterPoint-modal .device-selection-section .checkbox-group-list{padding-bottom:9px}.musterPoint-modal .device-selection-section .musterPoint-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:769px;height:45px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-left:15px;margin-top:20px}.musterPoint-modal .device-selection-section .scheduled-report-row{display:flex;flex-direction:column;gap:24px;padding-top:5px}.musterPoint-modal .device-selection-section .scheduled-report-row .scheduled-report-fields{width:260px}.musterPoint-modal .device-selection-section .scheduled-report-row .text-item{width:700px}.musterPoint-modal .device-selection-section .musterPoint-email{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:45px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-left:15px}.global-add-linkage{display:flex;flex-direction:column;gap:20px}.global-add-linkage .top-section{background-color:#101625;padding:16px;display:flex;flex-direction:column;gap:16px}.global-add-linkage .top-section .input-wrap{display:flex;flex-direction:row;gap:24px;width:25%}.global-add-linkage .top-section .active-time-container{display:flex;flex-direction:column;gap:.75rem}.global-add-linkage .top-section .active-time-container .active-time-title{font-size:14px;color:#fdfdff}.global-add-linkage .top-section .active-time-container .flex-row{display:flex;gap:1rem}.global-add-linkage .top-section .active-time-container .flex-row .form-item{min-width:160px!important}.global-add-linkage .top-section .active-time-container .flex-row .input-date-time{flex:1}.global-add-linkage .top-section .device-table-wrap{width:61vw}.global-add-linkage .top-section .device-table-wrap .label-name{font-size:16px;font-weight:600}.global-add-linkage .top-section .device-table-wrap .sub-label{opacity:74%;margin-top:10px}.global-add-linkage .top-section .device-table-wrap .swap-table .table-container .search-input{background-color:#1a2337}.global-add-linkage .top-section .device-table-wrap .swap-table .table-container .swap-tbl-container{height:266px}.global-add-linkage .top-section .box-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:85%;min-width:62.5vw;box-sizing:border-box;overflow-x:auto}.global-add-linkage .top-section .box-container .box-wrap{display:flex;flex-direction:column;gap:16px}.global-add-linkage .top-section .box-container .box-wrap .cards{background-color:#141c2f;height:170px;overflow-y:auto;text-align:center;display:flex;justify-content:center;align-items:center;position:relative}.global-add-linkage .top-section .box-container .box-wrap .cards.d-block{display:block}.global-add-linkage .top-section .box-container .box-wrap .cards .expandable-btn{position:absolute;width:36px;top:50%;right:10px;transform:translateY(-50%);background-color:#101625;padding:5px;transition:all .3s ease-in-out;display:flex;align-items:center;cursor:pointer}.global-add-linkage .top-section .box-container .box-wrap .cards .expandable-btn .button-text{opacity:0;display:none;margin-left:0;color:#fff;white-space:nowrap;overflow:hidden;transition:opacity .3s ease}.global-add-linkage .top-section .box-container .box-wrap .cards .expandable-btn:hover{width:130px}.global-add-linkage .top-section .box-container .box-wrap .cards .expandable-btn:hover .button-text{opacity:1;display:block}.global-add-linkage .top-section .box-container .box-wrap .cards.input-point-card{display:block}.global-add-linkage .top-section .box-container .box-wrap .cards.input-point-card p{padding-top:72px}.global-add-linkage .top-section .box-container .box-wrap .cards.input-point-card .card-wrap{width:max-content}.global-add-linkage .bottom-section{padding:16px 16px 0;display:flex;flex-direction:column;gap:24px;background-color:#101625}.global-add-linkage .bottom-section .tab-pages{overflow:visible}.global-add-linkage .bottom-section .tab-pages .tab-list-items{background:transparent}.global-add-linkage .form-buttons{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 16px}.global-add-linkage .form-buttons .form-bottom-buttons{margin:0}.global-add-linkage .input-point-card{display:flex;flex-direction:column;align-items:center;width:100%}.global-add-linkage .input-point-center-btn{display:flex;justify-content:center;margin-top:60px;width:100%}.global-add-linkage .input-point-content{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:20px}.global-add-linkage .input-point-left{flex:1}.global-add-linkage .input-point-right{display:flex;align-items:center}.global-add-linkage .checkbox-list{display:flex;flex-direction:column;padding:10px;margin-right:80%}.global-add-linkage .checkbox-group-list{display:flex;padding:10px;flex-direction:column;gap:10px 20px}.global-add-linkage .select-timezone-option{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.output-point .cards{background-color:#141c2f;height:170px;overflow-y:auto;display:flex;justify-content:flex-start;position:relative}.output-point .cards.d-block{padding:10px;display:block}.output-point .cards .expandable-btn{position:absolute;width:36px;top:50%;right:10px;transform:translateY(-50%);background-color:#101625;padding:5px;transition:all .3s ease-in-out;display:flex;align-items:center;cursor:pointer}.output-point .cards .expandable-btn .button-text{opacity:0;display:none;margin-left:0;color:#fff;white-space:nowrap;overflow:hidden;transition:opacity .3s ease}.output-point .cards .expandable-btn:hover{width:130px}.output-point .cards .expandable-btn:hover .button-text{opacity:1;display:block}.output-point .cards.input-point-card{display:block}.output-point .cards.input-point-card p{padding-top:72px}.output-point .cards.input-point-card .card-wrap{width:max-content}.output-point .input-point-center-btn{display:flex;justify-content:center;align-items:center;margin-top:0;width:100%}.output-point .checkbox-list{display:flex;flex-direction:column}.muster-point-reports .card-wrapper{display:grid;grid-template-columns:25% 75%;gap:10px}.muster-point-reports .card-wrapper .card .left-card-title .btn{min-width:max-content;padding:0}.muster-point-reports .card-wrapper .card .refresh-title{gap:10px}.muster-point-reports .card-wrapper .card .data-analysis-card{margin-top:24px;display:flex;flex-direction:column;gap:24px}.muster-point-reports .card-wrapper .card .data-analysis-card .input-wrap{display:grid;grid-template-columns:90% 10%;gap:10px;align-items:center}.muster-point-reports .card-wrapper .card .data-analysis-card .generate-icon{cursor:pointer}.muster-point-reports .card-wrapper .card .data-analysis-card .chart-wrap{width:100%;display:flex;flex-direction:column;align-items:center}.muster-point-reports .card-wrapper .card .data-analysis-card .chart-wrap .recharts-responsive-container{width:100%;height:100%}.muster-point-reports .card-wrapper .card .data-analysis-card .chart-wrap .legends{display:grid;width:100%;grid-template-columns:1fr 1fr 1fr;text-align:center}.muster-point-reports .card-wrapper .card .data-analysis-card .chart-wrap .legends .each-legends .value{font-size:40px}.muster-point-reports .card-wrapper .card .data-analysis-card .chart-wrap .legends .each-legends .label{opacity:47%;font-size:14px}.muster-point-reports .card-wrapper .card .muster-point-table .render-top-toolbar,.muster-point-reports .card-wrapper .card .muster-point-table .custom-pagination{background-color:#0e1522}.add-group-form{display:flex;flex-direction:column;gap:1rem;padding:1rem}.add-group-form .input-row{display:flex;justify-content:space-between;gap:1rem}.add-group-form .input-row .input-field{flex:1}.add-group-form .checkbox-align-top{margin-top:.5rem;padding-left:.2rem}.add-group-form .form-bottom-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.add-personAvailability{width:580px;display:flex;flex-direction:column;gap:20px}.add-personAvailability .form-row{width:95%;display:flex;flex-direction:column;gap:16px}.add-personAvailability .form-row .flex-row{display:flex;gap:24px;flex-wrap:wrap}.add-personAvailability .form-row .flex-row>*{flex:1;min-width:200px}.add-personAvailability .form-buttons-right{width:95%;display:flex;justify-content:space-between;margin-top:16px;flex-wrap:wrap;gap:16px}.add-personAvailability .form-buttons-right .left-buttons,.add-personAvailability .form-buttons-right .right-buttons{display:flex;gap:12px}.add-personAvailability .form-buttons-right .btn-outline-primary,.add-personAvailability .form-buttons-right .btn-primary{min-width:100px}.area-headcount .grid-container{display:grid;grid-template-columns:25% 73%;gap:20px;margin-top:20px}.area-headcount .grid-container .zone-person-count .area-definition-card{display:flex;flex-direction:row;justify-content:space-between;gap:100px}.area-headcount .grid-container .zone-person-count .area-definition-card .action-button{display:flex;gap:8px}.area-headcount .grid-container .zone-person-count .area-definition-card .action-button .refresh,.area-headcount .grid-container .zone-person-count .area-definition-card .action-button .clear{display:flex;flex-direction:row;gap:8px;cursor:pointer}.counts-container{display:flex;gap:5px;font-size:.875rem;transform:translateY(-30px);opacity:0;height:0;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1);overflow:hidden;pointer-events:none}.counts-container.visible{transform:translateY(0);opacity:1;height:auto;pointer-events:auto}.count-item{display:flex;flex-direction:column}.count-value{font-weight:600;font-size:16px}.count-label{margin-right:4px;font-size:14px;font-weight:400;opacity:.67}.parameter-layout{display:flex;gap:20px}.parameter-layout .left-segment,.parameter-layout .right-segment{flex:1;display:flex;flex-direction:column;gap:25px}.parameter-layout .section{background-color:#101625;padding:20px;border-radius:4px}.parameter-layout .section-title{font-weight:700;margin:12px 0;font-size:16px}.parameter-layout .sub-title{font-weight:500;font-size:14px;margin:12px 0}.parameter-layout .switch-box,.parameter-layout .radio-btn,.parameter-layout .switch-btn{margin:8px 0}.parameter-layout .department-message{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#f04438;width:100%;max-width:563px;line-height:1.5;opacity:.74;padding:8px 16px 8px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin:20px 0 20px 15px;word-break:break-word;white-space:normal}.parameter-layout .helper-text{color:#fff;font-size:14px;font-weight:400;opacity:.5;margin-left:4px;margin-top:5px}.parameter-layout .arrange-select-box{display:flex;flex-direction:column;gap:20px}.parameter-layout .arrange-select-box .inner-select-box{width:360px}.center-confirm-button{display:flex;justify-content:center;margin-top:30px}.view-modal-container{width:800px;height:650px;overflow-y:auto;padding:20px}.view-modal-content{font-size:14px;line-height:1.6;color:#fff}.backup-Immediate{width:100%;display:flex;flex-direction:column;gap:24px;margin-left:5px}.backup-Immediate .title{font-size:14px;font-weight:400}.backup-Immediate .backup-Immediate-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:45px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438}.backup-schedule{width:100%;padding:0 15px;gap:24px;display:flex;flex-direction:column}.backup-schedule .input-row{display:flex;gap:20px;width:80%}.backup-schedule .input-row .select-box{height:40px}.backup-schedule .messages p{margin-bottom:10px}.backup-schedule .backup-schedule-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:75px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438}.ftp-server-settings{display:flex;flex-direction:column;width:100%;padding:10px;gap:24px}.ftp-server-settings .ftp-server-settings-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.system-data-cleaning{display:flex;flex-direction:column}.system-data-cleaning .system-data-cleaning-message{display:flex;align-items:center;font-size:14px;color:#f04438;height:45px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000 60%);border-left:3px solid #f04438;position:relative;overflow:hidden}.system-data-cleaning .system-data-cleaning-message .scroll-text-wrapper{display:inline-block;white-space:nowrap;animation:scrollText 30s linear infinite}.system-data-cleaning .system-data-cleaning-message .scroll-text-wrapper:hover{animation-play-state:paused}@keyframes scrollText{0%{transform:translate(0)}to{transform:translate(-50%)}}.system-data-cleaning .card-box{display:flex;flex-direction:column;gap:24px;padding:16px;background-color:#101625}.system-data-cleaning .card-box .card-title{font-size:17px;font-weight:700}.system-data-cleaning .card-box .form-bottom-buttons{position:sticky;bottom:0;background:#101625;padding:12px 16px;text-align:right;z-index:10}.system-data-cleaning .card-box .card-body{gap:20px}.system-data-cleaning .card-box .card-body .item{background:#101625;padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:12px;min-width:240px}.data-setting-form-system{width:100%}.data-setting-form-system .cards-row{display:flex;gap:24px;flex-wrap:nowrap}.data-setting-form-system .system-record-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:45px;opacity:74%;margin-bottom:20px;margin-top:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000 80%);border-left:3px solid #f04438}.data-setting-form-system .item-card{display:flex;flex-direction:column;background:#101625;padding:16px;border-radius:8px;gap:12px;min-width:220px;flex:1}.data-setting-form-system .item-card .system{margin-top:0}.data-setting-form-system .item-card .record-title{font-weight:600;font-size:16px}.data-setting-form-system .item-card .input-row{display:flex;gap:16px}.data-setting-form-system .item-card .input-row .input-column{display:flex;flex-direction:column}.data-setting-form-system .item-card .input-row .input-column .form-select-item{position:relative;display:flex;flex-direction:column;min-width:200px;max-width:100%}.data-setting-form-system .item-card .input-row .input-column .sub-title{font-size:13px;margin-bottom:4px}.data-setting-form-system .item-card .input-row .input-column .months-message{font-size:12px;color:gray;margin-top:2px}.data-setting-form-system .item-card .cleanup-button{margin-top:8px}.data-setting-form-system .item-card .note{font-size:12px;margin-top:4px}.data-setting-form .column{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%}.data-setting-form .column .item.item-1{gap:24px}.data-setting-form .column .item.item-1 .form-start{width:425px}.data-setting-form .column .system-record-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:45px;opacity:74%;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000 80%);border-left:3px solid #f04438}.data-setting-form .column .input-wrapper{display:grid;flex-direction:row;grid-template-columns:1fr 1fr;gap:24px}.data-setting-form .column .input-wrapper .form-select-item{position:relative;display:flex;flex-direction:column;min-width:200px;max-width:100%}.add-area-container{display:flex;flex-direction:column}.add-area-container .add-area-form{padding:16px}.add-area-container .add-area-form .area-container{display:flex;flex-direction:row;gap:24px;padding-bottom:30px}.add-area-container .add-area-form .area-container .col{width:260px;height:36px}.add-area-container .add-area-form .sub-container{display:flex;flex-direction:row;gap:24px;padding-bottom:25px}.add-area-container .add-area-form .sub-container .col{width:260px;height:36px}.add-area-container .area-buttons{display:flex;justify-content:center;align-items:center}.add-area-container .area-buttons .form-buttons{display:flex;align-items:center;justify-content:center;gap:24px}.add-area-container .area-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:45px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-left:15px}.add-user-container{width:100%;padding:10px}.add-user-container .user-input-filelds{display:flex;flex-direction:row;gap:20px;padding-bottom:10px}.add-user-container .login-permissions-checkboxes{display:flex;flex-direction:row;gap:20px;padding:20px 0}.add-user-container .resetPassword-fields{display:flex;flex-direction:row;gap:20px;width:65%}.add-user-container .edit-resetPassword{display:flex;flex-direction:row;gap:20px;width:65%;padding-bottom:20px}.add-user-container .maximum-number-field{width:30%;padding-bottom:10px}.add-user-container .maximum-number-field .number-input-with-controls{display:flex;flex-direction:column;gap:5px}.add-user-container .maximum-number-field .number-input-with-controls label{font-size:14px;font-weight:400;margin-bottom:2px}.add-user-container .maximum-number-field .number-input-with-controls .number-control-container{display:flex;align-items:center;background:transparent;border:none;padding:0}.add-user-container .maximum-number-field .number-input-with-controls .number-control-container .number-control-btn{background:transparent;background:#1c3151;border:none;padding:8px 10px;cursor:pointer;font-size:18px;font-weight:300;color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:30px;height:32px}.add-user-container .maximum-number-field .number-input-with-controls .number-control-container .number-control-btn:hover:not(:disabled){color:#fff;background:#1c3151;border-radius:4px}.add-user-container .maximum-number-field .number-input-with-controls .number-control-container .number-control-btn:active:not(:disabled){transform:scale(.95)}.add-user-container .maximum-number-field .number-input-with-controls .number-control-container .number-control-btn:disabled{opacity:.3;cursor:not-allowed;color:#ffffff87}.add-user-container .maximum-number-field .number-input-with-controls .number-control-container .number-input{border:none;border-bottom:1px solid #ffffff;padding:6px 12px;text-align:center;width:60px;outline:none;font-size:16px;font-weight:400;color:#fff;background:transparent;margin:0 8px}.add-user-container .maximum-number-field .number-input-with-controls .number-control-container .number-input::-webkit-outer-spin-button,.add-user-container .maximum-number-field .number-input-with-controls .number-control-container .number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-user-container .maximum-number-field .number-input-with-controls .number-control-container .number-input[type=number]{-moz-appearance:textfield}.add-user-container .role-department-fields{display:flex;flex-direction:row;gap:20px;width:52%;padding:0 0 20px}.add-user-container .authorizeArea-fields{display:flex;flex-direction:row;gap:20px;width:25%;padding:20px 0}.add-user-container .personal-info-fields{display:flex;flex-direction:row;gap:20px;padding:20px 0}.add-user-container .container-name{display:flex;justify-content:flex-start}.add-user-container .user-buttons{display:flex;justify-content:space-between;align-items:center}.add-user-container .user-buttons{display:flex;align-items:center}.add-user-container .user-buttons.add-mode{justify-content:space-between;padding-left:15px}.add-user-container .user-buttons.edit-mode{justify-content:center}.add-user-container .user-buttons .form-buttons{display:flex;align-items:center;justify-content:center;gap:24px}.add-user-container .user-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:583px;height:45px;opacity:74%;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-top:5px}.security-parameters-content{padding:0 10px 10px}.security-parameters-content .section h4{margin:0 0 10px;font-weight:400}.security-parameters-content .login-verification-section .verification-options{display:flex;align-items:center;margin-bottom:10px}.security-parameters-content .login-verification-section .select-box-container{width:300px}.security-parameters-content .password-strength-section .radio-options{display:flex;gap:15px;margin-bottom:10px}.security-parameters-content .login-settings-grid .login-format{display:flex;flex-direction:row;gap:20px}.security-parameters-content .login-settings-grid .login-format .grid-cell{min-width:200px}.security-parameters-content .login-settings-grid .login-format .password-motification{width:360px!important}.security-parameters-content .checkbox-section{margin-bottom:20px}.security-parameters-content .text-danger{margin-top:.5rem}.security-parameters-content .text-danger .note{display:flex;align-items:flex-start}.security-parameters-content .text-danger .note .alter-icon{margin-right:8px}.security-parameters-content .defaultPasswordStrength{width:360px;padding-bottom:30px}.security-parameters-content .defaultPasswordStrength h4{margin-bottom:10px;font-weight:400}.security-parameters-content .password-msg{display:flex}.security-parameters .verificationType-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:45px;opacity:74%;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438}.security-parameters .card-box{display:flex;flex-direction:column;gap:15px;padding:16px;background-color:#101625}.security-parameters .card-title{font-size:17px;font-weight:700}.security-parameters .select-box-container{width:320px}.security-parameters .parameters-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:85px;opacity:74%;margin-top:-23px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438}.add-vehicle-usage{display:flex;flex-direction:column;gap:20px;justify-content:center;width:750px;height:220px}.add-vehicle-usage .vehicle-usage-wrapper{display:flex;flex-direction:row;gap:24px;padding:10px;justify-content:center;width:100%}.export-all-transactions{max-width:800px;max-height:80vh;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:20px}.export-all-transactions .left,.export-all-transactions .right{display:flex;flex-direction:column;gap:20px;padding:0 16px}.export-all-transactions .position-inputs{grid-column:1/3;display:flex;gap:20px;padding:0 16px}.export-all-transactions .position-inputs>div{flex:1;min-width:200px}.outgoing-mail-server-settings{padding:10px 20px 20px}.outgoing-mail-server-settings .flex-row{display:flex;align-items:flex-start;gap:20px;margin-top:0;margin-bottom:20px}.outgoing-mail-server-settings .flex-row:first-child{margin-top:0}.outgoing-mail-server-settings .flex-row>*{flex:1}.outgoing-mail-server-settings .flex-row input{width:100%}.outgoing-mail-server-settings .flex-row .checkbox-title{font-size:14px;padding-right:5px;cursor:pointer}.outgoing-mail-server-settings .field-helper-text{font-size:.875rem;color:#6c757d;margin-bottom:15px;margin-top:5px}.outgoing-mail-server-settings .flex-input{display:flex;flex-direction:column;margin-top:0}.outgoing-mail-server-settings .flex-input input{width:100%}.outgoing-mail-server-settings .checkbox-group{display:flex;justify-content:space-between;margin-bottom:20px}.outgoing-mail-server-settings .checkbox-group label{margin-right:10px}.outgoing-mail-server-settings .single-row{margin-bottom:20px}.outgoing-mail-server-settings .single-row input{width:100%}.outgoing-mail-server-settings .form-group{margin-bottom:-1rem;margin-top:0}.outgoing-mail-server-settings .form-label{display:block;margin-bottom:.5rem;font-weight:500}.outgoing-mail-server-settings .form-label.required{position:relative}.outgoing-mail-server-settings .required-asterisk{color:#ff1313;margin-left:4px}.outgoing-mail-server-settings .radio-group{display:flex;gap:1rem;flex-wrap:wrap}.outgoing-mail-server-settings .mailServer-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:45px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-top:15px}.attention-text{margin-left:15px}.occupancy-buttons{display:flex;justify-content:space-between;align-items:center}.occupancy-buttons .form-buttons{display:flex;align-items:center;justify-content:center;gap:24px}.occupancy-buttons{display:flex;align-items:center}.occupancy-buttons.add-mode{justify-content:space-between;padding-left:15px}.occupancy-buttons.edit-mode{justify-content:center}.buttons{margin-right:15px;display:flex;flex-direction:row;gap:16px}.system-monitoring .tabs-wrap .tab-list-items{width:50%}.system-monitoring .tabs-wrap .switch-tab-page{padding:0}.system-monitoring .tabs-wrap .switch-tab-page .current-information{display:flex;flex-direction:column;gap:20px}.system-monitoring .tabs-wrap .switch-tab-page .current-information .info-tables thead tr td{background:#0c111c}.system-monitoring .tabs-wrap .switch-tab-page .current-information .info-tables tbody tr:nth-child(2n){background-color:#141c2f}.system-monitoring .tabs-wrap .switch-tab-page .current-information .chart-card{display:grid;grid-template-columns:repeat(auto-fill,minmax(475px,1fr));gap:20px}.system-monitoring .tabs-wrap .switch-tab-page .current-information .chart-card .chart-wrap{display:flex;gap:10px;align-items:center}.system-monitoring .tabs-wrap .switch-tab-page .current-information .chart-card .chart-wrap .chart-value{display:flex;flex-direction:column;gap:10px}.system-monitoring .tabs-wrap .switch-tab-page .current-information .chart-card .chart-wrap .chart-value .value{color:#24983f;font-size:28px;font-weight:600}.system-monitoring .tabs-wrap .switch-tab-page .current-information .chart-card .chart-wrap .chart-value .label{font-weight:500;opacity:47%}.system-monitoring .tabs-wrap .switch-tab-page .line-chart-container{display:grid;grid-template-columns:85% 15%}.system-monitoring .tabs-wrap .switch-tab-page .line-chart-container .legend-container{display:flex;flex-direction:column;gap:20px}.system-monitoring .tabs-wrap .switch-tab-page .line-chart-container .legend-container .switch-wrap{display:flex;align-items:center;justify-content:space-between}.system-monitoring .tabs-wrap .switch-tab-page .line-chart-container .legend-container .switch-wrap .flex-row{display:flex}.system-monitoring .tabs-wrap .switch-tab-page .line-chart-container .legend-container .switch-wrap .dot{width:12px;height:12px}.system-monitoring .tabs-wrap .switch-tab-page .line-chart-container .legend-container .switch-wrap .dot.green{background-color:#28a745}.system-monitoring .tabs-wrap .switch-tab-page .line-chart-container .legend-container .switch-wrap .dot.danger{background-color:#f04438}.system-monitoring .tabs-wrap .switch-tab-page .line-chart-container .legend-container .switch-wrap .dot.warning{background-color:#f3a218}.system-monitoring .tabs-wrap .switch-tab-page .custom-tooltip{background:#0c111cab;padding:12px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:#078dee78}.system-monitoring .tabs-wrap .switch-tab-page .custom-tooltip .label{margin-bottom:8px;padding-bottom:8px;text-transform:capitalize;font-weight:700;border-bottom:1px solid #4a5568}.system-monitoring .tabs-wrap .switch-tab-page .custom-tooltip .items .dot{width:12px;height:12px}.add-role{display:flex;flex-direction:column;gap:20px}.add-role .form-section{display:flex;flex-direction:column;gap:10px}.add-role .form-section .tab-pages .tab-modal-content .tab-list-items{background:transparent;gap:10px;scrollbar-width:none}.add-role .form-section .role-tree-view-wrap{display:flex;flex-direction:column;gap:10px}.add-role .form-section .role-tree-view-wrap .role-tree-view{height:calc(50vh - 100px);overflow-y:auto}.add-role .form-section .role-tree-view-wrap .expand-icons .icons{cursor:pointer}.add-role .form-section .form-buttons{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 16px}.add-role .form-section .form-buttons .form-bottom-buttons{margin:0}.view-authorized-modal{height:73vh;width:100%}.view-authorized-modal .tbl-container{height:65vh;max-height:none;width:65vw}.add-certificate-wrapper{padding:1rem;width:580px}.add-certificate-wrapper .input-wrapper{margin-bottom:1rem;width:260px}.button-row{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.server-side-network .adms-item{width:30%}.adms-service-setting .column,.adms-service-setting .column .switch-wrapper{display:flex;flex-direction:column;gap:24px}.adms-service-setting .adms-item{width:30%}.adms-service-setting .adms-service-setting-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:800px;height:45px;opacity:74%;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438}.adms-service-setting .adms-service-setting-message .error-msg{width:100%}.view-log .tabs-wrap{margin-bottom:20px}.view-log .log-tab{border-radius:8px;padding:12px;max-height:450px;min-height:450px;max-width:1000px;min-width:1000px;overflow:auto;white-space:pre;font-family:Courier New,Courier,monospace;font-size:13px;scrollbar-color:#D9D9D9;scrollbar-width:thin}.view-log .log-tab::-webkit-scrollbar{width:6px;height:6px}.biometric-type .face-registration{display:flex;flex-direction:column;gap:24px}.registration-type-selector,.registration-type-selector .radio-form-item .radio-group-list{justify-content:center}.finger-vein-scanner{position:relative;width:300px;height:250px;margin:20px auto}.finger-vein-scanner .scanner-image{position:relative;width:100%;height:100%;object-fit:contain;z-index:2}.finger-vein-scanner .finger-highlight{position:absolute;border-radius:50%;background:#2196f300;transition:all .3s ease;z-index:1}.finger-vein-scanner .finger-highlight.active{background:#2196f34d;box-shadow:0 0 0 2px #2196f3cc,0 0 10px 4px #2196f366;animation:pulse 1.5s infinite}.finger-vein-scanner .finger-touch-area{position:absolute;border-radius:50%;cursor:pointer;z-index:4;opacity:0}.finger-vein-scanner .finger-touch-area:hover~.finger-highlight{background:#2196f31a}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.7}}.fingerprint-view .scanner-container{display:grid;grid-template-columns:1fr 1fr;margin-left:10px}.fingerprint-view .scanner-container .right-section{margin-top:30px;display:flex;flex-direction:column;gap:24px}.fingerprint-view .scanner-container .right-section .scanner-overlay{margin-left:80px}.fingerprint-view .scanner-container .right-section .fingerprint-loader{margin-left:100px}.fingerprint-view .scanner-container .right-section .remote-registration-container{display:flex;flex-direction:column;gap:24px}.fingerprint-view .scanner-container .right-section .remote-registration-container .remote-confirm-button{display:flex;flex-direction:row-reverse}.fingerprint-view .scanner-container .left-section .driver-notice-error-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:425px;height:45px;opacity:74%;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000 80%);border-left:3px solid #f04438}.fingerprint-view .scanner-container .loader-icon{margin-top:100px;margin-left:10px}.fingerprint-view .scanner-container .finger-print-scanner{width:100px}.fingerprint-view .scanner-container .fingerprint-options .duress-checkbox{margin-left:80px;margin-top:10px}.fingerprint-view .scanner-container .fingerprint-options .driver-notice-error-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:45px;opacity:74%;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000 80%);border-left:3px solid #f04438}.fingerprint-view .scanner-container .download-wrapper{display:flex;gap:10px;justify-content:end}.face-registration .face-registration-container{display:flex;flex-direction:column;gap:24px}.face-registration .face-registration-container .face-registration-loader{margin-left:200px}.face-registration .face-registration-container .download-wrapper{display:flex;justify-content:space-between}.face-registration .face-registration-container .download-wrapper .driver-notice-error-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:563px;height:45px;opacity:74%;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000 80%);border-left:3px solid #f04438}.face-registration .face-registration-container .remote-registration-container{display:flex;flex-direction:column;gap:24px;width:300px}.face-registration .face-registration-container .remote-registration-container .device-selector{margin-bottom:16px}.face-registration .face-registration-container .remote-registration-container .remote-confirm-button{display:flex;margin-left:130px}.spinner-loader .spinner{width:24px;height:24px;display:grid;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) 40%,#4797ff 41%);background:linear-gradient(0deg,#4797ff80 50%,#4797ff 0) center/1.9px 100%,linear-gradient(90deg,#4797ff40 50%,#4797ffbf 0) center/100% 1.9px;background-repeat:no-repeat;animation:spinner-d3o0rx 1.4s infinite steps(12)}.spinner-loader .spinner.stop-loader{animation:none}.spinner-loader .spinner:before,.spinner-loader .spinner:after{content:"";grid-area:1/1;border-radius:50%;background:inherit;opacity:1;transform:rotate(30deg)}.spinner-loader .spinner:after{opacity:1;transform:rotate(60deg)}@keyframes spinner-d3o0rx{to{transform:rotate(1turn)}}.server-configuration .server-row{margin-bottom:20px}.server-configuration .server-row .form-group-wrapper{display:flex;flex-direction:row;gap:24px;width:100%}.server-configuration .server-row .form-group-wrapper .form-item{width:380px}.server-configuration .domain-node-row{margin-top:16px}.server-configuration .domain-node-row .domain-node-field{display:flex;align-items:center;gap:10px;margin-bottom:12px}.server-configuration .domain-node-row .domain-node-field input{width:425px}.server-configuration .domain-node-row .domain-node-field .add-domain-node,.server-configuration .domain-node-row .domain-node-field .delete-domain-node{margin-left:15px;margin-top:10px;cursor:pointer}.ad-field-setting .field-mapping-container{gap:24px;display:grid;grid-template-columns:25% 45%}.ad-field-setting .field-mapping-container .database-fields{width:360px;align-items:center}.ad-field-setting .field-mapping-container .database-fields .field-list{display:flex;flex-direction:column;gap:5px}.ad-field-setting .field-mapping-container .ad-fields{width:360px;align-items:center}.ad-field-setting .field-mapping-container .ad-fields .field-list{display:flex;flex-direction:column;gap:5px}.ad-field-setting .field-mapping-container .ad-fields .field-list .field-item-with-controls{display:flex;flex-direction:row}.ad-field-setting .field-mapping-container .ad-fields .field-list .field-item-with-controls .form-select-item{min-width:360px}.ad-field-setting .field-mapping-container .ad-fields .field-list .field-item-with-controls .fields-add-button,.ad-field-setting .field-mapping-container .ad-fields .field-list .field-item-with-controls .fields-delete-button{margin-left:15px;margin-top:17px;cursor:pointer}.ad-field-setting .field-mapping-container .ad-fields .field-list .field-item-with-controls .action-buttons{display:flex;flex-direction:row}.ad-field-setting .cleanup-button{margin-top:20px}.ad-success-box{padding-top:15px;gap:12px}.ad-success-box .progress-bar{width:100%}.ad-success-box .response-box{padding:10px;height:150px;max-height:150px;overflow:auto;background-color:#141c2f;width:100%}.synchronizePermission-setting .sync-settings .checkbox-group{display:flex;flex-direction:column;gap:20px}.synchronizePermission-setting .domain-node{width:500px;margin-top:10px}.synchronizePermission-setting .synchronize-permission-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;width:800px;height:45px;opacity:74%;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin:20px 0}.data-setting{display:flex;flex-direction:column;gap:20px}.data-setting .sync-section{display:flex;flex-direction:column;gap:24px}.data-setting .sync-section .input-group{width:500px}.data-setting .global-sync{margin-top:10px;display:flex;flex-direction:column;gap:15px}.data-setting .global-sync .every-group{display:flex;flex-direction:row;gap:24px}.data-setting .global-sync .every-group .input-wrapper{display:flex;flex-direction:row;gap:24px;margin-bottom:10px}.data-setting .global-sync .every-group .input-wrapper .input-label{margin-top:15px}.data-setting .global-sync .every-group .input-wrapper .form-item{position:relative;display:flex;flex-direction:column;min-width:200px;max-width:100%}.export-modal{padding:7px;display:flex;flex-direction:column;gap:16px}.form-group2{width:100px}.export-buttons{display:flex;justify-content:flex-end;gap:12px;padding:0 20px 20px}.empty-content-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;height:400px;width:200px;margin:0 auto;overflow:hidden}.box-icon{width:123px;height:128px;margin-top:100px;z-index:1}.floating-icon{position:absolute;width:51px;height:50px;top:80px;left:50%;transform:translate(-50%);z-index:2;opacity:0}.animate-float{animation:floatDown 2s ease-in-out forwards}@keyframes floatDown{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(1.2)}10%{opacity:1}70%{transform:translate(-50%) translateY(60px) scale(.9);opacity:1}to{transform:translate(-50%) translateY(90px) scale(.2);opacity:0}}.add-parking-device{width:100%}.add-parking-device .add-parking-device-wrapper{width:38vw;display:flex;flex-direction:column;gap:24px}.add-parking-device .add-parking-device-wrapper .input-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:24px}.add-entrance-exit-area{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.add-entrance-exit-area .form-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.add-entrance-exit-area .form-row .col{flex:1;min-width:200px}.add-entrance-exit-area .form-row .col .form-select-item .input_field{max-height:44.4px}.add-entrance-exit-area .form-bottom-buttons{margin-top:1rem;display:flex;justify-content:center}.add-entrance-exit-area .form-bottom-buttons .right-buttons{display:flex;gap:1rem}.add-release-reason .add-release-reason-input{display:flex;gap:24px}.chargeManagement-section{background-color:#101625;padding:20px;display:flex;flex-direction:column;gap:20px}.chargeManagement-section .section-title{font-weight:700;margin:12px 0;font-size:16px}.entrance-section{background-color:#101625;padding:20px;display:flex;flex-direction:column;gap:20px}.entrance-section .section-title{font-weight:700;margin:12px 0;font-size:16px}.fixed-vehicle-section{background-color:#101625;padding:20px;display:flex;flex-direction:column;gap:20px}.fixed-vehicle-section .section-title{font-weight:700;margin:12px 0;font-size:16px}.offline-setting-section{background-color:#101625;padding:20px;display:flex;flex-direction:column;gap:20px}.offline-setting-section .section-title{font-weight:700;margin:12px 0;font-size:16px}.other-settings-section{background-color:#101625;padding:20px;display:flex;flex-direction:column;gap:20px}.other-settings-section .section-title{font-weight:700;margin:12px 0;font-size:16px}.other-settings-section .input-with-select{width:80%}.other-settings-section .input-with-select .input-group{display:flex;flex-direction:row;gap:20px}.other-settings-section .input-with-select .input-group>*{flex:1;max-width:170px;min-width:50px}.parking-lot-section{background-color:#101625;padding:20px;display:flex;flex-direction:column;gap:20px}.parking-lot-section .section-title{font-weight:700;margin:12px 0;font-size:16px}.privacy-settings{background-color:#101625;padding:20px;display:flex;flex-direction:column;gap:20px}.privacy-settings .section-title{font-weight:700;margin:12px 0;font-size:16px}.voice-display-settings{background-color:#101625;padding:20px;display:flex;flex-direction:column;gap:20px}.voice-display-settings .section-title{font-weight:700;margin:12px 0;font-size:16px}.voice-display-settings .entrance-display{display:flex;flex-direction:column}.system-overview-snapshots{position:relative}.system-overview-snapshots:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(270deg,#078dee00 30%,#078dee,#04518800 70%)}.system-overview-snapshots:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(270deg,#078dee00 30%,#078dee,#04518800 70%)}.system-overview-snapshots .card{gap:32px;background-color:#141c2f}.system-overview-snapshots .card .card-header .d-flex{gap:14px}.system-overview-snapshots .card .card-header .header{font-size:16px;font-weight:600}.system-overview-snapshots .card .card-header .sub-header{font-size:12px;opacity:47%;font-weight:400}.system-overview-snapshots .card .card-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px;background-color:transparent}.system-overview-snapshots .card .card-body .card-content-wrap{position:relative;padding-right:20px}.system-overview-snapshots .card .card-body .card-content-wrap:not(:last-child):after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,#fff0,#fff,#fff0)}.system-overview-snapshots .card .card-body .card-content-wrap .card-content{display:flex;align-items:center;justify-content:space-between}.system-overview-snapshots .card .card-body .card-content-wrap .card-content .text-wrap{display:flex;flex-direction:column;gap:12px}.system-overview-snapshots .card .card-body .card-content-wrap .card-content .logo-wrap{background:linear-gradient(134.74deg,#0564a900 -23.22%,#ffffff78 -8.68%,#aebac300 48.69%,#0228433d 108.33%);box-shadow:0 0 4.03px 2.14px #0c111c3d;border-radius:6.68px;width:46px;height:46px;display:flex;justify-content:center;align-items:center}.dashboard-container{display:flex;flex-direction:column;gap:16px;padding:0 5px}.dashboard-container .dashboard-grid{display:grid;grid-template-columns:370px auto 459px;grid-template-rows:auto auto;gap:16px}.dashboard-container .dashboard-grid .card{background-color:#141c2f}.dashboard-container .dashboard-grid .card .card-body{display:contents;background-color:transparent}.dashboard-container .dashboard-grid .device-status-card{grid-column:1/2;width:370px}.dashboard-container .dashboard-grid .biometric-registration{grid-column:2/3}.dashboard-container .dashboard-grid .recent-activity-card{grid-column:3/4;grid-row:1/3;overflow-y:auto}.dashboard-container .dashboard-grid .second-row{display:flex;gap:16px;width:100%;grid-column:1/3}.dashboard-container .dashboard-grid .area-utilization{width:580px}.dashboard-container .dashboard-grid .door-status-card{width:420px}.dashboard-container .dev-dashboard .bio-header,.dashboard-container .acc-dashboard-wrap .bio-header,.dashboard-container .door-dashboard-wrap .bio-header{width:100%}.dashboard-container .dev-dashboard .bio-header .drop-down-label,.dashboard-container .acc-dashboard-wrap .bio-header .drop-down-label,.dashboard-container .door-dashboard-wrap .bio-header .drop-down-label{font-size:14px;font-weight:400}.dashboard-container .person-dashboard-wrap{display:grid;grid-template-columns:39% 28% auto;gap:16px}.dashboard-container .person-dashboard-wrap .card{background-color:#141c2f}.dashboard-container .person-dashboard-wrap .card .card-body{height:100%;background-color:transparent}.dashboard-container .door-dashboard-wrap{display:grid;grid-template-columns:45% 27% 25%;gap:16px}.dashboard-container .visitor-list .card{background-color:#141c2f}.dashboard-container .visitor-list .card .card-body{background-color:transparent}.device-status-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.device-status-container .bio-header{width:100%}.device-status-container .recharts-wrapper{max-width:240px!important}.device-status-container .no-data-wrap{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;height:100%}.device-status-container .device-status-wrap{display:grid;grid-template-columns:76% 22%;column-gap:20px}.device-status-container .device-status-wrap .device-status{height:250px;position:relative;margin-top:20px}.device-status-container .device-status-wrap .device-status__slice{cursor:pointer;transition:filter .3s ease,stroke .3s ease}.device-status-container .device-status-wrap .device-status__slice.active{filter:drop-shadow(0px 0px 6px #ffffff)}.device-status-container .device-status-wrap .device-status__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.device-status-container .device-status-wrap .device-status__center h2{margin:0;font-size:24px}.device-status-container .device-status-wrap .device-status__center span{font-size:14px;opacity:.8}.device-status-container .device-status-wrap .device-status__tooltip{position:absolute;background:#0c111cab;color:#fff;padding:10px;border-radius:5px;-webkit-backdrop-filter:blur(55.5454444885px);backdrop-filter:blur(55.5454444885px);box-shadow:0 0 5.55px #078dee78;font-size:14px;min-width:100px;z-index:10;pointer-events:none;animation:fadeIn .2s ease-in-out}.device-status-container .device-status-wrap .device-status__tooltip-label{display:flex;align-items:center;gap:6px}.device-status-container .device-status-wrap .device-status__tooltip-color{width:10px;height:10px;display:inline-block}.device-status-container .device-status-wrap .device-status__tooltip-value{margin-top:4px;font-size:16px}.device-status-container .device-status-wrap .device-status__menu{position:absolute;background:#0c111cab;color:#fff;padding:10px;border-radius:5px;-webkit-backdrop-filter:blur(55.55px);backdrop-filter:blur(55.55px);box-shadow:0 0 5.55px #078dee78;font-size:14px;min-width:130px;z-index:20;animation:fadeIn .2s ease-in-out}.device-status-container .device-status-wrap .device-status__menu-item{padding:5px 0;cursor:pointer}.device-status-container .device-status-wrap .device-status__menu-item:hover{color:#2b64ff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.device-status-container .device-status-wrap .device-status-legend{margin-top:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;font-size:14px}.device-status-container .device-status-wrap .device-status-legend .item .legend-value{font-size:20px;font-weight:600;margin-bottom:10px}.device-status-container .device-status-wrap .device-status-legend .item .legend-wrap{display:flex;gap:5px;align-items:center}.device-status-container .device-status-wrap .device-status-legend .item .legend-color{width:10px;height:10px;display:inline-block}.device-status-container .device-status-wrap .device-status-legend .item-label{font-weight:700}.device-status-container .device-status-wrap .device-status-legend .item-value{opacity:.7;font-size:13px}.biometric-type-wrapper .biometric-type-container,.biometric-type-wrapper .door-status-dashboard-container{width:100%;height:280px;display:grid;grid-template-columns:74% 22%;gap:20px;margin-top:20px}.biometric-type-wrapper .biometric-type-container .legend-container,.biometric-type-wrapper .door-status-dashboard-container .legend-container{display:flex;justify-content:center;align-items:center}.biometric-type-wrapper .biometric-type-container .legend-container .legend-ul,.biometric-type-wrapper .door-status-dashboard-container .legend-container .legend-ul{display:flex;flex-direction:column;gap:20px}.biometric-type-wrapper .biometric-type-container .legend-container .legend-ul .legend-li,.biometric-type-wrapper .door-status-dashboard-container .legend-container .legend-ul .legend-li{display:flex;flex-direction:column-reverse;gap:4px}.biometric-type-wrapper .biometric-type-container .legend-container .legend-ul .legend-li .value,.biometric-type-wrapper .door-status-dashboard-container .legend-container .legend-ul .legend-li .value{font-size:20px;font-weight:600}.biometric-type-wrapper .biometric-type-container .legend-container .legend-ul .legend-li .dot-wrap,.biometric-type-wrapper .door-status-dashboard-container .legend-container .legend-ul .legend-li .dot-wrap{display:flex;gap:8px;align-items:center}.biometric-type-wrapper .biometric-type-container .legend-container .legend-ul .legend-li .dot-wrap .dot,.biometric-type-wrapper .door-status-dashboard-container .legend-container .legend-ul .legend-li .dot-wrap .dot{width:12px;height:12px}.biometric-type-wrapper .no-data-wrap{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;height:100%}.door-status .header-label{opacity:47%}.door-status .door-status-dashboard-container{display:grid;height:max-content;align-items:center;grid-template-columns:60% 39%}.door-status .door-status-dashboard-container .door-chart-wrap{width:100%;height:236px}.door-status .door-status-dashboard-container .door-status__slice{cursor:pointer;transition:filter .3s ease,stroke .3s ease}.door-status .door-status-dashboard-container .door-status__slice.active{filter:drop-shadow(0px 0px 6px #ffffff)}.door-status .door-status-dashboard-container .legend-container{height:max-content}.door-status .door-status-dashboard-container .legend-container .legend-ul{display:flex;text-align:center;flex-direction:column;gap:30px}.door-status .door-status-dashboard-container .legend-container .legend-ul .dot{width:12px;height:12px}.door-status .door-status-dashboard-container .legend-container .legend-ul .dot-wrap{display:flex;text-align:center;align-items:center;gap:10px}.door-status .no-data-wrap{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;height:100%}.area-utilization-container{height:100%}.area-utilization-container .title-wrap .title{font-size:12px;opacity:47%}.area-utilization-container .section{width:100%;display:grid}.area-utilization-container .section .chart-wrap{width:100%;height:236px}.area-utilization-container .no-data-wrap{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;height:100%}.recent-activity{max-height:780px;overflow-y:auto}.recent-activity .progress-bar-ul{display:flex;flex-direction:column;gap:12px;margin-top:20px}.recent-activity .progress-bar-ul .progress-bar-li{display:flex;justify-content:space-between;padding:10px;position:relative;border-bottom:.5px solid rgba(255,255,255,.4705882353)}.recent-activity .progress-bar-ul .progress-bar-li .value-wrapper .label{font-weight:500;font-size:16px}.recent-activity .progress-bar-ul .progress-bar-li .value-wrapper .value-wrap{font-size:14px;font-weight:500;margin-top:10px;color:#fff}.recent-activity .progress-bar-ul .progress-bar-li .value-wrapper .value-wrap .value{margin-left:10px;opacity:47%}.recent-activity .progress-bar-ul .progress-bar-li .right-side{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.recent-activity .progress-bar-ul .progress-bar-li .right-side .value{font-size:12px}.average-personnel{width:100%;height:280px;display:flex;flex-direction:column;gap:10px}.average-personnel .legend-item{display:flex;align-items:center;gap:8px}.average-personnel .legend-item .dot{width:10px;height:10px}.top-most-common{height:100%}.top-most-common .grid-row{display:grid;grid-template-columns:1fr 1fr}.top-most-common .grid-row .legend-container{width:100%;display:flex;justify-content:center;align-items:center}.top-most-common .grid-row .legend-container .legend-ul{display:grid;grid-template-columns:1fr 1fr;row-gap:20px}.top-most-common .grid-row .legend-container .legend-ul .legend-li{display:flex;flex-direction:column;gap:4px}.top-most-common .grid-row .legend-container .legend-ul .legend-li .value{font-size:24px;font-weight:600}.top-most-common .grid-row .legend-container .legend-ul .legend-li .dot-wrap{display:flex;gap:8px;align-items:center}.top-most-common .grid-row .legend-container .legend-ul .legend-li .dot-wrap .dot{width:12px;height:12px}.top-most-common .grid-row .radial-chart-container{display:flex;justify-content:center;align-items:center;width:100%;height:280px;position:relative}.top-most-common .no-data-wrap{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;height:100%}.alarm-and-exceptions{height:100%}.alarm-and-exceptions .progress-bar-ul{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin-top:20px}.alarm-and-exceptions .progress-bar-ul .progress-bar-li{display:flex;justify-content:space-between;padding:10px;position:relative;border-bottom:.5px solid rgba(255,255,255,.4705882353)}.alarm-and-exceptions .progress-bar-ul .progress-bar-li .value-wrapper{display:flex;flex-direction:column;gap:5px}.alarm-and-exceptions .progress-bar-ul .progress-bar-li .value-wrapper .label{display:flex;gap:10px;align-items:center;font-weight:400;font-size:14px}.alarm-and-exceptions .progress-bar-ul .progress-bar-li .value-wrapper .label .dot{background-color:#f04438;width:12px;height:12px;border-radius:50%}.alarm-and-exceptions .progress-bar-ul .progress-bar-li .value-wrapper .label .event-name{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alarm-and-exceptions .progress-bar-ul .progress-bar-li .value-wrapper .level{font-size:14px;font-weight:500}.alarm-and-exceptions .progress-bar-ul .progress-bar-li .value-wrapper .level{font-size:12px}.alarm-and-exceptions .progress-bar-ul .progress-bar-li .value-wrapper .value-wrap{font-size:14px;font-weight:500;margin-top:10px;color:#fff}.alarm-and-exceptions .progress-bar-ul .progress-bar-li .value-wrapper .value-wrap .value{margin-left:10px;opacity:47%}.alarm-and-exceptions .progress-bar-ul .progress-bar-li .right-side{display:flex;flex-direction:column;align-items:center;gap:8px}.alarm-and-exceptions .no-data-wrap{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;height:100%}.most-accessed-doors{height:100%}.most-accessed-doors .access-door-container{width:100%;height:280px;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;overflow:hidden}.most-accessed-doors .access-door-container .chart-wrap{width:100%;position:relative}.most-accessed-doors .access-door-container .chart-wrap .popup-menu{position:absolute;z-index:999;padding:7px;border-radius:6px;-webkit-backdrop-filter:blur(42px);backdrop-filter:blur(42px);background:#0c111cab;box-shadow:0 0 10.82px #078dee7a,0 0 6.89px #8dcbf738;color:#fff;display:flex;flex-direction:column;gap:8px;white-space:nowrap}.most-accessed-doors .access-door-container .chart-wrap .popup-menu .popup-item{padding:6px 12px;cursor:pointer}.most-accessed-doors .access-door-container .chart-wrap .popup-menu .popup-item:hover{color:#078dee}.most-accessed-doors .access-door-container .legend-container{width:100%}.most-accessed-doors .access-door-container .legend-container .legend-ul{display:flex;gap:10px}.most-accessed-doors .access-door-container .legend-container .legend-ul .legend-li{display:flex;flex-direction:column;justify-content:center;gap:4px}.most-accessed-doors .access-door-container .legend-container .legend-ul .legend-li .value{font-size:20px;font-weight:600}.most-accessed-doors .access-door-container .legend-container .legend-ul .legend-li .dot-wrap{display:flex;gap:8px;align-items:center}.most-accessed-doors .access-door-container .legend-container .legend-ul .legend-li .dot-wrap .dot{width:12px;height:12px}.most-accessed-doors .access-door-container .legend-container .legend-ul .legend-li .dot-wrap .label{max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.most-accessed-doors .no-data-wrap{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;height:100%}.door-preview-container{padding:20px;max-width:1000px;margin:0 auto;color:#fff}.door-title{margin-bottom:20px;font-size:16px}.door-settings-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.door-settings-row{display:flex;gap:15px}.door-setting-cell{flex:1;display:flex;flex-direction:column}.door-setting-value{font-weight:500;font-size:16px;margin-bottom:4px}.door-setting-name{font-weight:400;font-size:12px;opacity:.6}.door-settings-actions{display:flex;justify-content:flex-end;margin-top:30px}.unusual-vehicle-export{display:flex;flex-direction:row;width:auto}.unusual-vehicle-export .right{display:flex;flex-direction:column;gap:24px}.unusual-vehicle-export .right .position-inputs{display:flex;flex-direction:row;gap:24px}.add-vehicle-modal{padding:20px;border-radius:8px;margin:0 auto}.add-vehicle-modal .form-row{display:flex;flex-wrap:wrap;gap:20px;flex-direction:column;margin-bottom:20px;height:300px}.add-vehicle-modal .form-row>div{flex:1;min-width:200px}.add-vehicle-modal .form-conatiner{display:flex;flex-direction:row;gap:24px}.add-vehicle-modal .name-device-protocol-row{display:flex;flex-direction:column;gap:20px;width:757px}.add-vehicle-modal .name-device-protocol-row .input-filed-container{display:flex;flex-direction:row;gap:24px}.add-vehicle-modal .name-device-protocol-row .input-error-message{margin:0}.add-vehicle-modal .name-device-protocol-row .tree-view .tree-input-wrapper{width:260px}.add-vehicle-modal .name-device-protocol-row .device-name{text-align:center;border-radius:8px;border:1px solid #ced0d3;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 15px}.add-vehicle-modal .name-device-protocol-row .device-name .label{font-weight:400}.add-vehicle-modal .name-device-protocol-row .button-field .btn{padding:10px 46px}.add-vehicle-modal .switch-container{width:189px}.add-vehicle-modal .switch-container .info-message{font-size:.9rem;color:#d1d4d8}.add-vehicle-modal .switch-container .info-message p{font-size:13px}.add-vehicle-modal .switch-container .info-message img{max-width:20%;height:auto;margin:10px 0;border:1px solid #87909a;border-radius:4px}.add-vehicle-modal .switch-container .info-message .warning{color:#ff1313;font-weight:600}.add-vehicle-modal .vehicle-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#f04438;height:45px;opacity:74%;margin-bottom:20px;padding:8px 16px 2px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;margin-top:20px}.add-vehicle-modal .vehicle-buttons .form-buttons{display:flex;flex-direction:row;gap:24px;justify-content:center}.add-vehicle-modal .group-switch-button{width:155px;padding-bottom:20px}.entry-record-export{display:flex;flex-direction:row;width:auto}.entry-record-export .right{display:flex;flex-direction:column;gap:24px}.entry-record-export .right .position-inputs{display:flex;flex-direction:row;gap:24px}.add-access-area-modal .access-container{width:50%;padding-bottom:40px}.add-parking-area{width:100%;display:flex;flex-direction:column;gap:24px}.add-parking-area form{display:flex;flex-direction:column;gap:24px}.add-parking-area .parking-area-type-radio-button{flex-direction:row;gap:24px;align-items:center;display:flex;flex-direction:column;gap:16px}.add-parking-area .parking-area-type-radio-button .row1{display:flex;flex-direction:row;gap:16px}.add-parking-area .large-parking-area-inputs,.add-parking-area .small-parking-area-inputs{display:flex;flex-direction:column;gap:16px}.add-parking-area .large-parking-area-inputs .parking-area-name,.add-parking-area .large-parking-area-inputs .parking-spaces,.add-parking-area .large-parking-area-inputs .belonging-large-parking-area,.add-parking-area .small-parking-area-inputs .parking-area-name,.add-parking-area .small-parking-area-inputs .parking-spaces,.add-parking-area .small-parking-area-inputs .belonging-large-parking-area{width:100%}.add-parking-area .large-parking-area-inputs .remarks,.add-parking-area .small-parking-area-inputs .remarks{width:48%}.parking-device-modal{width:60vw;display:flex;flex-direction:column;gap:24px}.parking-device-modal .search-button-wrap{display:flex;justify-content:end}.parking-device-modal .render-top-toolbar,.parking-device-modal .custom-pagination{background-color:transparent}.parking-device-modal .muiltr-7qcscy-MuiTableRow-root{background-color:#0e1522}.add-booth-container{padding:20px;display:flex;flex-direction:column}.add-booth-container .form-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.add-booth-container .parameters-section{margin-top:20px;padding-top:15px}.add-booth-container .parameters-section .parameters-title{font-size:14px;font-weight:600;margin-bottom:15px}.add-booth-container .parameters-section .radio-groups-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.add-booth-container .parameters-section .radio-groups-container .radio-group:nth-child(1),.add-booth-container .parameters-section .radio-groups-container .radio-group:nth-child(2),.add-booth-container .parameters-section .radio-groups-container .radio-group:nth-child(3){grid-column:span 1}.add-booth-container .parameters-section .radio-groups-container .radio-group:nth-child(4),.add-booth-container .parameters-section .radio-groups-container .radio-group:nth-child(5){grid-column:span 1}.add-booth-container .parameters-section .radio-groups-container:after{content:"";grid-column:1}.add-booth-container .form-bottom-buttons{display:flex;justify-content:center;margin-top:auto;gap:10px}.add-booth-container .form-bottom-buttons .right-buttons{display:flex;gap:10px}.parking-layout{display:grid;gap:20px;grid-template-columns:50% 50%;height:100%;overflow-y:auto;overflow-x:hidden}.parking-layout .left-segment{flex:1;height:100%;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:15px}.parking-layout .left-segment::-webkit-scrollbar{display:none}.parking-layout .left-segment .select-table{width:360px}.parking-layout .left-segment .form-item{width:360px;margin-bottom:15px}.parking-layout .left-segment .form-item .input_field{max-height:none!important;padding:23px 0 10px 10px}.parking-layout .left-segment .display-color-section .display-color-row1{display:flex;flex-direction:row;gap:20px;padding-bottom:20px}.parking-layout .left-segment .display-color-section .display-color-row1 .select-table{width:260px}.parking-layout .left-segment .display-color-section .display-color-row{display:flex;flex-direction:row;gap:20px;width:100%}.parking-layout .left-segment .display-color-section .display-color-row .line-color{display:flex;flex-direction:column}.parking-layout .left-segment .display-color-section .display-color-row .color-column{display:flex;flex-direction:row;gap:10px;width:100%}.parking-layout .left-segment .display-color-section .display-color-row .color-column>*{flex:1;max-width:170px;min-width:50px}.parking-layout .left-segment .input-with-select{width:80%}.parking-layout .left-segment .input-with-select .input-group{display:flex;flex-direction:row;gap:20px}.parking-layout .left-segment .input-with-select .input-group>*{flex:1;max-width:170px;min-width:50px}.parking-layout .left-segment .checkbox-row{margin-bottom:15px}.parking-layout .right-segment{flex:1;display:flex;flex-direction:column;gap:15px}.parking-layout .right-segment .form-select-item,.parking-layout .right-segment .form-item{width:360px}.parking-layout .right-segment .channel-mode,.parking-layout .right-segment .ticket-header{display:flex;flex-direction:row;gap:20px}.parking-layout .right-segment .multi-license-hint{font-size:12px;color:#ccc}.parking-layout .right-segment .dual-select-row{display:flex;flex-direction:row;gap:20px}.parking-layout .section{background-color:#101625;padding:20px;display:flex;flex-direction:column;gap:20px}.parking-layout .entrance-display{display:flex;flex-direction:column}.parking-layout .section-title{font-weight:700;margin:12px 0;font-size:16px}.parking-layout .sub-title{font-weight:500;font-size:14px;margin:12px 0}.parking-layout .switch-box,.parking-layout .radio-btn,.parking-layout .switch-btn{margin:8px 0}.parking-layout .parking-message{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#f04438;width:100%;line-height:1.5;opacity:.74;margin:10px 0;padding:8px 16px 8px 15px;background:linear-gradient(90deg,#f044381a,#8a272000);border-left:3px solid #f04438;word-break:break-word;white-space:normal}.parking-layout .helper-text{color:#fff;font-size:14px;font-weight:400;opacity:.5;margin-left:4px;margin-top:5px}.parking-layout .arrange-select-box{display:flex;flex-direction:column;gap:20px}.parking-layout .arrange-select-box .inner-select-box{width:360px}.plate-register{display:flex;flex-wrap:wrap;gap:16px;padding:24px}.plate-register .plate-row{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:300px;max-width:48%}.plate-register .plate-input{flex:1 1 auto;min-width:120px}.plate-register .plate-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;width:auto}.plate-register .plate-actions button{padding:4px;min-width:auto;height:32px;display:flex;align-items:center;justify-content:center}.lane-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0 10px 10px}.lane-container .department-tree{display:grid;grid-template-columns:18% 80%;gap:8px;flex:1}.lane-container .department-tree .department-tree-title-wrapper{display:flex;justify-content:space-between;margin-left:5px;width:100%}.lane-container .custom-pagination{display:flex;margin-bottom:30px;background-color:#12192a}.lane-container .table-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.lane-container .lane-table-container{flex:1;overflow-y:auto;overflow-x:auto}.lane-container .device-section{width:100%}.lane-container .device-section .device-table-container{height:200px;overflow-y:auto;overflow-x:auto}.lane-container .device-section .device-table-container .render-top-toolbar{display:none}.lane-container .device-section .device-table-container .custom-pagination{display:none;margin-bottom:30px}.lane-user-container{width:45vw;max-width:100%;padding:20px;border-radius:8px;margin:auto}.lane-user-container .lane-form-fields{display:flex;flex-direction:column;gap:10px}.lane-user-container .lane-form-fields .lane-form{width:48%}.lane-user-container .lane-form-fields .lane-input-filelds{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.lane-user-container .lane-form-fields .checkbox-section{display:flex;flex-direction:row;gap:26%;margin-top:10px}.lane-user-container .lane-form-fields .section{border-radius:8px;padding-bottom:20px}.lane-user-container .lane-form-fields .section .section-title{font-size:14px;padding:10px 0 24px;font-weight:500}.lane-user-container .lane-form-fields .section .time-range .time-fields{display:flex;gap:20px;margin-bottom:20px}.lane-user-container .lane-form-fields .section .vehicle-checkboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lane-user-container .lane-form-fields .section .vehicle-checkboxes .checkbox-input-field{display:flex;align-items:center}.lane-user-container .lane-form-fields .section .vehicle-checkboxes .checkbox-row{display:contents}.lane-user-container .lane-button{display:flex;justify-content:center;flex-direction:row;gap:24px;margin-top:20px}.authorization-container{display:flex;flex-direction:column;gap:20px;padding:0 10px 10px;overflow-y:auto;overflow-x:hidden}.authorization-container .department-tree{display:grid;grid-template-columns:18% 80%;gap:8px}.authorization-container .department-tree .department-tree-title-wrapper{display:flex;justify-content:space-between;margin-left:5px;width:100%}.delete-biometrics{width:40vw}.delete-biometrics .checkbox-form-item .checkbox-group-list.horizontal{flex-wrap:wrap;gap:20px}.view-face-picture{width:50vw;overflow-y:auto;display:flex;flex-direction:column}.view-face-picture .face-pic-wrap{height:500px}.view-face-picture .face-pic-wrap .image-wrapper{display:flex;flex-wrap:wrap;gap:12px}.view-face-picture .face-pic-wrap .image-wrapper .image-item .image{width:82px;height:82px}.view-face-picture .face-pic-wrap .image-wrapper .image-item .bottom-text{text-align:center}.extend-vehicle-form{display:flex;flex-direction:column;gap:2rem}.extend-vehicle-form .form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.extend-vehicle-form .form-buttons{display:flex;justify-content:center;margin-top:auto;gap:10px}.extend-vehicle-form .form-buttons .right-buttons{display:flex;gap:10px}.message-notification-container{display:flex;flex-direction:column;padding:1rem;gap:1rem;max-width:600px;max-height:600px}.message-notification-container .form-section{display:flex;flex-direction:column;gap:.5rem}.message-notification-container .form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%}.message-notification-container .form-row .form-column{display:flex;min-width:0}.message-notification-container .form-row .form-column .input-field-container{width:50%;min-width:0}.message-notification-container .form-row .form-column .input-field-container input{width:50%}.message-notification-container .form-buttons{display:flex;justify-content:space-between;margin-top:auto;gap:10px}.message-notification-container .form-buttons .left-button .save-content:hover{color:#078dee}.message-notification-container .form-buttons .right-buttons{display:flex;gap:10px}.add-vehicle-container{display:flex;flex-direction:column;gap:2rem}.add-vehicle-container .form-row{display:flex;justify-content:center;gap:50px;margin-bottom:12px}.add-vehicle-container .form-bottom-button{display:flex;justify-content:center}.add-vehicle-container .form-bottom-button .right-buttons{display:flex;gap:20px}.add-vehicle-usage{display:flex;flex-direction:column;gap:20px;justify-content:center;height:250px}.add-vehicle-usage .vehicle-usage-wrapper{display:flex;flex-direction:row;gap:24px;justify-content:center;width:100%;height:85px}.add-vehicle-usage .vehicle-usage-filed{width:100%}.add-shift-settings{display:flex;flex-direction:column;gap:20px;justify-content:center}.add-shift-settings .shift-settings-wrapper{display:flex;flex-direction:row;gap:24px;justify-content:center;width:100%}.add-shift-settings .shift-settings-filed{width:100%;padding:10px}.monitoring-room .grid-box-container{display:grid;grid-template-columns:55% 45%;gap:20px}