@font-face{font-family:Urbanist;font-weight:400;src:url(/static/media/Urbanist-Regular.64ab880a68030133bbf7.ttf)}@font-face{font-family:Urbanist;font-weight:500;src:url(/static/media/Urbanist-Medium.5f9e53103764bd328f6c.ttf)}@font-face{font-family:Urbanist;font-weight:600;src:url(/static/media/Urbanist-SemiBold.0d136c84d89999f5b263.ttf)}@font-face{font-family:Poppins;font-weight:500;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf)}@font-face{font-family:Poppins;font-weight:400;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf)}*{box-sizing:border-box;font-family:Urbanist}*,body,html{margin:0;padding:0}body{height:100vh;width:100vw}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit;text-decoration:none}.App{height:100%}::-webkit-scrollbar{height:2px;width:3px}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.row{grid-gap:20px;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-2-1,.row.row-3,.row.row-4{grid-template-columns:99%}.row.row-2-1 .full-field{grid-area:3/1/span 1/span 1}}.text-success{color:#2de009}.text-success-2{color:#00a76f}.text-danger{color:#ff1313}.text-primary{color:#078dee}.default-text{color:#696c6f;font-size:14px}.text-warning{color:#e8212e}.text-processing{color:#ff9500}.form-buttons-right{display:flex;flex-direction:row;gap:20px;justify-content:end}.form-buttons-right.add-margin{margin-top:20px}.flex-row{display:flex;gap:20px}.flex-row.column{flex-direction:column}.flex-row.center{align-items:center}.flex-row.space-between{justify-content:space-between}.list-hyperlink{cursor:pointer;text-decoration:underline;transition:all .1s ease-in-out}.list-hyperlink:hover{color:#078dee;text-decoration:none}.zk-msg-error{color:#ff1313}.button-field{display:flex}.button-field .btn{all:unset;align-items:center;border:1px solid #ced0d3;border-radius:3px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;padding:10px 15px;text-align:center;transition:all .3s ease}.button-field .btn.btn-primary{background-color:#078dee;border:none;color:#fff}.button-field .btn.btn-outline-primary{border-color:#078dee;color:#078dee}.button-field .btn.btn-outline-primary:hover{background-color:#078dee;color:#fff}.button-field .btn.row-reverse{flex-direction:row-reverse}.button-field .btn.full-size{flex:1 1;justify-content:center}.button-field .btn:disabled{background-color:#87909a;cursor:not-allowed;opacity:.5}.button-field .btn.btn-sm{font-size:13px;font-weight:500;padding:7px 8px}.button-field .btn.btn-bold{font-weight:600;letter-spacing:1.3px}.button-field .btn.loading{opacity:.7;pointer-events:none}.button-field .btn.loading .spinner-loader .spinner{animation:spinner-d3o0rx 1.4s steps(12) infinite;background:linear-gradient(0deg,#4797ff80 50%,#fff 0) 50%/1.9px 100%,linear-gradient(90deg,#fff 50%,#fff 0) 50%/100% 1.9px;background-repeat:no-repeat;border-radius:50%;display:grid;height:20px;-webkit-mask:radial-gradient(farthest-side,#0000 40%,#4797ff 41%);width:20px}.button-field .btn svg path{stroke:currentColor}.button-field .btn svg path:hover{stroke:#fff}.button-field .btn.d-none{display:none}.sidebar-container{display:flex;flex-direction:column;height:100%}.sidebar-container .header-logo{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.sidebar-container .sidebar-content{background-color:#eef5fd;flex:1 1;overflow-y:scroll}.sidebar-container .sidebar-content .sidebar-menus{display:flex;flex-direction:column;height:100%}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session{display:flex;flex-direction:column;padding:8px}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .main-menu{align-items:center;background-color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px 12px}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .main-menu .menu-label{flex:1 1}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .main-menu .menu-dropdown-icon{transition:transform .3s}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .main-menu.active{color:#078dee;font-weight:500}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .main-menu.active .menu-dropdown-icon{transform:rotate(180deg)}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .main-menu.hide-menu{display:none}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .menu-dropdown{display:none;padding:10px 10px 10px 25px}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .menu-dropdown .sub-menu{color:#3e4246;cursor:pointer;display:flex;font-size:15px;font-weight:400;padding:5px 0}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .menu-dropdown .sub-menu.active{color:#078dee;font-weight:500}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .menu-dropdown .sub-menu:hover{color:#078dee}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .menu-dropdown.active{display:block}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session.active{height:auto}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .tab-menu{cursor:pointer;display:none;padding:5px 15px}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .tab-menu.active{background-color:#fff}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .tab-menu .menus-list{background-color:#fff;border-radius:8px;box-shadow:2px 4px 10px #0000001a;display:none;padding:15px;position:absolute;z-index:9}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .tab-menu .menus-list .menu-label{color:#078dee;font-size:15px;padding-bottom:10px}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .tab-menu .menus-list .sub-menu{cursor:pointer;padding:5px 0}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .tab-menu .menus-list .sub-menu.active,.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .tab-menu .menus-list .sub-menu:hover{color:#078dee}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .tab-menu:hover .menus-list{display:block}@media screen and (max-width:1490px){.sidebar-container .header-logo{height:46px}.sidebar-container .header-logo .image,.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .main-menu,.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .menu-dropdown.active{display:none}.sidebar-container .sidebar-content .sidebar-menus .sidebar-menu-session .tab-menu{display:block}}.header-container{display:flex;flex-direction:row;justify-content:space-between;padding:25px 20px}.header-container .header-left .header-menus{position:relative}.header-container .header-left .header-menus .header-main-menus:hover .menu-container{opacity:1;transform:translateY(5px);visibility:visible}.header-container .header-left .header-menus .header-main-menus .menu-icon{padding:5px}.header-container .header-left .header-menus .header-main-menus .menu-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px 0 rgba(0,0,0,.102);height:auto;left:5px;max-height:414px;overflow-y:auto;padding:16px;position:absolute;top:30px;transition:all .5s ease;visibility:hidden;width:-webkit-max-content;width:max-content;z-index:10}.header-container .header-left .header-menus .header-main-menus .menu-container .menu-list{display:flex;flex-wrap:wrap;gap:8px}.header-container .header-left .header-menus .header-main-menus .menu-container .menu-list .menu-card{align-items:center;background-color:#f6f6f7;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:16px;height:100px;justify-content:center;padding:16px;transition:all .3s ease-in-out;width:110px}.header-container .header-left .header-menus .header-main-menus .menu-container .menu-list .menu-card .menu-title{color:#696c6f;font-size:14px}.header-container .header-left .header-menus .header-main-menus .menu-container .menu-list .menu-card:hover{background-color:#eef5fd;scale:1.03}.header-container .header-left .header-menus .header-main-menus .menu-container .menu-list .menu-card.active{background-color:#078dee;transition:all .2s ease-in-out}.header-container .header-left .header-menus .header-main-menus .menu-container .menu-list .menu-card.active .menu-title{color:#fff}.header-container .header-left .header-menus .header-main-menus:not(:hover) .menu-container{opacity:0;top:20px;transition:opacity .3s ease,top .3s ease}.header-container .header-right .header-buttons-group{align-items:center;display:flex;gap:20px}.profile-icon{align-items:center;background:#078dee;border-radius:50%;color:#fff;display:flex;font-weight:600;height:34px;justify-content:center;width:34px}@keyframes top-animate{0%{opacity:0;top:-10px}to{opacity:1;top:30px}}.drop-down{position:relative}.drop-down .drop-down-label{cursor:default}.drop-down .drop-down-container{background-color:#fff;border-radius:6px;box-shadow:2px 4px 10px #0000001a;display:none;height:auto;max-height:300px;min-width:100px;position:absolute;z-index:9}.drop-down .drop-down-container.active{display:block}.drop-down .drop-down-container.right:before{right:10px}.drop-down .drop-down-container.left:before,.drop-down .drop-down-container.right:before{background-color:#fff;content:" ";height:10px;position:absolute;top:-5px;transform:rotate(133deg);width:10px;z-index:-1}.drop-down .drop-down-container.left:before{left:10px}.drop-down .drop-down-container .drop-down-menus{display:flex;flex-direction:column}.drop-down .drop-down-container .drop-down-menus .menu{cursor:pointer;display:flex;flex-direction:row;gap:10px;padding:10px}.drop-down .drop-down-container .drop-down-menus .menu:hover{background-color:#eef5fd}.drop-down .drop-down-container .drop-down-menus .menu.disabled{color:#ced0d3;cursor:default}.drop-down .drop-down-container .drop-down-menus .menu.disabled:hover{background-color:#0000}.drop-down .drop-down-container.right{right:0}.drop-down .drop-down-container.left{left:0}.form-item{display:flex;flex-direction:column;position:relative;width:100%}.form-item .input_field{background:#0000;border:1px solid #87909a;border-radius:8px;flex:1 1;font-size:14px;letter-spacing:1.2px;padding:13px 0 13px 10px;position:relative;transition:all .3s ease}.form-item .input_field:focus{border-color:#078dee}.form-item .input_field:read-only+.input-label{background:#fff;font-size:13px;letter-spacing:1px;padding:0 6px;top:-6px}.form-item .input_field:read-only{background-color:hsla(180,6%,87%,.997)}.form-item .input_field:focus+.input-label,.form-item .input_field:not(:placeholder-shown)+.input-label,.form-item .input_field:valid+.input-label{background:#fff;color:#078dee;font-size:13px;letter-spacing:1px;padding:0 6px;top:-5px}.form-item .input_field:focus+.input-label{color:#078dee}.form-item .input_field:focus+.input-label span{color:#ff1313!important}.form-item .input_field:active,.form-item .input_field:focus,.form-item .input_field:valid{border-color:#078dee;outline-color:#078dee}.form-item .input_field:disabled,.form-item .input_field:disabled+.input-label,.form-item .input_field:disabled+.input-label+.input-right-icon{border:none;color:#212121;cursor:not-allowed;opacity:.6}.form-item .input_field:disabled+.input-label{background:#0000}.form-item .input_field:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #f4f7fc!important}.form-item .input_field:-webkit-autofill,.form-item .input_field:-webkit-autofill:first-line{background-color:#f4f7fc!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-item .input_field.error{border:1px solid #ff1313}.form-item .input_field.error+.input-label{color:#ff1313}.form-item .input-label{color:#696c6f;cursor:text;font-size:14px;left:10px;letter-spacing:1.5px;position:absolute;top:13px;transition:all .3s ease;white-space:2;z-index:2}.form-item .input-label.ar{right:10px}.form-item .input-label span{color:#ff1313!important}.form-item .input-right-icon{cursor:pointer;position:absolute;right:10px;top:13px}.form-item .input-right-icon.ar{right:90%}.form-item .input-right-icon-2{cursor:pointer;position:absolute;right:35px;top:13px}.form-item .input-right-icon-2.ar{right:90%}.form-item .input-error-message{color:#ff1313}.form-item .input-validation-message{color:#696c6f;font-size:14px;margin-top:5px}.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{cursor:pointer;display:flex;flex-direction:row;gap:10px}.checkbox-form-item .checkbox-group-list .checkbox-field .checkbox-title{cursor:pointer;font-size:14px}.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%}.form-select-item{display:flex;flex-direction:column;position:relative;width:100%}.form-select-item .input_field{background:#0000;border:1px solid #87909a;border-radius:8px;letter-spacing:1.2px;max-height:44px;padding:13px 0 13px 10px;position:relative;transition:all .3s ease}.form-select-item .input_field:focus{border-color:#078dee}.form-select-item .input_field:focus+.input-label,.form-select-item .input_field:read-only+.input-label,.form-select-item .input_field:valid+.input-label{background:#fff;color:#078dee;font-size:13px;letter-spacing:1px;max-width:240px;overflow:hidden;padding:0 6px;text-overflow:ellipsis;top:-5px;white-space:nowrap}.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:active+.input-label+.input-right-close-icon+.input-right-icon,.form-select-item .input_field:focus+.input-label+.input-right-close-icon+.input-right-icon{top:14px;transform:rotate(180deg)}.form-select-item .input_field:active+.input-label+.input-right-close-icon+.input-right-icon+.select-items,.form-select-item .input_field:focus+.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:active,.form-select-item .input_field:focus,.form-select-item .input_field:valid{border-color:#078dee;outline-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{color:#212121;cursor:not-allowed;opacity:.6}.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:#0000}.form-select-item .input_field:read-only{background-color:hsla(180,6%,87%,.997)}.form-select-item .input_field.error{border:1px solid #ff1313}.form-select-item .input-label{color:#696c6f;cursor:text;font-size:14px;left:10px;letter-spacing:1.2px;max-width:240px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:13px;transition:all .3s ease;white-space:2;white-space:nowrap;z-index:2}.form-select-item .input-label span{color:#ff1313!important}.form-select-item .input-right-icon{cursor:pointer;position:absolute;right:10px;top:10px;transition:all .3s ease;z-index:2}.form-select-item .input-right-close-icon{cursor:pointer;display:none;position:absolute;right:30px;top:13px;transition:all .3s ease;z-index:2}.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{background-color:#fff;border:#87909a;border-radius:8px;box-shadow:2px 4px 10px #0000001a;display:none;flex-direction:column;max-height:300px;overflow-y:scroll;padding:5px;position:absolute;top:45px;transition-delay:2s;width:99%;z-index:9}.form-select-item .select-items .select-item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 5px}.form-select-item .select-items .select-item:hover{background-color:#f6f6f7}.form-select-item .select-items .select-item.disabled{cursor:not-allowed;opacity:.5}.form-select-item .select-items .select-item.selected{color:#078dee}.form-select-item .select-items:hover{display:flex}.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{cursor:pointer;display:flex;flex-direction:row;gap:10px}.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.row-wrap,.radio-form-item .radio-group-list.warp{flex-wrap:wrap}.modal{background-color:#000;background-color:#0006;display:flex;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:9}.modal .modal-content{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animatetop;animation-name:animatetop;background-color:#fefefe;border:1px solid #888;border-radius:8px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;margin:auto;min-width:30%;padding:0;position:relative}.modal .modal-content .modal-header{color:#078dee;display:flex;font-size:14px;justify-content:space-between;padding:10px 16px}.modal .modal-content .modal-header .modal-title{font-size:20px;font-weight:600}.modal .modal-content .modal-header .close{cursor:pointer}.modal .modal-content .modal-body{padding:10px}.tab-modal{background-color:#000;background-color:#0006;display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:5}.tab-modal.show{display:flex}.tab-modal .tab-modal-content{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animatetop;animation-name:animatetop;background-color:#fefefe;border:1px solid #888;border-radius:8px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;margin:auto;min-width:30%;padding:0;position:relative}.tab-modal .tab-modal-content .tab-modal-left{background-color:#eef5fd;padding:5px 0 5px 5px}.tab-modal .tab-modal-content .tab-modal-left .tab-title{color:#078dee;font-size:18px;font-weight:600;padding:5px 8px}.tab-modal .tab-modal-content .tab-modal-left .tab-list-items{display:flex;flex-direction:column;gap:10px;margin-top:10px}.tab-modal .tab-modal-content .tab-modal-left .tab-list-items .tab-item{border-radius:10px 0 0 10px;cursor:pointer;font-size:15px;padding:10px}.tab-modal .tab-modal-content .tab-modal-left .tab-list-items .tab-item.active,.tab-modal .tab-modal-content .tab-modal-left .tab-list-items .tab-item:hover{background-color:#fff;color:#078dee}.tab-modal .tab-modal-content .tab-modal-right{display:flex;flex-direction:column;min-height:400px;min-width:400px}.tab-modal .tab-modal-content .tab-modal-right .modal-header{background-color:#0000;color:#078dee;display:flex;justify-content:space-between;padding:10px 16px}.tab-modal .tab-modal-content .tab-modal-right .modal-header .modal-title{font-size:17px;font-weight:600}.tab-modal .tab-modal-content .tab-modal-right .modal-header .close{cursor:pointer}.tab-modal .tab-modal-content .tab-modal-right .modal-body{flex:1 1;padding:10px}.css-1atu56z-MuiPaper-root{box-shadow:none!important}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.card{background-color:#fff;border-radius:8px;box-shadow:2px 4px 10px #0000001a;width:100%}.card .sub-header{display:flex;justify-content:flex-start;padding:20px 0 0 15px}.card .card-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:15px 10px 10px 15px}.card .card-header .card-title{color:#292d31;font-weight:500}.card .card-body{padding:10px 0 0 8px}.table-menu{cursor:pointer;padding:10px 13px}.table-menu.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.table-menu:hover{background-color:#f6f6f7}.table-header-right{align-items:center;display:flex}.table-header-right .refresh-button{border-radius:50%;margin-right:5px;margin-top:5px;padding:7px;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}.table-header-right .refresh-button:hover{background-color:#0000000a;cursor:pointer}.top-header{display:flex;flex-direction:column;gap:20px;padding:10px 5px}.top-header .header-title{font-size:19px;font-weight:500}.top-header .header-broad-cram{display:flex;flex-direction:row;gap:10px}.top-header .header-broad-cram .page,.top-header .header-broad-cram .title{font-size:14px}.card-right-button-group{align-items:center}.card-right-button-group .button-group .view-button{cursor:pointer}.card-right-button-group .button-group .hide-button .button-list{display:flex;flex-direction:row;gap:15px}.card-right-button-group .button-group .hide-button .button-list .button-item{cursor:pointer;font-size:13px;vertical-align:top}.card-right-button-group .button-field .btn.btn-sm{border-radius:6px}.export-data{width:55vw}.export-data .row-4{grid-template-columns:23% 23% 23% 23%}.delete-box .message-text{padding:40px}.delete-box .mutli-text{display:flex;flex-direction:column;gap:10px;padding-left:10px}.delete-box .mutli-text .selected-items-info .selected-count{color:#ff1313;font-weight:700}.delete-box .confirm-buttons{display:flex;flex-direction:row;gap:30px;justify-content:center;padding:10px 0 20px}.import-data{height:100%;position:relative;width:35vw}.import-data .row-1{grid-template-columns:80%;padding:20px}.import-data .add-department-buttons{bottom:0;position:absolute;width:100%}.multiple-file-upload{width:100%}.multiple-file-upload .file-upload-section{display:flex;flex-direction:column;gap:5px}.multiple-file-upload .file-upload-section .file-label span{color:#ff1313}.multiple-file-upload .file-upload-section .file-upload-box{border:1px solid #87909a;border-radius:8px;display:flex;height:100px}.multiple-file-upload .file-upload-section .file-upload-box .file-label{align-items:center;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;letter-spacing:1.4px;width:100%}.multiple-file-upload .file-upload-section .file-upload-box .file-label input{display:none}.multiple-file-upload .file-upload-section .file-upload-box .files-list{display:flex;flex-direction:row;gap:10px;padding:10px;position:absolute}.multiple-file-upload .file-upload-section .file-upload-box .files-list .file-items{background-color:#f6f6f7;border-radius:30px;display:flex;font-size:12px;gap:10px;padding:8px}.multiple-file-upload .file-upload-section .file-upload-box .files-list .file-items .file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70px}.multiple-file-upload .file-upload-section .file-upload-box .files-list .file-items .icon{cursor:pointer}.css-10o2lyd-MuiStack-root,.muiltr-10o2lyd-MuiStack-root{padding:0!important}.notification{align-items:flex-start;display:flex;height:100%;justify-content:center;left:0;opacity:0;overflow:auto;position:fixed;top:0;transition:opacity .5s ease-in-out,transform .3s ease-in-out;visibility:hidden;width:100%;z-index:9999}.notification.active{opacity:1;transform:translateY(100px);visibility:visible}.notification.bottom{bottom:0;top:auto;transform:translateY(100%)}.notification.bottom.active{transform:translateY(600px)}.notification .notification-content{align-items:center;background-color:#fefefe;border-radius:4px;box-shadow:0 2px 4px 0 #0003,0 3px 10px 0 #00000030;display:flex;gap:10px;max-width:550px;min-width:20%;padding:10px;position:relative}.notification .notification-content.danger{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fadbdb;border:0;box-shadow:0 0 5px 3px rgba(240,68,56,.251);color:#ff1313}.notification .notification-content.success{background:#c5ffb9;border-color:#2de009;color:#2de009}.notification .notification-content.warning{background:#f0efb2;border-color:#eeea0f;color:#eeea0f}.notification .notification-content .notification-message{flex:1 1}.notification .notification-content .notification-close{cursor:pointer}.tab-page{padding:10px}.tab-page .tab-modal-content .tab-list-items{display:flex;flex-wrap:wrap;gap:20px}.tab-page .tab-modal-content .tab-list-items .tab-item{cursor:pointer;max-width:178px;overflow:hidden;padding:0 0 2px;text-overflow:ellipsis;white-space:nowrap}.tab-page .tab-modal-content .tab-list-items .tab-item.active{border-bottom:1px solid #078dee;color:#078dee}.tab-page .tab-modal-content .tab-body{display:flex;flex-direction:column;gap:20px;padding:20px 0}.tbl-container{border-radius:8px;height:100%;max-height:350px;overflow-x:hidden;overflow-y:auto}.tbl-container.bordered{border:.5px solid #d1d4d8}.tbl-container::-webkit-scrollbar-track{border-radius:8px;margin:5px 0}.tbl-container::-webkit-scrollbar{width:5px}.tbl-container::-webkit-scrollbar-thumb{background-color:#87909a;border-radius:8px}.tbl-container .table{border-collapse:collapse;border-radius:9px;box-shadow:0 1px 8px #0000001a;width:100%}.tbl-container .table thead tr{background:#0000001a;box-shadow:0 3px 12px #0000001a}.tbl-container .table thead tr td{background-color:#f6f6f7;border-left:2px solid #fff;position:sticky;position:-webkit-sticky;top:0;z-index:8}.tbl-container .table tbody tr td,.tbl-container .table thead tr td{max-width:100px;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap}.tbl-container .table tbody tr td.text-wrap,.tbl-container .table thead tr td.text-wrap{max-width:100%;overflow:visible;text-overflow:clip;white-space:normal}.tbl-container .table tbody tr td .checkbox-icon,.tbl-container .table thead tr td .checkbox-icon{cursor:pointer}.tbl-container .table tbody .empty-data-wrapper{left:0;position:relative;transform:translate(0)}.tbl-container .table tbody .no-data{align-items:center;display:flex;flex-direction:column;gap:10px;height:150px;justify-content:center;min-height:-webkit-max-content;min-height:max-content}.tbl-container .table tbody .no-data span{color:#696c6f}.conformation-box{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center;width:450px}.conformation-box .message-text{font-size:16px}.conformation-box .confirm-buttons{display:flex;gap:30px}.widget-form{display:flex;flex-direction:column;gap:20px}.widget-form .widget-tabs{overflow:scroll;padding:20px 10px}.widget-form .widget-tabs .tabs-list{display:flex;flex-direction:row;gap:20%}.widget-form .widget-tabs .tabs-list .tab-items{align-items:center;cursor:pointer;display:flex;gap:10px;position:relative}.widget-form .widget-tabs .tabs-list .tab-items .number{border:1px solid #87909a;border-radius:50%;height:19px;text-align:center;width:19px}.widget-form .widget-tabs .tabs-list .tab-items .number.line1:after{background:#87909a;content:"";height:1.5px;left:18%;position:absolute;top:22px;width:22.2vw}.widget-form .widget-tabs .tabs-list .tab-items .number.done.line1:after{background:#078dee}.widget-form .widget-tabs .tabs-list .tab-items .number.line2:after{background:#87909a;content:"";height:1.5px;left:14%;position:absolute;top:22px;width:23.6vw}.widget-form .widget-tabs .tabs-list .tab-items .number.done.line2:after{background:#078dee}.widget-form .widget-tabs .tabs-list .tab-items .label{display:flex;flex-direction:column;gap:5px}.widget-form .widget-tabs .tabs-list .tab-items.active .number{background-color:#078dee;border-color:#078dee;color:#fff}.widget-form .widget-tabs .tabs-list .tab-items.active .label .sub-title,.widget-form .widget-tabs .tabs-list .tab-items.active .label .title{color:#078dee}.widget-form .page-content{padding:10px}.widget-form .parameters-buttons{padding:0 10px 10px 0}.checkbox-tree-field .checkbox-tree-field-session{border:1px solid #87909a;border-radius:8px;display:flex;flex-direction:column;gap:10px;height:200px;overflow-y:scroll;padding:10px}.checkbox-tree-field .checkbox-tree-field-session .tree-session{display:flex;flex-direction:column;gap:10px}.checkbox-tree-field .checkbox-tree-field-session .tree-session .title{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-tree-field .checkbox-tree-field-session .tree-session .checkbox-group-list{display:flex;flex-direction:column;gap:10px;padding-left:20px}.checkbox-tree-field .checkbox-tree-field-session .tree-session .checkbox-group-list .checkbox-field{cursor:pointer;display:flex;gap:10px}.group-switch-button{display:flex;flex-direction:column;gap:10px}.group-switch-button .group-label{font-size:14px}.group-switch-button .group-box{background-color:#464a4e;border-radius:3px;display:flex;flex-direction:column;gap:5px;padding:5px}.group-switch-button .group-box .box-header{color:#fff;display:flex;justify-content:space-between}.group-switch-button .group-box .switch-buttons{display:flex;justify-content:space-around}.group-switch-button .group-box .switch-buttons .switch-wrapper{align-items:center;display:flex;flex-direction:column;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 .switch{display:inline-block;height:35px;position:relative;width:17px}.group-switch-button .group-box .switch-buttons .switch-wrapper .switch-button .switch .slider{background-color:#3d4144}.group-switch-button .group-box .switch-buttons .switch-wrapper .switch-button .switch .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:13px;position:absolute;transition:.1s;width:13px}.group-switch-button .group-box .switch-buttons .switch-wrapper .switch-button .switch input:checked+.slider{background-color:#2196f3}.group-switch-button .group-box .switch-buttons .switch-wrapper .switch-button .switch input:checked+.slider:before{transform:translateY(-17px)}.switch-button .switch{display:inline-block;height:23px;position:relative;width:55px}.switch-button .switch input{height:0;opacity:0;width:0}.switch-button .switch .slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch-button .switch .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:17px;left:2px;position:absolute;transition:.4s;width:17px}.switch-button .switch input:checked+.slider{background-color:#2196f3}.switch-button .switch input:checked+.slider:before{transform:translateX(26px)}.switch-button .switch.round .slider{border-radius:34px}.switch-button .switch.round .slider:before{border-radius:50%}.select-box{cursor:pointer;position:relative;transition:all .3s}.select-box .dropdown{background-color:#fff;border-radius:8px;box-shadow:0 1px 8px 0 rgba(0,0,0,.102);color:#696c6f;display:none;font-size:14px;max-height:300px;opacity:0;overflow-y:auto;pointer-events:none;position:absolute;right:0;top:30px;transition:visibility .3s,opacity .3s;z-index:10}.select-box .dropdown.dropdown-visible{display:block;opacity:1;pointer-events:auto}.select-box .dropdown .options{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px;transition:background-color .3s,color .3s;width:220px}.select-box .dropdown .options.selected{background-color:#078dee;color:#fff}.select-box .dropdown-arabic{background-color:#fff;border-radius:8px;box-shadow:0 1px 8px 0 rgba(0,0,0,.102);color:#696c6f;display:none;font-size:14px;left:0;max-height:300px;opacity:0;overflow-y:auto;pointer-events:none;position:absolute;top:30px;transition:visibility .3s,opacity .3s;z-index:10}.select-box .dropdown-arabic.dropdown-visible{display:block;opacity:1;pointer-events:auto;width:154px}.select-box .dropdown-arabic .options{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px;transition:background-color .3s,color .3s;width:220px}.select-box .dropdown-arabic .options.selected{background-color:#078dee;color:#fff}.spinner-loader .spinner{animation:spinner-d3o0rx 1.4s steps(12) infinite;background:linear-gradient(0deg,#4797ff80 50%,#4797ff 0) 50%/1.9px 100%,linear-gradient(90deg,#4797ff40 50%,#4797ffbf 0) 50%/100% 1.9px;background-repeat:no-repeat;border-radius:50%;display:grid;height:24px;-webkit-mask:radial-gradient(farthest-side,#0000 40%,#4797ff 41%);width:24px}.spinner-loader .spinner.stop-loader{animation:none}.spinner-loader .spinner:after,.spinner-loader .spinner:before{background:inherit;border-radius:50%;content:"";grid-area:1/1;opacity:1;transform:rotate(30deg)}.spinner-loader .spinner:after{opacity:1;transform:rotate(60deg)}@keyframes spinner-d3o0rx{to{transform:rotate(1turn)}}.card-status{border:none;border:.25px solid hsla(210,3%,42%,.431);border-radius:8px;cursor:pointer;font-size:12px;overflow:hidden;width:100%}.card-status.selected{border:1px solid #078dee}.card-status .card-title{background-color:#eef5fd;color:#292d31;font-size:14px;font-weight:500;padding:10px}.card-status .card-body{display:flex;flex-direction:column;gap:8px;padding:5px 10px 10px}.card-status .card-body .content-row{color:#3e4246;display:grid;grid-template-columns:1fr 1fr}.card-status .card-body .content-row .badge{border-radius:3px;padding:1px 5px;width:-webkit-max-content;width:max-content}.card-status .card-body .content-row .badge.Online{background-color:#eef5fd;color:#00a76f}.card-status .card-body .content-row .badge.Offline{background-color:rgba(232,33,46,.102);color:#e8212e}.card-status .card-body .content-row .badge.Unknown{background-color:#87909a;color:#fff}.card-status .card-body .content-row .badge.Disable{background-color:#ff950033;color:#ff9500}.card-status .card-footer{padding:4px 10px 10px}.card-status .card-footer span{color:#078dee;cursor:pointer;font-size:12px;text-decoration:underline}.ip-address-form{display:flex;flex-direction:column;gap:5px;width:100%}.ip-address-form .input-error-message{color:#ff1313}.ip-address-input-form{align-items:center;border:1px solid #87909a;border-radius:8px;display:flex;min-height:43px;position:relative;width:100%}.ip-address-input-form.active{border:2px solid #078dee;outline-color:#078dee}.ip-address-input-form.disabled{background-color:hsla(180,6%,87%,.997);border:none}.ip-address-input-form .input_field{background:#0000;border:none;border-radius:8px;flex:1 1;font-size:14px;height:30px;letter-spacing:1.2px;margin:0 2px;outline:none;position:relative;text-align:center;transition:all .3s ease;width:35px}.ip-address-input-form .input_field:focus{border-color:#078dee}.ip-address-input-form .input_field:read-only+.input-label{background:#fff;font-size:13px;letter-spacing:1px;padding:0 6px;top:-6px}.ip-address-input-form .input_field:read-only{background-color:hsla(180,6%,87%,.997)}.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{background:#fff;color:#078dee;font-size:13px;letter-spacing:1px;padding:0 6px;top:-7px}.ip-address-input-form .input_field:focus+.input-label{color:#078dee}.ip-address-input-form .input_field:focus+.input-label span{color:#ff1313!important}.ip-address-input-form .input_field:active,.ip-address-input-form .input_field:focus,.ip-address-input-form .input_field:valid{border-color:#078dee;outline-color:#078dee}.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{border:none;color:#212121;cursor:not-allowed;opacity:.6}.ip-address-input-form .input_field:disabled+.input-label{background:#0000}.ip-address-input-form .input_field:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #f4f7fc!important}.ip-address-input-form .input_field:-webkit-autofill,.ip-address-input-form .input_field:-webkit-autofill:first-line{background-color:#f4f7fc!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.ip-address-input-form .input_field.error{border:1px solid #ff1313}.ip-address-input-form .input_field.error+.input-label{color:#ff1313}.ip-address-input-form .ip-dot{color:#212121;font-size:16px}.ip-address-input-form .input-label{color:#696c6f;cursor:text;font-size:14px;left:10px;letter-spacing:1.5px;position:absolute;top:13px;transition:all .3s ease;white-space:2;z-index:2}.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{cursor:pointer;position:absolute;right:10px;top:13px}.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-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=password]{font-size:14px;font-weight:700}.swap-table{display:flex;flex-direction:column;gap:20px}.swap-table .search-input{width:40%}.swap-table .table-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;overflow-x:auto}.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{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:10px 15px}.swap-table .table-container .table-wrapper .table tbody tr td{padding:10px 15px}.swap-table .table-container .table-wrapper .title{color:#292d31;font-size:14px;font-weight:400}.swap-table .icons-wrapper{display:flex;flex-direction:column;gap:10px;justify-content:center;text-align:center}.swap-table .icons-wrapper .icon{background-color:#0000001a;cursor:pointer;padding:8px;transition:all .1s ease-in-out}.swap-table .icons-wrapper .icon:hover{background-color:#c0c1c2}.swap-table .icons-wrapper .icon.backward{transform:rotate(180deg)}.swap-table .icons-wrapper .icon.disabled{background-color:#0000001a;pointer-events:none}.file-upload{display:flex;flex-direction:column;gap:10px}.file-upload .label span{color:#ff1313}.file-upload .file-input{border:.25px solid #696c6f;border-radius:8px;display:grid;height:152px;padding:10px;place-items:center;text-align:center;width:408px}.file-upload .file-input.view{display:block;place-items:start;text-align:start}.file-upload .file-input .badge-wrapper{align-items:center;display:flex}.file-upload .file-input .badge-wrapper .badge{align-items:center;background-color:#eef5fd;border-radius:6px;display:flex;gap:10px;padding:10px}.file-upload .file-input .badge-wrapper .badge .file-name{color:#292d31;font-size:12px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload .file-input .badge-wrapper .remove-icon{cursor:pointer}.file-upload .file-input .file-text{color:#696c6f;font-size:14px}.file-upload .file-input .file-text .text-secondary{cursor:pointer;font-weight:600;letter-spacing:.8px;text-decoration:underline}.label{font-size:14px}.label .required{color:#ff1313!important}.table-empty-content{align-content:center;height:100%;justify-items:center;width:100%}.table-empty-content .content-wrapper{display:flex;flex-direction:column;gap:10px}.table-empty-content .content-wrapper .text{color:#696c6f;font-size:14px;font-weight:500}.select-box-wrapper{position:relative;transition:all .3s;width:100%}.select-box-wrapper .select-box{border:1px solid #87909a;border-radius:8px;cursor:default;display:flex;height:45px;justify-content:space-between;padding:13px 5px}.select-box-wrapper .select-box .label{max-width:200px;overflow:hidden;text-overflow:ellipsis;transition:.2s ease-in-out;white-space:nowrap}.select-box-wrapper .select-box .label.up{background-color:#fff;position:absolute;top:-9px}.select-box-wrapper .select-box .down-icon{align-items:center;display:flex;justify-content:end}.select-box-wrapper .select-box .down-icon.up{position:absolute;right:10px;top:18px}.select-box-wrapper .dropdown{background-color:#fff;border-radius:8px;box-shadow:0 1px 8px 0 rgba(0,0,0,.102);color:#696c6f;display:none;font-size:14px;max-height:300px;opacity:0;overflow-y:auto;pointer-events:none;position:absolute;top:48px;transition:visibility .3s,opacity .3s;z-index:10}.select-box-wrapper .dropdown.dropdown-visible{display:block;opacity:1;pointer-events:auto}.select-box-wrapper .dropdown .options{align-items:center;cursor:pointer;display:flex;gap:8px;max-width:220px;padding:10px;transition:background-color .3s,color .3s;width:150px}.select-box-wrapper .dropdown .options.selected{background-color:#078dee;color:#fff}.select-box-wrapper .dropdown-arabic{background-color:#fff;border-radius:8px;box-shadow:0 1px 8px 0 rgba(0,0,0,.102);color:#696c6f;display:none;font-size:14px;left:0;max-height:300px;opacity:0;overflow-y:auto;pointer-events:none;position:absolute;top:30px;transition:visibility .3s,opacity .3s;z-index:10}.select-box-wrapper .dropdown-arabic.dropdown-visible{display:block;opacity:1;pointer-events:auto;width:154px}.select-box-wrapper .dropdown-arabic .options{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px;transition:background-color .3s,color .3s;width:220px}.select-box-wrapper .dropdown-arabic .options.selected{background-color:#078dee;color:#fff}.page-loader{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.page-loader:after{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#0000001a;content:"";height:100%;left:0;overflow:auto;position:fixed;position:absolute;top:0;width:100%;z-index:1}.page-loader .wrapper{height:60px;position:relative;width:200px;z-index:2}.page-loader .circle{animation:circle7124 .5s ease infinite alternate;background-color:#259ef5;border-radius:50%;height:16px;left:15%;position:absolute;transform-origin:50%;width:16px}@keyframes circle7124{0%{border-radius:50px 50px 25px 25px;height:5px;top:60px;transform:scaleX(1.7)}40%{border-radius:50%;height:20px;transform:scaleX(1)}to{top:0}}.page-loader .circle:nth-child(2){animation-delay:.2s;left:45%}.page-loader .circle:nth-child(3){animation-delay:.3s;left:auto;right:15%}.page-loader .shadow{animation:shadow046 .5s ease infinite alternate;background-color:#0006;border-radius:50%;filter:blur(1px);height:4px;left:15%;position:absolute;top:62px;transform-origin:50%;width:16px;z-index:-1}@keyframes shadow046{0%{transform:scaleX(1.5)}40%{opacity:.7;transform:scaleX(1)}to{opacity:.4;transform:scaleX(.2)}}.page-loader .shadow:nth-child(4){animation-delay:.2s;left:45%}.page-loader .shadow:nth-child(5){animation-delay:.3s;left:auto;right:15%}.permission-denied{align-items:center;display:flex;height:100vh;justify-content:center}.permission-denied .img{height:340px;width:444px}.permission-denied .img img{height:100%;width:100%}.permission-denied .permission-wrapper{display:flex;flex-direction:column;gap:20px;text-align:center}.permission-denied .permission-wrapper .bottom-wrap h2{font-size:32px;margin-bottom:16px}.permission-denied .permission-wrapper .bottom-wrap span{color:#87909a;font-size:16px;font-weight:500}.tree-input-wrapper{display:inline-block;position:relative;width:100%}.tree-input-wrapper .form-input-item{display:flex;flex-direction:column;position:relative;width:100%}.tree-input-wrapper .form-input-item .input_field{background:#0000;border:1px solid;border-color:initial;border-radius:8px;flex:1 1;font-size:14px;letter-spacing:1.2px;overflow:auto;padding:13px 0 13px 10px;position:relative;transition:all .2s ease}.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:focus,.tree-input-wrapper .form-input-item .input_field:valid{border-color:#078dee}.tree-input-wrapper .form-input-item .input-label{color:#696c6f;cursor:text;font-size:14px;left:10px;letter-spacing:1.5px;position:absolute;top:13px;transition:all .2s ease;white-space:2;z-index:2}.tree-input-wrapper .form-input-item .input-label.top{background-color:#fff;color:#078dee!important;padding:0 5px;top:-8px}.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{cursor:pointer;position:absolute;right:10px;top:13px}.tree-input-wrapper .form-input-item .input-right-icon.ar{right:90%}.tree-input-wrapper .tree-dropdown{background-color:#fff;border:1px solid #87909a;border-radius:8px;margin-top:4px;max-height:230px;min-height:130px;overflow:auto;position:absolute;width:100%;z-index:1000}.tree-input-wrapper .tree-dropdown .muiltr-1bdpcvu-MuiTreeItem-root .MuiTreeItem-content.Mui-selected{background-color:#1976d21f!important}.tree-input-wrapper .tree-dropdown .muiltr-11zohuh-MuiSvgIcon-root,.tree-input-wrapper .tree-dropdown .muiltr-1hbvpl3-MuiSvgIcon-root{height:.7em;width:.7em}.layout{height:100%;margin:0;padding:0}.layout .admin-panel{display:grid;grid-template-columns:15% 85%;height:100%}.layout .admin-panel .right-container{display:flex;flex:1 1;flex-direction:column}.layout .admin-panel .right-container .container{background-color:#f6f6f7;flex:1 1;padding:10px 15px}@media screen and (max-width:1490px){.layout .admin-panel{grid-template-columns:60px 95%}}@media screen and (max-width:1190px){.layout .admin-panel{grid-template-columns:60px 94%}}@media screen and (max-width:500px){.layout .admin-panel{grid-template-columns:100%}.layout .admin-panel .sidebar{display:none}}.dashboard-header{color:#fff;font-size:48px;text-align:center}.login-container{align-items:center;background-color:#f4f7fc;display:flex;flex-direction:column;font-family:"Arial, sans-serif";height:100vh;position:relative}.login-container .login-header{display:flex;justify-content:space-between;padding:20px 40px;width:82%}.login-container .login-header .logo{font-size:32px;font-weight:500}.login-container .login-header .logo .logo-aic{color:#000}.login-container .login-header .logo .logo-tec{color:blue}.login-container .login-header .subtitle{color:#000;font-size:12px;font-weight:400;text-align:center}.login-container .login-header .links{display:flex;flex-direction:row;gap:10px}.login-container .login-header .links a{color:#007bff;font-size:14px;margin-left:20px}.login-container .login-body{align-items:center;display:flex;flex:1 1;justify-content:center;width:100%}.login-container .login-body .login-image img{height:auto;width:400px}.login-container .login-body .login-form{border-radius:8px;margin-left:340px;padding:40px 20px;width:400px}.login-container .login-body .login-form.ar{margin-left:0;margin-right:340px}.login-container .login-body .login-form h2{color:#333;font-size:16px;font-weight:400;margin-bottom:20px}.login-container .login-body .login-form .login-links{display:flex;gap:32px;margin-bottom:30px}.login-container .login-body .login-form .login-links .login-link{background-color:#f4f7fc;border:none;color:#000;cursor:pointer;font-size:28px;font-weight:500;text-decoration:none}.login-container .login-body .login-form .login-links .login-link.active{color:#007bff;font-size:24px;text-decoration:underline}.login-container .login-body .login-form form{display:flex;flex-direction:column}.login-container .login-body .login-form form .password-input,.login-container .login-body .login-form form .username-input,.login-container .login-body .login-form form .verify-wrap{background-color:#f4f7fc;margin-bottom:30px}.login-container .login-body .login-form form .verify-wrap{display:flex;gap:20px}.login-container .login-body .login-form form .verify-wrap .verify-input{background-color:#f4f7fc}.login-container .login-body .login-form form .verify-wrap .read-only{pointer-events:none}.login-container .login-body .login-form form .forgot-password{align-self:flex-end;color:#007bff;font-size:14px;text-decoration:none}.login-container .login-body .login-form form .forgot-password:hover{text-decoration:underline}.login-container .login-body .login-form form .checkbox-group{align-items:center;display:flex;margin:20px 0}.login-container .login-body .login-form form .checkbox-group input[type=checkbox]{margin-right:10px}.login-container .login-body .login-form form .checkbox-group label{color:#333;font-size:14px}.login-container .login-body .login-form form .checkbox-group label a{color:#007bff;text-decoration:underline}.login-container .login-body .login-form form .checkbox-group label a:hover{text-decoration:underline}.login-container .login-body .login-form form .or-divider{color:#333;margin:20px 0;text-align:center}.login-container .login-body .login-form form .fingerprint-login{align-items:center;display:flex;justify-content:center}.login-container .login-body .login-form form .fingerprint-login img{height:43px;width:42px}.login-container .login-body .login-form form .error-message{color:#ff1313}.login-container .login-body .login-form form .checkbox-form-item{margin:20px 0}.login-container .login-body .captcha-message{color:#ff1313;padding-bottom:20px}.login-container .login-body .captcha-container{display:flex;flex-direction:row;gap:20px}.login-container .login-body .captcha-container .captcha-image{height:50%}@media(max-width:1150px)and (min-width:740px){.login-container .login-body .login-form{margin-left:40px}.login-container .login-body .login-form .login-links .login-link{font-size:20px}}@media(max-width:740px)and (min-width:120px){.login-container .login-header .logo{font-size:28px}.login-container .login-header .links a{font-size:12px}.login-container .login-body .login-image img{display:none}.login-container .login-body .login-form{margin-left:5px}.login-container .login-body .login-form .login-links .login-link{font-size:20px}}.forgot-password-maincontainer{display:flex;justify-content:center}.forgot-password-maincontainer .forgot-password-container{align-items:center;background-color:rgba(220,223,228,.921);display:flex;flex-direction:column;height:80vh;margin-top:60px;width:30vw}.forgot-password-maincontainer .forgot-password-container h2{text-color:#3e4246;font-size:1.5rem;font-weight:600;margin-top:20px}.forgot-password-maincontainer .forgot-password-container p{text-color:#3e4246;font-size:1.2rem;margin-top:40px;padding-right:60%}.forgot-password-maincontainer .forgot-password-container form{background-color:#fff;border-radius:10px;color:#212121;margin-top:15%;padding:2rem;width:320px}.forgot-password-maincontainer .forgot-password-container form .email-input{margin-bottom:20px;width:100%}.forgot-password-maincontainer .forgot-password-container form .email-input input{text-color:#3e4246;background-color:#f6f6f7;border-radius:5px;font-size:1rem;padding:10px;width:100%}.forgot-password-maincontainer .forgot-password-container form .error-message{color:#ff1313;font-size:.9rem;margin-bottom:15px}.forgot-password-maincontainer .forgot-password-container form .btn-primary{background-color:#078dee;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:background-color .3s ease;width:100%}.forgot-password-maincontainer .forgot-password-container form .btn-primary:disabled{background-color:#696c6f;cursor:not-allowed}.forgot-password-maincontainer .forgot-password-container form .btn-primary:hover:not(:disabled){background-color:#078dee}.forgot-password-maincontainer .forgot-password-container form .back-to-login{margin-top:15px;text-align:center}.forgot-password-maincontainer .forgot-password-container form .back-to-login a{background-color:#078dee;font-size:.9rem;text-decoration:none;transition:color .2s}.forgot-password-maincontainer .forgot-password-container form .back-to-login a:hover{background-color:#078dee}.forgot-password-maincontainer .forgot-password-container .back-to-login{padding-top:25px}.reset-password{color:#292d31;display:flex;flex-direction:column;font-size:14px;gap:20px;padding:16px;width:42vw}.reset-password p{margin:0!important}.reset-password .pwd-description{line-height:2.5}.reset-password .pwd-description .strong{font-weight:600}.reset-password .pwd-description .pwd-valid{line-height:1.8}.reset-password .input-box{display:flex;flex-direction:column;gap:15px}.reset-password .input-box .input-wrap{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.add-department{width:50vw}.add-department .add-department-form{padding:10px}.add-department .add-department-form .flex{display:flex;flex-wrap:wrap;gap:10px 20px}.add-department .add-department-form .flex .col{flex-basis:250px;flex-grow:1;height:auto}.add-department .add-department-buttons{padding:10px}.add-position{width:50vw}.add-position .add-position-buttons,.add-position .add-position-form{padding:10px}.view-personnel .view-personnel-form .row .full-size{grid-column:3;grid-row:1/span 4}@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}}.add-attribute{width:50vw}.add-attribute .add-attribute-form{padding:10px}.add-attribute .add-attribute-form .row .full-size{grid-column:3;grid-row:1/span 4}.add-attribute .add-attribute-buttons{padding:10px}@media screen and (max-width:1190px){.add-attribute .add-attribute-form .row .full-size{grid-column:1/span 2;grid-row:4}}@media screen and (max-width:720px){.add-attribute .add-attribute-form .row{grid-template-columns:100%}.add-attribute .add-attribute-form .row .full-size{grid-column:1/span 1;grid-row:4}}.add-library{width:50vw}.add-library .add-attribute-buttons,.add-library .add-library-form{padding:10px}.parameters .card .card-header{padding:20px 20px 0}.parameters .card .card-body{padding:10px}.parameters .parameters-buttons{padding:0 10px}.personnel-setting .personnel-setting-form{max-width:400px}.personnel-setting .personnel-setting-form .row .col{display:flex;flex-direction:column;gap:20px}.personnel-setting .personnel-setting-form .row .col .title{font-size:16px;font-weight:700}.personnel-setting .personnel-setting-form .row .col .link-tag{color:#078dee;cursor:pointer;text-decoration:underline}.personnel-setting .personnel-setting-form .column{grid-gap:20px 10px;display:grid;gap:20px 10px;grid-template-columns:auto auto}.personnel-setting .personnel-setting-form .column .item-1{grid-area:1/1/span 1/span 2}.personnel-setting .personnel-setting-form .column .item-2{grid-area:1/2/span 2/span 1}.personnel-setting .personnel-setting-form .column .text{cursor:pointer}.personnel-setting .personnel-setting-form .column .qrcode{width:100px}.personnel-setting .personnel-setting-form .row1--3{grid-template-columns:30% auto}.personnel-setting .w50{max-width:50%}.personnel-setting .w100{max-width:100%}.personnel-setting .row-3{align-items:center}.bitch-issue-card{max-width:60vw;padding:0 7px}.bitch-issue-card .bitch-issue-card-form{display:flex;flex-direction:column}.bitch-issue-card .bitch-issue-card-form .row-form{align-items:center;display:flex;flex-direction:row;gap:10px}.bitch-issue-card .bitch-issue-card-form .row-form .col{flex:1 1}.bitch-issue-card .bitch-issue-card-form .row-form .col-text .link-tag{color:#078dee;cursor:pointer;text-decoration:underline}.bitch-issue-card .bitch-issue-card-form .row{display:flex;flex-direction:row;gap:10px;padding:60px 0 20px}.bitch-issue-card .bitch-issue-card-form .row .col{flex:1 1;height:300px;overflow-y:auto}.bitch-issue-card .bitch-issue-card-form .row .col .header{color:#078dee;font-size:10px}.bitch-issue-card .bitch-issue-card-form .row .col table{border-collapse:collapse;font-size:14px;margin:10px 0;text-align:left;width:100%}.bitch-issue-card .bitch-issue-card-form .row .col table th{background-color:#f5f5f5;border-bottom:1px solid #ddd;color:#000;font-weight:700;padding:12px}.bitch-issue-card .bitch-issue-card-form .row .col table tr{border-bottom:1px solid #ddd}.bitch-issue-card .bitch-issue-card-form .row .col table tr:nth-child(2n){background-color:#f9f9f9}.bitch-issue-card .bitch-issue-card-form .row .col table tr:hover{background-color:#f1f1f1;cursor:pointer}.bitch-issue-card .bitch-issue-card-form .row .col table td{border-right:1px solid #ddd;padding:12px}.bitch-issue-card .bitch-issue-card-form .row .col table td:last-child{border-right:none}.bitch-issue-card .bitch-issue-card-form .row .dhxlayout_sep{background-color:#ddd;cursor:col-resize;width:5px}.bitch-issue-card .bitch-issue-card-form .row .dhxlayout_sep.dhxlayout_sep_resize{width:10px}.bitch-issue-card .bitch-issue-card-form .row .col-issue-person{flex:1 1;height:300px;overflow-y:auto}.bitch-issue-card .bitch-issue-card-form .form-buttons-right button{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:10px;padding:8px 16px}.bitch-issue-card .bitch-issue-card-form .form-buttons-right button.btn-default{background-color:#f5f5f5;color:#000}.bitch-issue-card .bitch-issue-card-form .form-buttons-right button.btn-primary{background-color:#007bff;color:#fff}.bitch-issue-card .bitch-issue-card-form .form-buttons-right button.btn-primary:hover{background-color:#0056b3}.bitch-issue-card .bitch-issue-card-form .header h1{color:#007bff;font-size:16px;font-weight:700;margin-bottom:10px}.add-wiegand-format{padding:15px;width:70vw}.add-wiegand-format .add-wiegand-format-form{padding:10px 0}.add-wiegand-format .add-wiegand-format-form .row-form{display:flex;flex-wrap:wrap;gap:10px;width:100%}.add-wiegand-format .add-wiegand-format-form .row-form .col{flex:1 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 .flex-warp{display:flex;flex-wrap:wrap;gap:10px 50px;padding:10px 0}.add-wiegand-format .add-wiegand-format-form .flex-warp .warp-item{display:flex;flex-direction:column;flex-wrap:wrap;gap:5px}.add-wiegand-format .add-wiegand-format-form .flex-warp .warp-item .bit-value{display:flex;flex-direction:row;gap:20px}.add-wiegand-format .add-wiegand-format-form .flex-warp .warp-item .input-error-message{color:#ff1313}.card-format-testing{width:60vw}.card-format-testing .card-format-testing-form{display:flex;flex-direction:column;gap:15px;padding:10px 0 20px}.card-format-testing .card-format-testing-form .row-form{align-items:center;display:flex;gap:10px}.card-format-testing .card-format-testing-form .row-form .flex-1{flex:1 1}.card-format-testing .card-format-testing-form .column-form{display:flex;flex-direction:column;gap:10px}.card-format-testing .card-format-testing-form .column-form .col .title{padding-bottom:10px}.card-format-testing .card-format-testing-form .column-form .col .rows{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.card-format-testing .card-format-testing-form .column-form .col .rows .org-card-no .label{margin-top:-25px;padding-bottom:10px}.delete-icon{display:flex;flex-direction:row;gap:20px}.delete-icon .multi-delete-button{background-color:#fff;border:none;color:#3e4246;cursor:pointer;font-size:14px;gap:4px}.delete-icon .filter-section{display:grid;margin-right:20px;padding-top:5px}.personal-details .personal-details-form .row-form-warp{grid-gap:15px;display:grid;gap:15px;grid-template-columns:auto auto auto auto}.personal-details .personal-details-form .row-form-warp .column2{grid-area:1/4/span 3/span 2}.personal-details .personal-details-form .row-form-warp .flex-row{align-items:center;display:flex;gap:10px}.image-upload{background-color:#f6f6f7;border-radius:8px;height:150px}.image-upload .image-view{display:flex;height:100%;justify-content:center;position:relative;width:100%}.image-upload .image-view img{height:100%}.image-upload .image-view .close-icon{cursor:pointer;position:absolute;right:10px;top:10px}.image-upload:hover .image-upload-session{display:flex}.image-upload .image-upload-session{align-items:center;display:none;flex-direction:column;height:100%;justify-content:space-evenly;position:relative}.image-upload .image-upload-session .session-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:5px}.image-upload .image-upload-session .session-item span{color:#0000001a;font-size:12px}.image-upload .image-upload-session .session-item input{display:none}.image-upload .image-upload-session span{color:#0000001a;font-size:11px}.image-upload .image-upload-session span:before{background:#0000001a;content:"";height:1.5px;left:10px;position:absolute;top:50%;width:45%}.image-upload .image-upload-session span:after{background:#0000001a;content:"";height:1.5px;position:absolute;right:10px;top:50%;width:45%}@media screen and (max-width:860px){.personal-details .personal-details-form .row-form-warp{grid-gap:15px;display:grid;gap:15px;grid-template-columns:auto auto auto}.personal-details .personal-details-form .row-form-warp .column2{grid-area:4/1/span 1/span 3}}@media screen and (max-width:670px){.personal-details .personal-details-form .row-form-warp{grid-gap:15px;display:grid;gap:15px;grid-template-columns:auto auto}.personal-details .personal-details-form .row-form-warp .column2{grid-area:5/1/span 2/span 1}}@media screen and (max-width:600px){.personal-details .personal-details-form .row-form-warp{grid-gap:15px;display:grid;gap:15px;grid-template-columns:auto}.personal-details .personal-details-form .row-form-warp .column2{grid-area:8/1}}.permissions .permissions-form .row-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:auto auto auto auto auto}.permissions .permissions-form .row-form.items-2{gap:40px;grid-template-columns:auto auto}.permissions .permissions-form .row-form .item{display:flex;flex-direction:column;gap:10px}.permissions .permissions-form .row-form .item.item-row{align-items:center;flex-direction:row}.permissions .permissions-form .row-form .item .text-label{align-items:center;display:flex;height:100%;justify-content:center}.permissions .permissions-form .row-form .item .function-icon{cursor:pointer}.permissions .permissions-form .row-form .item1{grid-area:1/1/span 4/span 1}.permissions .permissions-form .row-form .item1 .tree-view-dropdown{border:1px solid #87909a;border-radius:8px;height:200px;overflow-y:scroll;padding:8px;width:100%}.permissions .permissions-form .row-form .item3{grid-area:1/3/span 2/span 1}.permissions .level-settings-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:226px;padding:10px;width:238px}.permissions .level-settings-container .level-settings{align-items:center;display:flex;height:100%;justify-content:center}.permissions .level-settings-container .level-settings .centered-add-button{border:none}.permissions .level-settings-container .level-settings .centered-add-button:after{content:"+";margin-left:10px}.permissions .level-settings-container .level-settings.hide-add-button{display:none;height:0}.permissions .level-settings-container .level-settings-header{display:flex;justify-content:space-between;margin-bottom:10px}.permissions .level-settings-container .level-settings-header .add-button{margin:auto 0}.permissions .level-settings-container .level-settings-body{display:flex;flex-direction:column;gap:10px;margin-top:0;max-height:150px;overflow-y:auto}.permissions .level-settings-container .level-settings-body .checkbox-item{margin-bottom:10px}.permissions .level-settings-container .add-btn-wrapper .add-button{align-items:center;background-color:#e0e0e0;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:5px 10px}.permissions .level-settings-container .add-btn-wrapper .add-button:hover{background-color:#d0d0d0}.permissions .radio-label span{color:#ff1313}.modal-page{min-width:40vw}.modal-page .statistics-page{grid-template-columns:auto auto auto auto}.modal-page .statistics-page .item .card .card-header .card-title{font-weight:500}.modal-page .statistics-page .item .card .card-header .card-title .sub-title{color:#d1d4d8}.modal-page .statistics-page .item .types-list{display:flex;flex-direction:column;gap:10px}.modal-page .statistics-page .item .types-list .items{display:flex;justify-content:space-between}.modal-page .statistics-page .item .types-list .items .title{font-size:16px}.modal-page .statistics-page .item .types-list .items .value{color:#87909a}.modal-page .statistics-page .item .types-list .items .value.width-full{flex:1 1}.modal-page .statistics-page .item .types-list .items .value.width-full-right{flex:1 1;text-align:right}.modal-page .statistics-page .row{display:flex;flex-direction:row}.modal-page .statistics-page .row .downloaddriver .devWarningColor{color:#078dee}.modal-page .statistics-page .row .downloaddriver .devWarningColor a.devWarningColor{color:#7ac142;text-decoration:underline}.modal-page .statistics-page .row-2{grid-column:span 4}.modal-page .statistics-page .span-2{grid-column:span 2}.modal-page .statistics-page .span-4{grid-column:span 4}.modal-page .statistics-page.rows-2{grid-template-columns:auto auto}.card-images{display:flex;gap:20px}.card-images .image{height:30vh}.card-images .image img{height:100%;width:100%}.finger-print-modal{display:flex;flex-direction:column;gap:20px;width:46vw}.finger-print-modal .select-wrapper .rectangle-wrap{display:flex;gap:5px}.finger-print-modal .select-wrapper .rectangle-wrap .rectangle{background-color:#d9d9d9;height:12px;width:53px}.finger-print-modal .fingers-img-wrapper{display:flex;gap:10px}.finger-print-modal .fingers-img-wrapper img{height:172px;width:155px}.card-number-modal{width:70vw}.card-number-modal .card-type-wrapper{display:flex;justify-content:center}.level-body{display:flex;flex-direction:column;font-family:Arial,sans-serif;max-height:500px;overflow:hidden;width:50vw}.level-body .input-fields{display:flex;margin-bottom:20px}.level-body .input-fields .search-container{position:relative;width:40%}.level-body .input-fields .search-container input.input-field{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:10px 10px 10px 40px;width:100%}.level-body .input-fields .search-container input.input-field:focus{border-color:#007bff;box-shadow:0 0 8px #007bff4d;outline:none}.level-body .input-fields .search-container svg{left:10px;position:absolute;top:50%;transform:translateY(-50%)}.level-body .levels-container{display:flex;justify-content:space-between;overflow-y:auto}.level-body .levels-container .levels-table{border:1px solid #e0e0e0;border-collapse:collapse;border-radius:8px;display:block;height:300px;margin-top:10px;width:100%}.level-body .levels-container .levels-table thead{background-color:#f1f1f1;display:block;position:-webkit-sticky;position:sticky;top:0;z-index:1}.level-body .levels-container .levels-table tbody{display:block;max-height:250px;overflow-y:auto}.level-body .levels-container .levels-table td,.level-body .levels-container .levels-table th{padding:10px;text-align:left;width:200px}.level-body .levels-container .levels-table th{background-color:#f1f1f1;color:#333;font-size:14px;font-weight:700}.level-body .levels-container .levels-table tbody tr:nth-child(2n){background-color:#f9f9f9}.level-body .levels-container .levels-table tbody tr:hover{background-color:#f1f1f1}.level-body .levels-container .available-levels,.level-body .levels-container .selected-levels{max-height:360px;overflow-y:auto;padding:10px;width:50%}.modal-footer{display:flex;gap:20px;justify-content:flex-end;margin-right:20px;margin-top:20px}.modal-footer .cancel-button,.modal-footer .done-button{border:none;border-radius:4px;cursor:pointer;margin-left:10px;padding:10px 20px;transition:background-color .3s}.modal-footer .cancel-button.cancel-button,.modal-footer .done-button.cancel-button{background-color:#ced0d3}.modal-footer .cancel-button.done-button,.modal-footer .done-button.done-button{background-color:#9ea3a9;color:#fff}.modal-footer .cancel-button.done-button.active,.modal-footer .done-button.done-button.active{background-color:#007bff}.modal-footer .cancel-button.done-button.disabled,.modal-footer .done-button.done-button.disabled{background-color:#9ea3a9;cursor:not-allowed}.add-device{padding:10px;width:670px}.add-device,.add-device .add-device-form{display:flex;flex-direction:column;gap:30px}.add-device .add-device-form .form-item .input_field{flex:0 1}.add-device .add-device-form .grid-row{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:66% 1fr}.add-device .add-device-form .grid-row .col-8{display:flex;flex-direction:column;gap:33px}.add-device .add-device-form .single-row{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:170px 1fr}.add-device .add-device-form .single-row .input-error-message{margin:0}.add-device .add-device-form .single-row .radio-form-item .radio-group-list.column{flex-direction:row}.add-device .add-device-form .single-row .radio-form-item .radio-group-list .radio-field .radio-title{color:#696c6f}.add-device .add-device-form .single-row-1{grid-gap:10px;display:grid;gap:10px;grid-template-columns:170px 1fr 1fr}.add-device .last-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.add-device .error-label{color:#e8212e;display:flex;gap:8px;margin-top:6%}.add-device .button-field .btn{padding:10px 35px}.search-add-links{display:flex;gap:10px}.search-device{display:flex;flex-direction:column;gap:20px;max-width:80vw;overflow-y:auto}.search-device .title .download-link{color:#696c6f;cursor:pointer;padding:0 0 0 5px;text-decoration:underline}.search-device .title .download-link:hover{color:#078dee}.search-device .row{grid-column-gap:24px;column-gap:24px;display:grid;grid-template-columns:1fr 1fr}.search-device .row .input-row{display:flex;gap:20px}.search-device .row .search-wrapper{align-items:center;display:flex;gap:15px;padding-left:20px}.search-device .row .search-wrapper .button-field .btn{padding:5px 30px}.search-device .row .search-wrapper .button-field .btn:disabled{background-color:#078dee;color:#fff;cursor:not-allowed;opacity:1}.search-device .row .search-wrapper .search-loader{align-items:center;display:flex;gap:15px}.search-device .row .search-wrapper .search-loader .count{color:#078dee;font-size:14px;font-weight:500}.search-device .row .search-wrapper .search-result span{color:#3e4246;font-size:14px}.search-device .device-table{max-height:430px}.search-device .device-table .table{box-shadow:none}.search-device .device-table .table thead tr{background-color:#f6f6f7}.search-device .device-table .table tbody{background-color:#0000}.search-device .device-bottom{display:flex;flex-direction:column}.search-device .device-bottom .error-message{align-items:center;color:#e8212e;display:flex;gap:5px}.search-add-link{color:#078dee;cursor:pointer;text-decoration:underline}.search-add-device{width:50vw}.search-add-device .add-device-form{display:flex;flex-direction:column;gap:30px}.search-add-device .add-device-form .single-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.search-add-device .add-device-form .error-label{color:#e8212e;display:flex;gap:8px}.device-popup{padding-bottom:10px;width:40vw}.device-popup .row{display:grid;grid-template-rows:1fr auto}.device-popup .row .column-1{display:flex;flex-direction:column;gap:10px}.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 .checkbox-wrapper .checkbox-form-item .checkbox-group-list.warp.grid-2 .checkbox-field{width:30%}.device-popup .row .column-1 .checkbox-wrapper .checkbox-form-item .checkbox-group-list.warp.grid-2 .checkbox-field .checkbox-title{color:#696c6f}.device-popup .row .column-1 .title{font-size:14px}.device-popup .row .column-1 .box{border:.75px solid #696c6f;border-radius:8px;display:flex;flex-direction:column;gap:5px;height:150px;max-height:150px;overflow:auto;padding:10px}.device-popup .row .column-1 .box .device-name{font-size:15px}.device-popup .row .column-1 .box .device-name .message{font-size:14px;font-weight:400}.device-popup .row .column-1 .box .select-device-wrapper{align-items:center;display:flex;gap:5px}.device-popup .row .column-1 .box .select-device-wrapper .active-name{color:#078dee;font-size:13px;font-weight:500}.device-popup .row .column-1 .box .success-wrapper p{font-size:14px;margin-bottom:5px}.device-popup .row .column-1 .box .text-warning{font-size:12px;font-weight:500}.device-popup .row .column-1 .box.box-1{max-height:20vh;overflow:scroll}.device-popup .row .column-1 .file-wrapper .file-upload{align-items:center;display:flex;flex-direction:row;gap:5px}.device-popup .row .column-1 .file-wrapper .file-upload .file-select{color:#000}.device-popup .row .column-1 .file-wrapper .file-upload .brows-btn{background-color:#f6f6f7;border-radius:6px;cursor:pointer;padding:5px}.device-popup .row .column-1 .file-wrapper .file-upload .not-upload{color:#000}.device-popup .row .column-1 .upgrading-content{display:flex;justify-content:space-between}.device-popup .row .column-1 .upgrading-content .right{align-items:center;display:flex;gap:5px}.device-popup .row .column-1 .upgrading-content .right .search-loader{align-items:center;display:flex;gap:15px}.device-popup .row .column-1 .upgrading-content .right .search-loader .count{color:#078dee;font-size:14px;font-weight:500}.device-popup .row .column-1 .upgrading-content .button-field .btn{padding:5px 15px}.device-setup-popup{padding:10px;width:38vw}.device-setup-popup .row{display:flex;flex-direction:column}.device-setup-popup .row .column-1{display:flex;flex-direction:column;gap:15px}.device-setup-popup .row .column-1 .checkbox-wrapper{display:flex;gap:10px}.device-setup-popup .row .column-1 .checkbox-wrapper .button-field .btn{text-wrap:nowrap;padding:5px 15px}.device-setup-popup .row .column-1 .title{font-size:14px}.device-setup-popup .row .column-1 .box{border:.75px solid #696c6f;border-radius:8px;display:flex;flex-direction:column;gap:10px;height:150px;max-height:150px;overflow:auto;padding:10px}.device-setup-popup .row .column-1 .box .message,.device-setup-popup .row .column-1 .box .text-warning{font-size:14px;font-weight:500}.device-setup-popup .row .column-1 .box .select-device-wrapper{align-items:center;display:flex;gap:5px}.device-setup-popup .row .column-1 .box .select-device-wrapper .active-name{color:#078dee;font-size:13px;font-weight:500}.device-setup-popup .row .column-1 .box.box-1{max-height:20vh;overflow:scroll}.device-setup-popup .row .column-1 .box .success-wrapper p{font-size:14px;margin-bottom:5px}.device-setup-popup .row .column-1 .time-input{display:flex;gap:10px;width:75%}.device-setup-popup .row .column-1 .open-interval{display:flex;flex-direction:column;gap:13px;padding-bottom:20px}.device-setup-popup .row .column-1 .open-interval .seconds{text-wrap:nowrap;font-size:14px}.device-setup-popup .row .column-1 .verification-options{display:flex;flex-direction:column;gap:10px}.device-setup-popup .row .column-1 .verification-options h4{font-weight:500}.device-setup-popup .row .column-1 .verification-options .input-row{display:flex;gap:20px}.device-setup-popup .row .column-1 .verification-options .input-row .form-select-item .input_field:disabled{background-color:#e3e6e8;border:none}.device-setup-popup .row .column-1 .verification-options .input-row .form-select-item .input_field:read-only+.input-label{background-color:#0000;color:#292d31}.device-setup-popup .row .column-1 .upgrading-content{display:flex;justify-content:space-between}.device-setup-popup .row .column-1 .upgrading-content .right{align-items:center;display:flex;gap:5px}.device-setup-popup .row .column-1 .upgrading-content .right .search-loader{align-items:center;display:flex;gap:15px}.device-setup-popup .row .column-1 .upgrading-content .right .search-loader .count{color:#078dee;font-size:14px;font-weight:500}.device-setup-popup .row .column-1 .upgrading-content .button-field .btn{padding:5px 15px}.device-setup-popup .row .column-new{width:60%}.synchronize-prompt{text-align:left}.synchronize-prompt .check-wrapper{align-items:center;display:flex;gap:10px}.view-rulesOf-devices{display:flex;flex-direction:column;gap:20px;max-height:771px;overflow:auto;padding:10px;width:898px}.view-rulesOf-devices .table{box-shadow:none}.view-rulesOf-devices .table tbody tr td{padding:10px 5px}.view-rulesOf-devices .bottom{display:flex;justify-content:space-between}.view-rulesOf-devices .bottom .text-message{align-items:self-start;display:flex;gap:6px;width:65%}.view-rulesOf-devices .bottom .text-message .text-warning{font-size:14px}.replace-device{padding:10px;width:38vw}.replace-device .form{display:flex;flex-direction:column;gap:20px}.replace-device .form .row-input{width:55%}.replace-device .form .warning-message-wrap{display:flex;flex-direction:column;gap:20px}.replace-device .form .warning-message-wrap .warning-msg{align-items:center;display:flex}.replace-device .form .warning-message-wrap .warning-msg .text-warning{margin-left:10px}.replace-device .form-buttons-right{margin-top:30px}.add-device-modal{border-radius:8px;margin:0 auto;max-width:800px;padding:20px}.add-device-modal h3{color:#3e4246;font-size:1.5rem;font-weight:600;margin-bottom:20px}.add-device-modal .form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.add-device-modal .form-row>div{flex:1 1;min-width:200px}.add-device-modal .name-device-protocol-row{display:flex;gap:20px}.add-device-modal .name-device-protocol-row .input-error-message{margin:0}.add-device-modal .name-device-protocol-row>div{flex:1 1;min-width:150px}.add-device-modal .name-device-protocol-row>div:first-child{flex:1 1}.add-device-modal .name-device-protocol-row .device-name{align-items:center;border:1px solid #ced0d3;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;padding:14px 15px;text-align:center}.add-device-modal .name-device-protocol-row .device-name .label{font-weight:400}.add-device-modal .name-device-protocol-row .button-field .btn{padding:10px 46px}.add-device-modal .info-message{color:#d1d4d8;font-size:.9rem;margin-bottom:20px}.add-device-modal .info-message p{color:#3e4246;font-weight:700}.add-device-modal .info-message img{border:1px solid #87909a;border-radius:4px;height:auto;margin:10px 0;max-width:20%}.add-device-modal .info-message .warning{color:#ff1313;font-weight:600}.add-device-modal .form-buttons{display:flex;gap:10px;justify-content:flex-end}.add-device-modal .form-buttons .btn-select-device{padding-right:30px}.add-device-modal input,.add-device-modal select{border:1px solid #ccc;border-radius:4px;color:#3e4246;font-size:1rem;padding:8px;transition:border-color .3s;width:100%}.add-device-modal input:focus,.add-device-modal select:focus{border-color:#078dee;outline:none}.add-device-modal label{color:#696c6f;display:block;font-size:.85rem;font-weight:500;margin-bottom:5px}.add-device-modal .group-switch-button{padding-bottom:20px;width:23%}.device-selection-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #21212133;display:flex;flex-direction:column;height:500px;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:1000}.device-selection-modal .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.device-selection-modal .header h3{color:#3e4246;font-size:18px;margin:0}.device-selection-modal .header .btn-close{background:none;border:none;cursor:pointer;font-size:18px}.device-selection-modal .filters{display:flex;gap:50px;height:40px;justify-content:space-between;margin-bottom:15px;width:60%}.device-selection-modal .filters input[type=text]{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px}.device-selection-modal .filters button{background-color:#078dee;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.device-selection-modal .filters button:hover{background-color:#0670bc}.device-selection-modal .filters .clear-button{background-color:#ccc}.device-selection-modal .filters .clear-button:hover{background-color:#b3b3b3}.device-selection-modal .content{flex-grow:1;overflow-y:auto}.device-selection-modal .device-tables{display:flex;justify-content:space-between;padding-top:20px}.device-selection-modal .device-tables .available-devices,.device-selection-modal .device-tables .selected-devices{width:45%}.device-selection-modal .device-tables .available-devices table,.device-selection-modal .device-tables .selected-devices table{width:100%}.device-selection-modal .device-tables .available-devices table td,.device-selection-modal .device-tables .available-devices table th,.device-selection-modal .device-tables .selected-devices table td,.device-selection-modal .device-tables .selected-devices table th{padding:8px;text-align:left}.device-selection-modal .device-tables .available-devices table th,.device-selection-modal .device-tables .selected-devices table th{background-color:#f6f6f7;color:#3e4246}.device-selection-modal .device-tables .available-devices table td,.device-selection-modal .device-tables .selected-devices table td{font-size:14px}.device-selection-modal .device-tables .buttons{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding-top:150px;width:10%}.device-selection-modal .form-buttons-right{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.edit-reader{margin:0 auto;width:37.4vw}.edit-reader .form{display:flex;flex-direction:column;gap:16px}.edit-reader .form .input-row{grid-gap:35px;display:grid;gap:35px;grid-template-columns:1fr 1fr}.edit-reader .form .input-row .form-item{height:48.4px}.camera-modal{padding:20px}.camera-modal .camera-p{align-items:center;display:flex;flex-direction:column}.camera-modal p{color:#3e4246;font-size:16px}.camera-modal .form-buttons-right{justify-content:center;padding-top:30px}.camera-modal .camera-modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.camera-modal .camera-modal-buttons .camera-modal-button{border-radius:5px;cursor:pointer;padding:10px 20px}.camera-modal .camera-modal-buttons .camera-modal-button.camera-modal-cancel{background-color:#fff;border:1px solid #ccc;color:#3e4246}.camera-modal .camera-modal-buttons .camera-modal-button.camera-modal-confirm{background-color:#078dee;border:none;color:#fff}.camera-modal .camera-modal-buttons .camera-modal-button:hover{background-color:#0670bc}.modify-ip-address{border-radius:8px;margin:0 auto;max-width:600px;padding:10px}.modify-ip-address h4{color:#078dee;font-size:1.25rem;font-weight:600;margin-bottom:20px}.modify-ip-address .form-row{display:flex;flex-wrap:wrap;justify-content:space-between}.modify-ip-address .form-row input{width:100%}.modify-ip-address .form-row>div{flex:0 0 48%;margin-bottom:20px}.modify-ip-address input{background-color:#fff;border:1px solid #87909a;border-radius:5px;color:#3e4246;font-size:14px;padding:10px;width:100%}.modify-ip-address input:disabled{background-color:#e3e6e8;color:#ced0d3}.modify-communication-modal{background-color:#fff;border-radius:8px;width:44vw}.modify-communication-modal h3{color:#078dee;margin-bottom:20px}.modify-communication-modal .form-row{display:flex;gap:20px}.modify-communication-modal .form-error{color:#87909a;font-size:.85rem;margin-top:10px}.modify-communication-modal .modal-footer{display:flex;justify-content:flex-end;margin-top:68px}.switch-network-modal{background-color:#fff;border-radius:8px;margin:0 auto;max-width:400px;padding:20px;text-align:left}.switch-network-modal .form-row{margin-bottom:20px}.switch-network-modal .form-row label{color:#3e4246;display:block;font-size:16px;font-weight:500;margin-bottom:10px}.switch-network-modal .form-row .radio-group{display:flex;gap:15px;justify-content:flex-start}.switch-network-modal .form-row .radio-group label{color:#d1d4d8;font-size:14px;font-weight:400}.door-header{display:flex;flex-direction:row;justify-content:space-between}.door-header .doorlist{padding:15px}.modal-header{background:#eef5fd}.modal-page .statistics-page .rows .rows{display:flex;flex-direction:column;gap:57px}.export-door-data{width:40vw}.export-door-data .rows-4{display:flex;flex-direction:row;margin-bottom:20px}.modal-page .statistics-page .rows{display:flex;flex-direction:column;gap:57px}.modal-page .statistics-page .rows .filetype{width:40%}.add-level-modal{border-radius:8px;margin:auto;padding:20px;width:53vw!important}.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}.level-add-door{border-radius:8px;margin:auto;padding:20px;width:65vw}.level-add-door .form-buttons-right{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.level-add-door .form-buttons-right .btn-default{background-color:#f6f6f7;border-radius:4px;color:#3e4246;cursor:pointer;font-size:14px;padding:10px 20px}.level-add-door .form-buttons-right .btn-default:hover{background-color:#fff}.level-add-door .form-buttons-right .btn-primary{background-color:#078dee;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.level-add-door .form-buttons-right .btn-primary:hover{background-color:#0670bc}.remote-opening-modal{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;gap:20px;padding:10px}.remote-opening-modal .target-section{align-items:center;display:flex;margin-bottom:20px}.remote-opening-modal .target-section label{color:#078dee;font-size:16px;font-weight:600;margin-right:5px}.remote-opening-modal .target-section span{color:#212121;font-size:16px;font-weight:500}.remote-opening-modal .input-section{display:flex;flex-direction:column;gap:20px;padding-top:10px}.remote-opening-modal .input-section .seconds{margin-top:15px}.edit-door{width:70vw}.edit-door .grid-row{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.edit-door .switch-wrap{display:flex;justify-content:end;padding:20px 0}.edit-reader-modal{background-color:#fff;border-radius:8px;margin:0 auto;padding:20px;width:100%}.edit-reader-modal .form-buttons-right{display:flex;grid-column:span 3;justify-content:flex-end;margin-top:20px}.edit-reader-modal .form-buttons-right .btn-default,.edit-reader-modal .form-buttons-right .btn-primary{border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px}.edit-reader-modal .form-buttons-right .btn-default{background-color:rgba(220,223,228,.921);color:#3e4246;margin-right:10px}.edit-reader-modal .form-buttons-right .btn-primary{background-color:#078dee;color:#fff}.edit-reader-form{grid-gap:20px;display:grid;gap:20px}.edit-reader-form .input-grid{grid-gap:40px;display:grid;gap:40px}.edit-reader-form .input-grid .input-form,.edit-reader-form .input-grid .input-select{display:flex;flex-direction:row;gap:20px}.edit-reader-form .input-item{display:flex;flex-direction:column}.edit-reader-form .input-item label{color:#3e4246;font-size:14px;margin-bottom:5px}.edit-reader-form .input-item input,.edit-reader-form .input-item select,.edit-reader-form .input-item textarea{background-color:#f6f6f7;border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px}.edit-reader-form .input-item textarea{height:60px;resize:none;width:190px}.real-time-monitoring .content{display:flex;flex-direction:column;gap:10px;position:relative}.real-time-monitoring .content .filters{grid-gap:20px;display:grid;gap:20px;grid-template-columns:35% 17% 17%;padding:0 0 15px 10px}.real-time-monitoring .content .tab-page{padding-top:0}.real-time-monitoring .content .real-time-events{display:flex;flex-direction:column;gap:10px;padding:0 10px 10px 5px}.real-time-monitoring .content .real-time-events .table-wrapper{overflow-x:auto;width:100%}.real-time-monitoring .content .real-time-events .table-wrapper .event-table{width:1550px}.real-time-monitoring .content .real-time-events .status-container{display:flex;justify-content:end}.real-time-monitoring .content .real-time-events .status-container .clear-all{align-items:center;cursor:pointer;display:flex;gap:5px;margin-right:15px}.real-time-monitoring .content .real-time-events .status-container .clear-all .text{color:#696c6f;font-weight:500;text-decoration:underline}.real-time-monitoring .content .real-time-events .status-container .clear-all .text:hover{color:#078dee}.real-time-monitoring .content .real-time-events .status-container .status-wrap{align-items:center;display:flex;gap:5px;margin-right:15px}.real-time-monitoring .content .real-time-events .status-container .status-wrap:last-child{margin-right:0}.real-time-monitoring .content .real-time-events .status-container .status-wrap .circle-dot{border-radius:50%;height:10px;width:10px}.real-time-monitoring .content .real-time-events .status-container .status-wrap .circle-dot.success{background-color:#00a76f}.real-time-monitoring .content .real-time-events .status-container .status-wrap .circle-dot.danger{background-color:#e8212e}.real-time-monitoring .content .real-time-events .status-container .status-wrap .circle-dot.warning{background-color:#ff9500}.real-time-monitoring .content .real-time-events .status-container .status-wrap .circle-dot.secondary{background-color:#87909a}.rtm-door{display:flex;flex-direction:column;gap:20px}.rtm-door .search-row{align-items:center;display:flex;justify-content:space-between}.rtm-door .search-row .search-input{width:23%}.rtm-door .card-container{max-height:548px;max-width:-webkit-max-content;max-width:max-content;min-height:250px;overflow-x:hidden;overflow-y:auto;padding:10px 5px}.rtm-door .card-container .card-grid{display:flex;flex-wrap:wrap;gap:20px}.rtm-door .card-container .card-grid .card-item{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 0 6.3px 0 rgba(0,0,0,.141);cursor:pointer;display:flex;height:66px;justify-content:center;padding:0 8px;position:relative;width:155px}.rtm-door .card-container .card-grid .card-item.active{border:2px solid #078dee}.rtm-door .card-container .card-grid .card-item:hover .card-item-checkbox,.rtm-door .card-container .card-grid .card-item:hover .card-item-edit,.rtm-door .card-container .card-grid .card-item:hover .card-item-status{opacity:1;visibility:visible}.rtm-door .card-container .card-grid .card-item .card-item-checkbox{position:absolute;right:0;top:5px;visibility:hidden;z-index:2}.rtm-door .card-container .card-grid .card-item .card-item-checkbox.active{opacity:1;visibility:visible}.rtm-door .card-container .card-grid .card-item .card-item-edit{opacity:0;position:absolute;right:35px;top:5px;visibility:hidden;z-index:2}.rtm-door .card-container .card-grid .card-item .card-item-status{background-color:#fff;left:80%;opacity:0;position:absolute;top:72%;transition:all .3s ease-in-out;visibility:hidden;z-index:2}.rtm-door .card-container .card-grid .card-item .card-item-status .card-status{border:none;border-radius:8px;box-shadow:0 0 14.1px 2px #0000001c;font-size:12px;gap:5px;width:270px}.rtm-door .card-container .card-grid .card-item span{font-size:14px;padding-left:5px}.rtm-door .status-container{display:flex;justify-content:end}.rtm-door .status-container .status-wrap{align-items:center;display:flex;gap:5px;margin-right:15px}.rtm-door .status-container .status-wrap:last-child{margin-right:0}.rtm-door .status-container .status-wrap .circle-dot{border-radius:50%;height:10px;width:10px}.rtm-door .status-container .status-wrap .circle-dot.success{background-color:#00a76f}.rtm-door .status-container .status-wrap .circle-dot.danger{background-color:#e8212e}.rtm-door .status-container .status-wrap .circle-dot.warning{background-color:#ff9500}.rtm-door .status-container .status-wrap .circle-dot.secondary{background-color:#87909a}.message-tip{bottom:6%;opacity:0;position:absolute;right:2%;transition:all 1s ease-in-out;visibility:hidden;z-index:10}.message-tip .card-status{background-color:#fff;border:none;border-radius:8px;box-shadow:0 0 14.1px 2px #0000001c;cursor:default;height:300px;width:230px}.message-tip .card-status .card-body{text-align:center}.message-tip .card-status .card-body .card-image{height:100px;margin:10px auto 0;width:100px}.message-tip .card-status .card-body .content-body{display:flex;flex-direction:column;gap:5px}.message-tip .card-status .card-body .content-body .text{color:#292d31;font-size:14px;font-weight:400}.message-tip .card-status .card-body .content-body .text.status{font-weight:500}.door-modals .label{color:#078dee;font-family:Poppins;font-size:13px;font-weight:500}.door-modals .label span{color:#212b36;font-weight:400}.door-modals .input-wrap{display:flex;gap:20px}.door-modals .input-wrap.column{flex-direction:column}.door-modals .input-wrap .message{color:#292d31}.latest-events-popup .table-wrapper{height:25vh;max-height:28vh;overflow-x:auto;overflow-y:auto;width:75vw}.latest-events-popup .table-wrapper::-webkit-scrollbar{height:6px;width:4px}.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:none;overflow:visible;overflow:initial;text-overflow:clip;white-space:nowrap}.add-daylight{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding:20px;width:451px}.add-daylight .form-row{display:flex;gap:25px;justify-content:space-between;margin-bottom:30px}.add-daylight .form-row label{color:#696c6f;font-size:14px;margin-bottom:8px}.add-daylight .form-row input,.add-daylight .form-row select{border:1px solid #ccc;border-radius:4px;font-size:14px;width:100%}.add-daylight .form-start{display:flex;gap:20px;width:412px}.add-daylight .modal-footer{display:flex;padding-top:16px}.add-daylight .modal-footer .btn-primary{background-color:#078dee;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 16px}.add-daylight .modal-footer .btn-primary:hover{background-color:#0670bc}.add-daylight .modal-footer .btn-default{background-color:#eef5fd;border:1px solid #ccc;border-radius:4px;color:#3e4246;cursor:pointer;padding:10px 16px}.add-daylight .modal-footer .btn-default:hover{background-color:#eef5fd}.edit-eventType{display:flex;flex-direction:column;gap:20px;width:55vw}.edit-eventType .grid-row{grid-gap:20px 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.edit-eventType .grid-row .form-select-item .input_field:disabled{background-color:#e3e6e8}.edit-eventType .switch-wrap .checkbox-form-item .checkbox-group-list .checkbox-field .checkbox-title{color:#696c6f}.set-audio{display:flex;flex-direction:column;height:22vh;justify-content:space-between;width:30vw}.set-audio .flex-row{align-items:center;display:flex;gap:40px;width:25vw}.set-audio .flex-row .button-field .btn{padding:4px 15px}.alarm-monitoring .grid-container{display:flex;gap:10px}.alarm-monitoring .grid-container .flex-box{display:flex;flex:0 0 250px;flex-direction:column;gap:10px}.alarm-monitoring .grid-container .chart-box .card .card-body{padding:15px}.alarm-monitoring .grid-container .chart-box .card .card-body .chart-box-wrapper{display:flex;flex-direction:column}.alarm-monitoring .grid-container .chart-box .card .card-body .chart-box-wrapper .legends{grid-row-gap:10px;display:grid;grid-template-columns:1fr 1fr;row-gap:10px}.alarm-monitoring .grid-container .chart-box .card .card-body .chart-box-wrapper .legends .each-legends{align-items:center;display:flex}.alarm-monitoring .grid-container .chart-box .card .card-body .chart-box-wrapper .legends .each-legends .badge{border-radius:3px;height:10px;margin-right:15px;width:10px}.alarm-monitoring .grid-container .chart-box .card .card-body .chart-box-wrapper .legends .each-legends .text{font-size:12px;font-weight:700}.alarm-monitoring .grid-container .alarm-events .alarm-events-container{display:flex;flex-direction:column;gap:24px;padding:0 10px 20px}.alarm-monitoring .grid-container .alarm-events .alarm-events-container .rows{display:flex;flex-direction:column;gap:10px}.alarm-monitoring .grid-container .alarm-events .alarm-events-container .rows .label{color:#696c6f;font-size:14px}.alarm-monitoring .grid-container .alarm-events .alarm-events-container .rows .value{color:#292d31;font-size:24px;font-weight:400}.alarm-monitoring .grid-container .action-buttons .card .card-body{padding:0}.alarm-monitoring .grid-container .action-buttons .button-group{display:flex;justify-content:space-between;padding:15px}.alarm-monitoring .grid-container .action-buttons .button-group .btn.btn-outline-primary:hover{background-color:initial;color:#078dee}.alarm-monitoring .grid-container .action-buttons .button-group .btn svg path,.alarm-monitoring .grid-container .action-buttons .button-group .btn svg path:hover{stroke:currentColor}.alarm-monitoring .grid-container .record-table{width:77.5%}.alarm-monitoring .grid-container .record-table .card{height:100%}.unconfirmed{display:flex;flex-direction:column;gap:20px;position:relative}.unconfirmed .tab-list-items{display:flex;flex-wrap:wrap;gap:20px}.unconfirmed .tab-list-items .tab-item{cursor:pointer;padding:0 0 2px 5px;transition:all .3s ease-in-out}.unconfirmed .tab-list-items .tab-item.active{border-bottom:1px solid #078dee;color:#078dee;transition:all .3s ease-in-out}.unconfirmed .header-options{display:flex;gap:23px;justify-content:end;padding:0 10px}.unconfirmed .header-options .option{cursor:pointer}.unconfirmed .header-options .option .label{align-items:center;display:flex;gap:10px}.unconfirmed .table-wrapper{padding:0 15px}.unconfirmed .table-wrapper .table{box-shadow:none}.unconfirmed .table-wrapper .table tbody tr td{padding:10px 5px}.acknowledge{width:35vw}.acknowledge .row-1 h2{font-size:14px;margin-bottom:10px}.acknowledge .input-row{align-items:center;display:flex;gap:10px}.acknowledge .box{background-color:#f6f6f7;height:16vh;max-height:155px}.acknowledge .box,.acknowledge .box-1{border:.75px solid #696c6f;border-radius:8px;overflow-y:auto;padding:10px}.acknowledge .box-1{height:30vh;max-height:255px}.device-map{padding:10px 10px 10px 0}.device-map .grid-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:20% 80%;grid-template-rows:auto 1fr auto}.device-map .grid-container .header{grid-area:1/1/2/3}.device-map .grid-container .left{grid-area:2/1/4/2;height:100%}.device-map .grid-container .left .card{height:100%}.device-map .grid-container .left .card .card-body{padding:10px}.device-map .grid-container .left .area-list-wrap{display:flex;flex-direction:column;gap:10px}.device-map .grid-container .left .selected-area{font-size:14px;padding:0 0 0 10px}.device-map .grid-container .right-top{grid-area:2/2/3/3}.device-map .grid-container .right-top .map-card{background-color:#fff;border-radius:8px;box-shadow:2px 4px 10px #0000001a;max-width:100%;overflow:hidden;width:100%}.device-map .grid-container .right-top .map-card .card-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:15px}.device-map .grid-container .right-top .map-card .card-header .title{color:#292d31;font-weight:500}.device-map .grid-container .right-top .map-card .card-header .header-right .button-list{display:flex;flex-direction:row;gap:15px}.device-map .grid-container .right-top .map-card .card-header .header-right .button-list .button-item{align-items:center;color:#3e4246;cursor:pointer;display:flex;font-size:14px;gap:6px}.device-map .grid-container .right-top .map-card .map-card-body{height:370px;overflow:auto;padding:10px 15px;position:relative}.device-map .grid-container .right-top .map-card .map-card-body .image-container{display:inline-block;height:360px;max-height:100%;max-width:1200px;overflow:auto;position:absolute;top:0;width:990px}.device-map .grid-container .right-bottom{grid-area:3/2/4/3}.device-map .grid-container .right-bottom .real-time-events{display:flex;flex-direction:column;gap:10px;padding:0 10px 10px 5px}.device-map .grid-container .right-bottom .real-time-events .table-wrapper{height:100%;overflow:auto;width:100%}.device-map .grid-container .right-bottom .real-time-events .table-wrapper .event-table{max-height:200px;width:1550px}.device-map .grid-container .right-bottom .real-time-events .status-container{display:flex;justify-content:end}.device-map .grid-container .right-bottom .real-time-events .status-container .clear-all{align-items:center;cursor:pointer;display:flex;gap:5px;margin-right:15px}.device-map .grid-container .right-bottom .real-time-events .status-container .clear-all .text{color:#696c6f;font-weight:500;text-decoration:underline}.device-map .grid-container .right-bottom .real-time-events .status-container .clear-all .text:hover{color:#078dee}.device-map .grid-container .right-bottom .real-time-events .status-container .status-wrap{align-items:center;display:flex;gap:5px;margin-right:15px}.device-map .grid-container .right-bottom .real-time-events .status-container .status-wrap:last-child{margin-right:0}.device-map .grid-container .right-bottom .real-time-events .status-container .status-wrap .circle-dot{border-radius:50%;height:10px;width:10px}.device-map .grid-container .right-bottom .real-time-events .status-container .status-wrap .circle-dot.success{background-color:#00a76f}.device-map .grid-container .right-bottom .real-time-events .status-container .status-wrap .circle-dot.danger{background-color:#e8212e}.device-map .grid-container .right-bottom .real-time-events .status-container .status-wrap .circle-dot.warning{background-color:#ff9500}.device-map .grid-container .right-bottom .real-time-events .status-container .status-wrap .circle-dot.secondary{background-color:#87909a}.add-map{gap:15px;width:29vw}.add-map,.add-map .file-upload{display:flex;flex-direction:column}.add-map .file-upload{gap:10px}.add-map .file-upload .label span{color:#ff1313}.add-map .file-upload .file-input{border:.25px solid #696c6f;border-radius:8px;display:grid;height:152px;padding:10px;place-items:center;text-align:center;width:408px}.add-map .file-upload .file-input.view{display:block;place-items:start;text-align:start}.add-map .file-upload .file-input .badge-wrapper{align-items:center;display:flex}.add-map .file-upload .file-input .badge-wrapper .badge{align-items:center;background-color:#eef5fd;border-radius:6px;display:flex;gap:10px;padding:10px}.add-map .file-upload .file-input .badge-wrapper .badge .file-name{color:#292d31;font-size:12px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-map .file-upload .file-input .badge-wrapper .remove-icon{cursor:pointer}.add-map .file-upload .file-input .file-text{color:#696c6f;font-size:14px}.add-map .file-upload .file-input .file-text .text-secondary{cursor:pointer;font-weight:600;letter-spacing:.8px;text-decoration:underline}.map-add-door{display:flex;flex-direction:column;gap:20px;padding:0 10px 10px;width:76vw}.drag-image .card-wrapper{cursor:default;left:15px;opacity:0;position:absolute;top:35px;transition:opacity .3s,transform .3s;width:246px;z-index:10}.drag-image .card-wrapper .card-status{background-color:#fff;cursor:default;height:100%}.drag-image .card-wrapper .card-status .card-body .content-row .left{grid-area:auto}.drag-image:hover .card-wrapper{opacity:1}.add-holidays{display:flex;flex-direction:column;gap:20px;width:49vw}.add-holidays .grid-row{grid-gap:20px 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.access-export{width:30vw}.add-level-add-personnel{width:66vw}.access-control-setting{border-radius:8px;font-family:Arial,sans-serif;margin:0 auto;max-width:600px;padding:20px}.access-control-setting .row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.access-control-setting .row .col{flex:1 1;min-width:200px}.access-control-setting .row .col .checkbox-group,.access-control-setting .row .col .radio-group{align-items:center;display:flex;gap:10px;margin-bottom:10px}.access-control-setting .row .col .checkbox-group input[type=checkbox],.access-control-setting .row .col .checkbox-group input[type=radio],.access-control-setting .row .col .radio-group input[type=checkbox],.access-control-setting .row .col .radio-group input[type=radio]{margin-right:5px}.access-control-setting .row .col.time-fields{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;padding-left:39%;width:40px}.access-control-setting .row .col.time-fields input{border-radius:7px;width:83%}.access-by-level .action-wrapper{display:flex;gap:20px;justify-content:end;padding:0 20px 10px 0}.access-by-level .action-wrapper .action-btn{align-items:center;cursor:pointer;display:flex;gap:10px}.access-by-level .action-wrapper .action-btn .label{color:#3e4246;font-size:12px}.access-by-level .line{border:1px solid #e3e6e8;margin:30px 0}.access-by-level .browse-table .header{color:#292d31;display:flex;flex-direction:column;gap:20px;padding:15px 10px}.access-by-level .browse-table .header .sub-title,.access-by-level .browse-table .header .title{font-weight:500}.export-data .row.row-2{grid-template-columns:-webkit-max-content 49%;grid-template-columns:max-content 49%}.access-rule-add-personnel{width:68vw}.access-rule-add-personnel .select-input{width:40%}.access-rule-add-personnel .select-input .text-danger{margin-top:10px}.add-linkage{max-height:720px;overflow-y:auto;padding:10px;scroll-behavior:smooth;width:62vw}.add-linkage::-webkit-scrollbar{display:none}.add-linkage .flex-row .col{width:24%}.add-linkage .select-device{display:flex;gap:10px}.add-linkage .select-device .button-field .btn{height:10px}.add-linkage .select-device .label{color:#696c6f;font-size:14px}.add-linkage .select-device .value{color:#696c6f;font-size:14px;font-weight:600;margin:0}.add-linkage .output-point .form-item,.add-linkage .output-point .form-select-item{margin-top:10px;width:17vw}.add-linkage .linkage-box .box-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.add-linkage .linkage-box .box-wrapper .header{display:flex;justify-content:space-between}.add-linkage .linkage-box .box-wrapper .header .add-link{color:#078dee;cursor:pointer;text-decoration:underline}.add-linkage .linkage-box .box-wrapper .box{border:1px solid #87909a;border-radius:8px;display:flex;flex-direction:column;gap:10px;height:185px;max-height:185px;overflow-y:auto;padding:10px}.linkage-trigger-connections{display:flex;flex-direction:column;width:62.5vw}.linkage-trigger-connections .table-container{display:flex;gap:20px;justify-content:space-between}.linkage-trigger-connections .table-container .table-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.linkage-trigger-connections .table-container .table-wrapper .table{box-shadow:none}.linkage-trigger-connections .table-container .table-wrapper .table thead tr td{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:10px 15px}.linkage-trigger-connections .table-container .table-wrapper .table tbody tr td{padding:10px 15px}.linkage-trigger-connections .table-container .table-wrapper .table-title{color:#292d31;font-size:15px;font-weight:500}.intrusion{display:flex;flex-direction:column;gap:20px}.intrusion .grid-row{grid-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:33% 33%}.intrusion .partition{display:flex;flex-direction:column;gap:10px;width:80%}.intrusion .partition .header{display:flex;justify-content:space-between}.intrusion .partition .header .label{font-size:14px}.intrusion .partition .header .add-link{color:#078dee;cursor:pointer;text-decoration:underline}.intrusion .partition .box{border:1px solid #87909a;border-radius:8px;display:flex;flex-direction:column;gap:10px;height:150px;max-height:150px;overflow-y:auto;padding:10px}.add-partition{display:flex;flex-direction:column;gap:20px;width:66vw}.add-partition .table{border:.5px solid #d1d4d8;border-radius:8px}.add-partition .table-container .table-wrapper .table tbody .no-data{min-height:150px}.add-linkage-device{width:66vw}.add-linkage-device .swap-table .table-container .table-wrapper .tbl-container{min-height:200px}.add-level-modal .row-device{display:flex;flex-direction:column;padding-top:20px}.add-level-modal .row-device .selected-devices{font-size:14px;padding-bottom:25px;padding-top:10px}.interlock-modal{border-radius:8px;margin:auto;padding:20px;width:53vw!important}.interlock-modal .form-row{display:flex;flex-direction:row;gap:20px}.interlock-modal .row-add{display:flex;flex-direction:column;padding-top:20px}.interlock-modal .row-add span{font-size:14px;padding-top:10px}.interlock-modal .select-device-wrapper{padding:20px 0}.interlock-modal .select-device-wrapper .device-name{align-items:center;border:1px solid #ced0d3;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;padding:14px 15px;text-align:center;width:135px}.interlock-modal .select-device-wrapper .device-name .label{font-weight:400}.interlock-modal .device-name.disabled{background-color:hsla(180,6%,87%,.997)!important;border:none!important;cursor:not-allowed!important;opacity:.6!important;pointer-events:none!important}.add-antiPassBack{border-radius:8px;margin:auto;padding:20px;width:53vw!important}.add-antiPassBack .form-row{display:flex;flex-direction:row;gap:20px}.add-antiPassBack .row-add{display:flex;flex-direction:column;padding-top:20px}.add-antiPassBack .row-add span{font-size:14px;padding-top:10px}.add-antiPassBack .select-device-wrapper{padding:20px 0}.add-antiPassBack .select-device-wrapper .device-name{align-items:center;border:1px solid #ced0d3;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;padding:14px 15px;text-align:center;width:135px}.add-antiPassBack .select-device-wrapper .device-name .label{font-weight:400}.add-antiPassBack .device-name.disabled{background-color:hsla(180,6%,87%,.997)!important;border:none!important;cursor:not-allowed!important;opacity:.6!important;pointer-events:none!important}.acc-rule-parameters .card .card-body{padding:10px 30px 30px 10px}.parameters-inputs{display:flex;flex-direction:column;gap:16px;margin-top:10px;width:40%}.parameters-inputs .error-msg{font-size:13px}.transaction-types{width:85%}.transaction-types .input-row{display:flex;flex-direction:column;gap:30px;width:40%}.transaction-types .new-transaction{display:flex;flex-direction:column;gap:15px}.transaction-types .new-transaction .btn-wrapper{display:flex;gap:10px;justify-content:end}.transaction-types .new-transaction .btn-wrapper .button-field .btn{padding:4px 10px}.transaction-types .new-transaction .checkbox-form-item .checkbox-group-list{gap:20px 25px;margin:0 auto}.transaction-types .new-transaction .checkbox-form-item .checkbox-group-list .checkbox-field{width:65px}.transaction-types .new-transaction .flex-row{gap:10px}.auto-exports{width:85%}.auto-exports .form-box-row{display:flex;flex-direction:column;gap:20px;width:43.5%}.auto-exports .form-box-row .time-wrapper{width:38%}.auto-exports .form-box-row .text-danger{margin-top:10px}.auto-exports .form-box-row .text-danger .error-msg{font-size:13px}.auto-exports .form-box-row .by-month{align-items:center;display:flex;gap:10px}.auto-exports .form-box-row .by-month .input-box{width:25%}@media screen and (max-width:710px){.auto-exports,.auto-exports .form-box-row{width:100%}}.multi-person{padding:20px 10px;width:650px}.multi-person .forms-row{width:80%}.multi-person .group-select-boxes{grid-gap:1rem 2rem;display:grid;gap:1rem 2rem;margin-bottom:1.5rem}.multi-person .group-select-boxes .group{display:flex;gap:1.5rem;height:45px}.multi-person .group-select-boxes .group .form-select-item .input_field:disabled{background-color:#e3e6e8}.multi-person .group-select-boxes .group span{color:#333;font-weight:500;white-space:nowrap}.multi-person .group-select-boxes .group .select-box{width:100%}.multi-person .select-device-wrapper{padding:20px 0}.multi-person .select-device-wrapper .device-name{align-items:center;border:1px solid #ced0d3;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;height:40px;padding:14px 15px;text-align:center;width:120px}.multi-person .select-device-wrapper .device-name .label{font-weight:400}.add-level-modal .select-device-wrapper{padding:20px 0}.add-level-modal .select-device-wrapper .device-name{align-items:center;border:1px solid #ced0d3;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;padding:14px 15px;text-align:center;width:135px}.add-level-modal .select-device-wrapper .device-name .label{font-weight:400}.add-timeZone{display:flex;flex-direction:column;gap:20px;padding-right:10px;width:75vw}.add-timeZone .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.add-timeZone .table{border-collapse:collapse;color:#292d31;font-size:14px;width:100%}.add-timeZone .table thead tr th{background-color:#f6f6f7;border-bottom:3px solid #fff;border-left:3px solid #fff;font-weight:500;padding:10px 0 5px 5px;text-align:start}.add-timeZone .table thead tr .date-time-header{white-space:nowrap;width:180px}.add-timeZone .table tbody tr td{padding:10px 0 0 5px}.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:active,.add-timeZone .table tbody tr td .form-item .input_field:focus,.add-timeZone .table tbody tr td .form-item .input_field:valid{border:none;outline:none}.add-timeZone .table tbody tr td .form-item .input-label{display:none}.add-timeZone .checkbox-row{display:flex;justify-content:end}.add-verification-mode{overflow-y:auto;padding-right:10px;width:88vw}.add-verification-mode,.add-verification-mode .form-row-wrap{display:flex;flex-direction:column;gap:20px}.add-verification-mode .form-row-wrap .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.add-verification-mode .form-row-wrap .form-row-1{display:flex;justify-content:space-between}.add-verification-mode .table{border-collapse:collapse;color:#292d31;font-size:14px;width:100%}.add-verification-mode .table thead tr th{background-color:#f6f6f7;border-bottom:3px solid #fff;border-left:3px solid #fff;font-weight:500;padding:10px 0 5px 5px;text-align:start}.add-verification-mode .table thead tr .date-time-header{white-space:nowrap;width:180px}.add-verification-mode .table tbody tr td{padding:10px 0 0 5px}.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:active,.add-verification-mode .table tbody tr td .form-item .input_field:focus,.add-verification-mode .table tbody tr td .form-item .input_field:valid{border:none;outline:none}.add-verification-mode .table tbody tr td .form-item .input-label{display:none}.add-verification-mode .table tbody .table-inputs{width:120px}.add-verification-mode .table tbody .table-inputs .form-select-item .input-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90px}.add-verification-mode .table tbody .table-inputs .form-select-item .input_field{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.time-input-field{display:flex;position:relative;width:100%}.time-input-field .input_field{border:none;padding:5px 0 5px 5px;width:65px}.time-input-field .input_field:active,.time-input-field .input_field:focus,.time-input-field .input_field:valid{border:none;outline:none}.add-zone{height:200px;justify-content:space-between;width:45vw}.add-zone .grid-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.rules-apply{width:45vw}.card-title-right{align-items:center;display:flex;gap:20px}.button-field .btn.btn-primarys{background-color:#0000;border-color:#078dee;color:#078dee}.add-level-modal{width:30vw}.add-level-modal .forms-row{display:flex;flex-direction:row;gap:20px;width:260px}.level-settings-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:#000;display:flex;flex-direction:column;height:226px;padding:10px;width:100%}.level-settings-container .level-settings{align-items:center;display:flex;height:100%;justify-content:center}.level-settings-container .level-settings .centered-add-button{border:none}.level-settings-container .level-settings .centered-add-button:after{content:"+";margin-left:10px}.level-settings-container .level-settings.hide-add-button{display:none;height:0}.level-settings-container .level-settings-header{display:flex;justify-content:space-between;margin-bottom:10px}.level-settings-container .level-settings-header .add-button{margin:auto 0}.level-settings-container .level-settings-body{display:flex;flex-direction:column;gap:10px;margin-top:0;max-height:150px;overflow-y:auto}.level-settings-container .level-settings-body .checkbox-item{margin-bottom:10px}.add-header{display:flex;flex-direction:row;gap:63%;padding:40px 10px 10px}.add-header .add-button{align-items:center;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:5px 10px}.add-header .add-button,.add-header .add-button:hover{background-color:#e0e0e0}.add-global-antiPassBack{padding:5px 5px 0;width:35vw}.add-global-antiPassBack,.add-global-antiPassBack .form-row{display:flex;flex-direction:column;gap:20px}.add-global-antiPassBack .form-row .controlZone{gap:10px}.add-global-antiPassBack .form-row .form-select-item .input_field:disabled{border:1px solid #87909a}.checkbox-container{display:flex;gap:15px}.add-personAvailability{padding:10px;width:44vw}.add-personAvailability .form-row{display:flex;flex-direction:column;gap:20px}h4{margin:10px 10px 10px 0}.add-occupancy{padding:10px;width:43vw}.add-occupancy .form-row{display:flex;flex-direction:column;gap:20px}.add-musterPoint{padding:10px;width:60vw}.add-musterPoint .form-row{display:flex;flex-direction:column;gap:20px}.add-musterPoint .form-row .grid-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.add-musterPoint .form-row .grid-row .check-box-wrapper{display:flex;flex-direction:column;gap:10px}.add-musterPoint .form-row .notify-row,.add-musterPoint .form-row .schedule-row{display:flex;flex-direction:column;gap:15px}.add-musterPoint .form-row .notify-row .flex-row{gap:30px}.add-musterPoint .form-row .box-wrapper{display:flex;flex-direction:column;gap:10px;width:88%}.add-musterPoint .form-row .box-wrapper .header{display:flex;justify-content:space-between}.add-musterPoint .form-row .box-wrapper .header .add-link{color:#078dee;cursor:pointer;text-decoration:underline}.add-musterPoint .form-row .box-wrapper .box{border:1px solid #87909a;border-radius:8px;display:flex;flex-direction:column;gap:10px;height:150px;max-height:150px;overflow-y:auto;padding:10px}.add-musterPoint .form-row .box-wrapper .box .d-flex{align-items:center;display:flex;gap:8px}.add-musterPoint .form-row .box-wrapper .box .d-flex .remove-icon{cursor:pointer}.add-sign-point{width:56vw}.export-photo{width:57vw}.export-photo .flex-row .col{width:25%}.export-photo .flex-row .col-2{width:30%}.photo-path-preview{width:50vw}.photo-path-preview .img-wrapper{max-height:451px;max-width:453px}.photo-path-preview .preview-image{height:100%;width:100%}.acknowledge-popup{padding-bottom:10px;width:40vw}.acknowledge-popup .row .column-1{display:flex;flex-direction:column;gap:10px}.acknowledge-popup .row .column-1 .title{font-size:14px;font-weight:500}.acknowledge-popup .row .column-1 .upgrading-content{display:flex;justify-content:space-between}.acknowledge-popup .row .column-1 .box{border:.75px solid #696c6f;border-radius:8px;display:flex;flex-direction:column;gap:5px;height:150px;max-height:150px;overflow:auto;padding:10px}.card-right-button-group{display:flex;gap:20px;justify-content:flex-end;padding-right:20px}.muster-point-report .card-wrapper{display:flex;flex-direction:column;gap:10px}.muster-point-report .card-wrapper .data-analysis-header{grid-gap:20px;display:grid;gap:20px;grid-template-columns:250px 100px}.muster-point-report .card-wrapper .data-analysis-header .button-field .btn{border:none;color:#078dee;font-weight:500}.muster-point-report .card-wrapper .data-analysis-header .button-field .btn:disabled{background-color:#0000}.muster-point-report .card-wrapper .box-wrapper{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:20px 10px 15px}.muster-point-report .card-wrapper .box-wrapper .box{align-items:center;border-radius:4px;display:flex;height:100px;padding:10px;width:320px}.muster-point-report .card-wrapper .box-wrapper .box.box-1{background-color:rgba(63,246,104,.302)}.muster-point-report .card-wrapper .box-wrapper .box.box-2{background-color:rgba(255,63,75,.302)}.muster-point-report .card-wrapper .box-wrapper .box.box-3{background-color:rgba(255,204,0,.302)}.muster-point-report .card-wrapper .box-wrapper .box .box-body{align-items:center;display:flex;justify-content:space-between;width:100%}.muster-point-report .card-wrapper .box-wrapper .box .box-body .icon-wrapper{padding-left:10px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .count h4{color:#292d31;font-size:20px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .count .title{color:#87909a;margin-top:-3px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar{display:flex;flex-direction:column;gap:5px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar .percentage{color:#292d31;font-weight:500}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar .safe-prog-bar{-webkit-appearance:none;appearance:none;border-radius:100px;height:10px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar .safe-prog-bar::-webkit-progress-bar{background:#fff;border-radius:100px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar .safe-prog-bar::-webkit-progress-value{background-color:#11d13c;border-radius:100px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar .safe-prog-bar::-moz-progress-bar{background-color:#11d13c;border-radius:100px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar .danger-prog-bar{-webkit-appearance:none;appearance:none;border-radius:100px;height:10px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar .danger-prog-bar::-webkit-progress-bar{background:#fff;border-radius:100px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar .danger-prog-bar::-webkit-progress-value{background-color:#f52e3a;border-radius:100px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar .danger-prog-bar::-moz-progress-bar{background-color:#f52e3a;border-radius:100px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar .total-prog-bar{-webkit-appearance:none;appearance:none;border-radius:100px;height:10px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar .total-prog-bar::-webkit-progress-bar{background:#fff;border-radius:100px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar .total-prog-bar::-webkit-progress-value{background-color:#ffd324;border-radius:100px}.muster-point-report .card-wrapper .box-wrapper .box .box-body .progress-bar .total-prog-bar::-moz-progress-bar{background-color:#ffd324;border-radius:100px}.signin-manually{padding:10px;width:43vw}.signin-manually .form-row{display:flex;flex-direction:column;gap:20px}.signin-manually .form-row .flex-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.backup-Immediate{padding:0 15px;width:50vw}.backup-Immediate .title{color:#292d31;font-size:14px}.backup-Immediate .checkbox-form-item .checkbox-group-list .checkbox-field .checkbox-title{color:#696c6f}.backup-Immediate .text-danger{margin-top:20px}.backup-schedule{padding:0 15px;width:50vw}.backup-schedule .input-row{display:flex;gap:20px;width:80%}.backup-schedule .messages p{color:#292d31;margin-bottom:10px}.backup-schedule .checkbox-form-item .checkbox-group-list .checkbox-field .checkbox-title{color:#696c6f}.backup-schedule .text-danger{margin-top:20px}.ftp-server-settings{padding:10px;width:48vw}.ftp-server-settings .single-row{width:48%}.outgoing-mail-server-settings{padding:20px;width:500px}.outgoing-mail-server-settings h3{font-size:16px;margin-bottom:20px}.outgoing-mail-server-settings .flex-row{display:flex;justify-content:space-between;margin-bottom:20px}.outgoing-mail-server-settings .flex-row input{width:81%}.outgoing-mail-server-settings .flex-row .checkbox-title{cursor:pointer;font-size:14px;padding-right:5px}.outgoing-mail-server-settings .field-helper-text{color:#6c757d;font-size:.875rem;margin-bottom:15px}.outgoing-mail-server-settings .flex-input{display:flex;justify-content:space-between;margin-bottom:15px}.outgoing-mail-server-settings .flex-input input{width:81%}.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%}.modal-page .statistics-page{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:none}.modal-page .statistics-page .grid-rows{display:flex;flex-direction:row;gap:20px}.enable-management{width:600px}.enable-management .note{display:flex;padding-bottom:15px}.modal-header{border-radius:8px}.modal-body p{padding-bottom:10px}.cloud-setting .cloud-setting-form{max-width:100%}.cloud-setting .cloud-setting-form .column{display:flex;flex-direction:column;gap:20px 10px;padding-left:10px}.cloud-setting .cloud-setting-form .column .title{display:flex;padding-bottom:25px}.cloud-setting .cloud-setting-form .column .note{display:flex;padding-bottom:15px;padding-top:20px}.cloud-setting .cloud-setting-form .column .link{color:#078dee;cursor:pointer;text-decoration:underline}.cloud-setting .button-field{display:flex;padding:20px}.cloud-setting .button-field .btn{border:none}.data-setting-form{display:flex;gap:10%;padding-right:19%}.data-setting-form .column{display:flex;flex:1 1;flex-direction:column;min-width:300px;position:relative}.data-setting-form .column .text-danger.flex-row.center{align-items:flex-start;color:#ff1313;display:flex;font-size:14px;left:500px;max-width:200px;position:absolute;top:0}.data-setting-form .record-title{color:#333;font-size:16px;font-weight:500;margin-bottom:8px;position:relative}.data-setting-form .record-title:after{color:#ff1313;content:"*";margin-left:4px;position:absolute}.data-setting-form .sub-title{color:#3e4246;font-size:14px;margin-bottom:8px}.data-setting-form .main-container{display:flex;flex-direction:row;gap:20px;padding-bottom:20px}.data-setting-form .form-item{width:24vw}.data-setting-form .note{padding-bottom:20px}.cleanup-button{display:flex;padding-top:15px}.cleanup-button .button-field .btn.btn-primary{background-color:#fff;border:1px solid #078dee;color:#078dee}.note .alter-icon{display:flex;padding-right:15px;width:30px}.note .content{width:50%}.valid-item{width:20%}.custom-color{color:#696c6f}.date-time-format-settings{display:flex;flex-direction:column;gap:30px;padding-top:15px;width:20%}.privacy-management .system-privacy{display:flex;flex-direction:column;position:relative;width:20%}.privacy-management .system-privacy .button-field{display:flex;padding:20px 0}.privacy-management .modal-content ul{margin-top:10px;padding-left:20px}.privacy-management .modal-content li{word-wrap:break-word;list-style-type:disc;margin-left:20px}.privacy-management .privacy-message{display:flex;flex-direction:row;padding-top:20px}.view-device-capacity{width:75vw}.view-device-capacity .tbl-container{height:150px}.view-device-capacity .tbl-container .table{text-align:center}.view-device-capacity .tbl-container .table tbody{color:#696c6f}.view-device-capacity .tbl-container .table .col-span{display:flex;justify-content:space-around}.view-device-capacity .tbl-container .table .col-span hr{margin-top:-16px}.view-device-capacity .bottom{display:flex;justify-content:end}.security-parameters-content{padding:0 10px 10px}.security-parameters-content .section{margin-bottom:20px}.security-parameters-content .section h4{font-weight:400;margin:0 0 10px}.security-parameters-content .login-verification-section .verification-options{align-items:center;display:flex;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{align-items:flex-start;display:flex}.security-parameters-content .text-danger .note .alter-icon{margin-right:8px}.security-parameters-content .defaultPasswordStrength{padding-bottom:30px;width:360px}.security-parameters-content .defaultPasswordStrength h4{font-weight:400;margin-bottom:10px}.security-parameters-content .password-msg{display:flex;padding-bottom:21px}.current-information{display:flex;flex-direction:column;gap:25px}.current-information .table-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.current-information .table-wrapper .table-title{font-size:14px;font-weight:500}.current-information .tbl-container .table thead tr td{color:#3e4246;padding:15px 10px}.current-information .tbl-container .table tbody tr td{color:#3e4246;padding:8px 0 8px 5px}.current-information .chart-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.current-information .chart-container .chart-wrapper{display:flex;flex-direction:column;gap:10px}.current-information .chart-container .chart-wrapper .chart-title{font-size:14px;font-weight:500;text-align:center}.current-information .chart-container .chart-wrapper .charts{display:grid;height:100%;place-content:center;justify-content:center}.current-information .chart-container .chart-value{font-size:18px;font-weight:500;text-align:center}.current-information .info-table-container .table-wrapper .tbl-container .table{box-shadow:none}.caching{display:flex;flex-direction:column;gap:15px}.caching .table-form{display:flex;gap:10px}.caching .table-form .tbl-container .table{box-shadow:none}.trend-information{display:flex;flex-direction:column;gap:15px}.trend-information .chart-box{display:flex;flex-direction:column;gap:10px}.trend-information .chart-box .title{font-size:14px;font-weight:400}.trend-information .chart-box .usage-box-wrapper{display:flex;gap:30px}.trend-information .chart-box .usage-box-wrapper .usage-box{align-items:center;border:1px solid #f6f6f7;border-radius:8px;display:flex;gap:20px;padding:10px 15px;width:-webkit-max-content;width:max-content}.trend-information .chart-box .usage-box-wrapper .percentage{color:#078dee;font-size:24px;font-weight:500}.add-client{display:flex;flex-direction:column;gap:20px}.add-client .client-filed{width:70%}.add-user-container{padding:24px}.add-user-container .user-input-filelds{display:flex;flex-direction:row;gap:20px;padding-bottom:10px;width:222px}.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;padding-bottom:20px;width:65%}.add-user-container .maximum-number-field{padding-bottom:10px;width:30%}.add-user-container .role-department-fields{display:flex;flex-direction:row;gap:20px;padding:20px 0;width:65%}.add-user-container .authorizeArea-fields{width:31%}.add-user-container .authorizeArea-fields,.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}.role-input-filelds{display:flex;flex-direction:row;gap:20px;padding:10px 0;width:30%}.personnel-Tab .role-tree-section{border-radius:8px;height:250px;overflow-y:scroll;padding:8px;width:100%}.personnel-Tab .select-all{background-color:#eef5fd;padding:5px 0 3px 15px;width:100%}.role-container{padding:15px;width:40vw}.role-content{display:flex;flex-direction:column;gap:24px}.input-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.permissions-section{display:flex;flex-direction:column;gap:16px}.section-title{color:#333;font-size:16px;font-weight:600;margin:0}.adms-item{padding-top:20px;width:300px}.communication-device{cursor:pointer;display:flex;gap:15px;justify-content:flex-end;padding:0 20px 10px 0}.ViewAuthorizedModal{width:70vw!important}.add-authorize{display:flex;flex-direction:column;gap:20px;width:46vw}.add-authorize .grid-rows{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.export-key-file{display:flex;flex-direction:column;gap:25px}.export-key-file .form-wrapper{display:flex;flex-direction:column;gap:20px}.video-channel .delete-icon{display:flex;flex-direction:row;gap:20px}.video-channel .delete-button{background-color:#fff;border:none;color:#3e4246;cursor:pointer}.add-video-channel{padding:20px;width:100%}.add-video-channel .video-field{display:flex;flex-direction:row;gap:20px;margin-bottom:30px;width:200px}.add-video-channel .form-field{margin-bottom:20px}.add-video-channel .field-label{color:#3e4246;display:block;font-weight:500;margin-bottom:8px}.add-video-channel .required{color:#ff1313;margin-left:2px}.add-video-channel .icon-grid{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(7,minmax(0,1fr))}.add-video-channel .icon-option{align-items:center;display:flex;gap:8px}.add-video-channel .icon-container{align-items:center;background-color:#f6f6f7;border-radius:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.add-video-channel .icon-image{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.server-configuration .server-row{display:flex;flex-direction:row;gap:20px}.server-configuration .server-row .form-group{width:260px}.server-configuration .server-row .form-group .server-filed{margin-bottom:10px}.server-configuration .Domain-filed{display:flex;padding:20px 0 10px}.server-configuration .domain-node-row{display:flex;gap:20px;margin-bottom:20px}.server-configuration .domain-node-field{display:flex;position:relative;width:276px}.server-configuration .domain-node-field .add-button{background-color:#fff;border:none;color:#00a76f}.server-configuration .domain-node-field .delete-button{background-color:#fff;border:none;color:#ff1313;font-size:20px}.server-configuration .test-connection-button{margin-top:15px}.ad-field-setting .field-mapping-container{display:flex;gap:20px;width:300px}.ad-field-setting .ad-fields,.ad-field-setting .database-fields{flex:1 1}.ad-field-setting .database-fields{margin-right:15px}.ad-field-setting .ad-fields{margin-left:15px}.ad-field-setting .section-title{color:#333;font-size:14px;margin-bottom:15px}.ad-field-setting .field-item,.ad-field-setting .field-item-with-controls{margin-bottom:10px;width:300px}.ad-field-setting .field-item-with-controls{align-items:center;display:flex}.ad-field-setting .field-select{flex:1 1}.ad-field-setting .action-buttons{display:flex}.ad-field-setting .icon-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-left:5px;padding:4px 8px;transition:background-color .2s}.ad-field-setting .icon-button:hover{background-color:#0000001a}.ad-field-setting .icon-button:focus{outline:2px solid #078dee;outline-offset:2px}.ad-field-setting .add-button{color:#2de009}.ad-field-setting .remove-button{color:#ff1313;font-size:20px}.ad-field-setting .icon-text{font-size:20px;font-weight:700}.ad-field-setting .button-container{margin-top:20px}.synchronizePermission-setting .sync-settings .checkbox-group{display:flex;flex-direction:row;gap:20px;margin-bottom:20px}.synchronizePermission-setting .sync-settings .sub-title{margin-bottom:15px}.synchronizePermission-setting .sync-settings .domainNode{margin-bottom:20px;width:300px}.data-setting .checkbox-group,.synchronizePermission-setting .sync-settings .warning-message{margin-bottom:20px}.data-setting .input-group{width:300px}.data-setting .globalSync-group{display:flex;padding:40px 0 20px}.data-setting .every-group{display:flex;flex-direction:row;gap:20px;margin-bottom:20px;width:160px}
/*# sourceMappingURL=main.9f85affb.css.map*/