.d-flex{display:flex}h1{margin:0}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.align-baseline{align-items:baseline}.justify-between{justify-content:space-between}.flex-column{flex-direction:column}.justify-around{justify-content:space-around}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.position-relative{position:relative}.position-absolute{position:absolute}p{margin:0}.position-fixed{position:fixed}.position-static{position:static}.w-100{width:100%!important}.small-input{width:401px}body{padding:0;margin:0;font-family:Inter!important;overflow:auto;font-style:normal;background:#fff;line-height:normal}.pointer{cursor:pointer!important}ul{margin:0;margin-block-start:0;margin-block-end:0;padding-inline-start:0}main{width:100%;padding-top:60px;margin-left:2px;height:90vh;overflow-y:scroll;scroll-behavior:smooth}.container{padding:0 60px}.common-active-btn{border-radius:4px;border:1px solid #bababa;background:#fff;cursor:pointer;color:#929292;font-size:16px;font-weight:400}.common-active-btn:hover{background:#007aff;color:#fff}.dialog{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:99999}.dialog-content{background-color:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 8px #0003;gap:30px}.dialog-content h1{text-align:center;font-size:20px;font-weight:600}.dialog-content input{border:none;outline:none;border-bottom:1px solid #d9d9d9;background:#fff;width:360px;padding:10px 8px}.dialog-content input::placeholder{color:#a4a4a4;font-size:16px;font-weight:400}.dialog-content select{border:none;outline:none;border-bottom:1px solid #d9d9d9;background:#fff;width:100%;padding:10px 8px;font-size:16px;font-weight:400;color:#a4a4a4}.dialog-content select option[disabled]{color:#a4a4a4}.model-buttons{align-items:center;justify-content:center;gap:20%;margin-top:20px}.model-buttons .button-save{border-radius:4px;border:1px solid #1665a0;background:#fff;color:#1665a0;width:90px;height:44px;font-size:16px;font-weight:500;line-height:150%}.model-buttons .button-save:hover{color:#fff;border:1px solid #015799;background:#015799;box-shadow:0 0 4px #2e2e2e}.model-buttons .button-delete{border-radius:4px;border:1px solid #747474;background:#fff;color:#747474;width:90px;height:44px;font-size:16px;font-weight:500;line-height:150%}.model-buttons .button-delete:hover{color:#fff;border:1px solid var(--white-colour, #fff);background:#747474;box-shadow:0 0 4px #000}.d-none{display:none!important}.disabled{cursor:not-allowed!important;color:#ddd!important}.disabled:hover{color:#e5e5e5!important;background-color:#fff!important}button{cursor:pointer!important}select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.select-box{position:relative}.select-box:after{content:"";color:#929292;position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #929292;top:50%;right:16px;transform:translateY(-50%);pointer-events:none}.fixed-alert{position:fixed;z-index:9999;right:30px;top:30px}.fixed-alert .alert{position:relative;padding:1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.fixed-alert .error{color:#fff;background-color:red;border-color:red}.fixed-alert .success{color:#fff;background-color:green;border-color:green}.fixed-alert .warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.fixed-alert .primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.fixed-alert .secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.fixed-alert .info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.closebtn{margin-left:15px;color:#fff;font-weight:700;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}.closebtn:hover{color:#000}.hide{display:none}*{scrollbar-width:thin;scrollbar-color:#737373 #ddffee}*::-webkit-scrollbar-track{border-radius:5px;background-color:transparent}*::-webkit-scrollbar-track:hover{background-color:transparent}*::-webkit-scrollbar-track:active{background-color:transparent}::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-thumb{border-radius:5px;background-color:#bebebe;width:10px}*::-webkit-scrollbar-thumb:hover{background-color:#bebebe}*::-webkit-scrollbar-thumb:active{background-color:#bebebe}.details-popup{padding:40px 60px;position:relative;width:540px}.details-popup .close{position:absolute;top:20px;right:20px;cursor:pointer}.details-popup .codeDetails{width:80%}.details-popup .codeDetails .status{gap:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd}.details-popup .codeDetails .status p{font-size:20px;font-weight:600}.details-popup .codeDetails .details{gap:14px}.details-popup .codeDetails .details .detail{width:100%}.details-popup .codeDetails .details .detail p{font-size:16px;font-weight:500}input{font-family:Inter!important}.calendar{width:360px;padding:15px;border-radius:12px;overflow:hidden}@media (max-width: 991px){.calendar{width:100%;left:0;bottom:0;height:auto;top:auto;border-radius:42px 42px 0 0}}.calendar--nav{border-radius:50px!important;margin:-15px -15px 15px;padding:0 15px;background-color:#f8f8f8;color:#000;height:63px;display:flex;align-items:center;position:relative}.calendar--nav a{position:absolute;cursor:pointer;left:10px;font-size:44px;line-height:1;top:8px;width:47px;text-align:center;display:inline-block;background-color:#f8f8f8;-webkit-user-select:none;user-select:none;padding:5px}.calendar--nav a:last-child{left:auto;right:10px;background-color:#fff;border-radius:100%;padding:2px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.calendar--nav a:first-child{right:10px;background-color:#fff;border-radius:100%;padding:2px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.calendar--nav h1{margin:0;position:absolute;left:40px;right:40px;text-align:center;cursor:pointer;font-weight:400!important;font-size:22px!important;line-height:66px;-webkit-user-select:none;user-select:none;color:#000}.calendar--nav small{font-weight:500;font-size:18px}.calendar--days{font-size:0}.calendar--days span{width:14.28571%;display:inline-block;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;margin:8px 0;line-height:18px;position:relative;font-size:14px}@media (max-width: 991px){.calendar--days span{padding:8px 0;margin:2px 0}}.calendar--days span.label{text-transform:uppercase;font-weight:700;color:#0000004d;font-size:14px;cursor:initial}.calendar--days span.active{font-weight:700;border-radius:12px}.calendar--days span.muted{color:#0000004d}.calendar--days span.disabled{cursor:default;color:#0000004d;pointer-events:none}.calendar--days span.between{border-radius:0}.calendar--days span.start,.calendar--days span.between,.calendar--days span.end{background-color:#8fc8f1;color:#fff}.calendar--days span.start{border-radius:12px 0 0 12px}@media (max-width: 991px){.calendar--days span.start{border-radius:16px 0 0 16px}}.calendar--days span.end{border-radius:0 12px 12px 0}@media (max-width: 991px){.calendar--days span.end{border-radius:0 16px 16px 0}}.calendar--days span.start.end{border-radius:12px}.calendar--days span.between:nth-child(7n):after,.calendar--days span.start:nth-child(7n):after{content:"";position:absolute;top:0;bottom:0;left:100%;width:20px}.calendar--days span.between:nth-child(7n+1):after,.calendar--days span.end:nth-child(7n+1):after{content:"";position:absolute;top:0;bottom:0;right:100%;width:20px}.calendar--days span.start.end:after{display:none}.calendar--days span.start,.calendar--days span.end{background:#007aff!important}#loader{position:absolute;left:50%;top:50%;z-index:99;width:120px;height:120px;margin:-76px 0 0 -76px;border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header{left:0;width:100%;z-index:99;top:0;position:fixed}aside{width:260px;flex:0 0 auto;height:100%;transition:left .3s ease-in-out}.header-wrapper .inner-header{background:#d9e8ff;padding:0 24px;height:60px;flex-grow:1}.header-wrapper .inner-header .close-menu{border:1px solid #c2c2c2;border-radius:50%;height:30px;width:30px}.header-wrapper .inner-header .user-nofi-warapper{gap:30px}.min-aside{width:112px}.min-aside .sidebar-wrapper{width:112px!important;overflow:scroll;scroll-behavior:smooth}.min-aside .sidebar-wrapper .sidebar-menu-wrapper{height:100%;gap:12px}.min-aside .sidebar-wrapper .sidebar-menu-wrapper .active .img{height:42px;width:42px;border-radius:8px;background:rgba(217,217,217,.5)}.min-aside .sidebar-wrapper .sidebar-menu-wrapper .active span{color:#fff!important}.min-aside .sidebar-wrapper .sidebar-menu-wrapper .nav-item{flex-direction:column;padding-left:0;margin:0 6px}.min-aside .sidebar-wrapper .sidebar-menu-wrapper .nav-item:hover .img{border-radius:8px;background:rgba(163,163,163,.5)}.min-aside .sidebar-wrapper .sidebar-menu-wrapper .nav-item .img{height:42px;width:42px}.min-aside .sidebar-wrapper .sidebar-menu-wrapper .nav-item .img img{margin:8px}.min-aside .sidebar-wrapper .sidebar-menu-wrapper span{font-size:14px;font-weight:400;color:#000;text-align:center}.min-aside .bottom-menu span{display:none}.max-aside .sidebar-menu-wrapper{gap:6px}.max-aside .sidebar-menu-wrapper .active{border-radius:8px;background:rgba(217,217,217,.5)}.max-aside .sidebar-menu-wrapper .active span{color:#fff!important}.max-aside .sidebar-menu-wrapper .nav-item{padding:10px 12px;margin:0 8px;gap:6px;cursor:pointer}.max-aside .sidebar-menu-wrapper .nav-item:hover{border-radius:8px;background:rgba(163,163,163,.5)}.max-aside .sidebar-menu-wrapper .nav-item span{color:#012954;font-size:16px;font-weight:400}.sidebar-wrapper{width:260px;height:100%}.sidebar-wrapper .sidebar-bottom-menu-wrapper{height:85%;justify-content:space-between}.sidebar-wrapper .active .img-white{display:block!important}.sidebar-wrapper .active .img-black{display:none!important}.sidebar-wrapper .nav-item .img-white{display:none}.sidebar-wrapper .nav-item .img-black{display:block}.sidebar-wrapper a{text-decoration:none}.sidebar-wrapper .sidebar-header{margin:0 13px;padding-top:30px;padding-bottom:10px;height:100px}.sidebar-wrapper .sidebar-bottom{margin-top:30px;gap:12px;padding-bottom:70px}.sidebar-wrapper .sidebar-bottom .active{border-radius:8px;background:rgba(217,217,217,.5)}.sidebar-wrapper .sidebar-bottom .bottom-menu{padding:12px 16px;margin:0 8px;gap:12px}.sidebar-wrapper .sidebar-bottom .bottom-menu .img-white{display:none;padding-top:2px}.sidebar-wrapper .sidebar-bottom .bottom-menu .img-black{display:block;padding-top:2px}.sidebar-wrapper .sidebar-bottom .bottom-menu:hover{border-radius:8px;background:rgba(163,163,163,.5)}.sidebar-wrapper .sidebar-bottom span{color:#000;cursor:pointer;font-size:16px;font-weight:400}.min-settings{left:150px!important}.settings-menu{position:absolute;bottom:10px;height:270px;width:320px;border-radius:8px;border:1px solid #ccc;background:#fff;box-shadow:0 4px 4px #bbbbbb80;z-index:9999;left:300px}.settings-menu ul li{list-style-type:none;color:#464646;font-size:20px;font-weight:500;border-bottom:1px solid #e1e1e1;padding:20px 40px}.user-Details-search-box-wrapper{justify-content:space-between;gap:20px}.user-Details-search-box-wrapper .server{color:red;font-weight:700;font-size:18px;margin-top:7px;margin-right:30px}.searchbar-wrapper{position:relative;border-radius:12px;background:#fff;padding:0 15px;width:238px;height:40px;border:transparent;gap:5px}.searchbar-wrapper input{border:none;outline:none;flex-grow:1;height:36px}.searchbar-wrapper input:focus{height:36px}.searchbar-wrapper .searchbar-img img{margin-top:6px;width:24px;height:24px}.searchbar-wrapper .searchbar-down-img img{width:15px;height:12px}.searchbar-wrapper ::placeholder{color:var(--text-2, #989898);font-size:12px;font-family:Inter;font-style:normal;font-weight:500;line-height:150%;padding-left:5px}.title{padding:40px 60px 30px}.title h1{color:#012954;font-size:28px;font-weight:600}.code-magement-wrapper .code-management-form .code-management-form-inputs{border-radius:2px;border:1px solid #d0d0d0;background:#fff;box-shadow:0 0 4px #7a7a7a80;padding:40px 30px;gap:40px}.code-magement-wrapper .code-management-form .code-management-form-inputs .input-wrapper{width:46%;gap:20px;position:relative}.code-magement-wrapper .code-management-form .code-management-form-inputs .input-wrapper .error{color:red}.code-magement-wrapper .code-management-form .code-management-form-inputs .input-wrapper label{color:#3e3e3e;font-size:24px;font-weight:500}.code-magement-wrapper .code-management-form .code-management-form-inputs .input-wrapper input{border:1px solid #bbb;background:rgba(255,255,255,0);height:34px;padding:0 20px}.code-magement-wrapper .code-management-form .code-management-form-btns-wrapper{margin-top:48px;margin-bottom:40px}.code-magement-wrapper .code-management-form .code-management-form-btns-wrapper button{padding:16px 48px;font-size:24px;font-weight:400}.hardware-table{margin:34px 70px 42px;max-width:900px;border:2px solid #cacaca;background:#fff;box-shadow:0 0 4px #2e2e2e40}.hardware-table .table-header{display:grid;grid-template-columns:10% 1fr 1fr 20%;background:#2b95ff;padding:14px 42px}.hardware-table .table-header p{color:#fff;text-align:center;font-size:22px;font-weight:600}.hardware-table .table-row{margin:0 20px;padding:12px 34px;border-bottom:1px solid #dfdfdf;display:grid;grid-template-columns:10% 1fr 1fr 20%}.hardware-table .table-row p{color:#3f3f3f;text-align:center;font-size:18px;font-weight:600}.hardware-table .table-row .row-actions{gap:10px}.hardware-table .table-row .row-actions button{border-radius:4px;border:1px solid #868686;background:#fff;display:grid;place-items:center;height:40px;width:100px}.hardware-table .table-row .row-actions button .action-edit-icon{position:relative;height:17px;width:16px}.hardware-table .table-row .row-actions button .action-icon{position:relative;height:24px;width:24px}.product-management-btns{margin:0 60px;gap:30px}.product-management-btns button{padding:10px 14px}.history-dialogue{height:350px;width:500px}.history-dialogue button{padding:12px 14px}.input-row{gap:16px;margin-top:16px}.suggestion-box{position:absolute;border:1px solid #cacaca;width:100%;top:100%;background:#fff;z-index:9}.suggestion-box .suggestion{padding:10px 0;border-bottom:1px solid #868686;margin:0 20px;cursor:pointer}.suggestion-box .suggestion:hover{color:#2b95ff}.dialouge-title{color:#015799;font-size:20px;width:100%;text-align:center;font-weight:600;line-height:150%}.input-wrapper{width:100%}.input-wrapper small{color:red}.input-wrapper .light{color:#44557780}.quick-search-results-wrapper{flex-wrap:wrap;justify-content:space-between;row-gap:20px;border-radius:4px;border-bottom:1px solid #015799;background:#f3faff;box-shadow:0 0 4px #2e2e2e40;padding:20px 30px}.quick-search-results-wrapper table{border-collapse:collapse;width:100%}.quick-search-results-wrapper th{color:#1665a0;font-size:14px;font-weight:500;line-height:150%}.quick-search-results-wrapper td,.quick-search-results-wrapper th{border:1px solid #dddddd;text-align:left;padding:8px}.quick-search-results-wrapper .quick-search-result{width:50%;gap:20px;justify-content:left}.quick-search-results-wrapper .quick-search-result .key{color:#1665a0;font-size:14px;font-weight:500;line-height:150%}.quick-search-results-wrapper .quick-search-result p{color:#7e7e7e;font-size:13px;font-weight:500;line-height:150%}.quick-search-close{margin-top:16px}.code-search-wrapper{gap:14px}.code-search-wrapper input{height:30px;width:250px;padding-left:10px}.common-table{margin:20px 0;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;border-radius:4px}.common-table .table{overflow-x:scroll}.common-table table{width:100%;border-collapse:collapse;font-size:14px;overflow-x:scroll}.common-table table th,.common-table table td{text-align:left;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.common-table table td{padding:14px 25px;border-bottom:1px solid #e5e5e5}.common-table table th{padding:20px;background:#2b95ff;color:#fff;font-size:18px;font-weight:400}.common-table table tbody tr{background-color:#fff}.common-table table tbody tr:hover{background-color:#e0e0e0}.common-table .pagination{display:flex;justify-content:center;align-items:center;padding:24px}.common-table .pagination .disabled{cursor:not-allowed!important;color:#ddd!important}.common-table .pagination .disabled:hover{color:#e5e5e5!important;background-color:#fff!important}.common-table .pagination select,.common-table .pagination button{margin:0 5px;padding:5px 10px;border:1px solid #e0e0e0;cursor:pointer;background-color:#fff;color:#2a95ff;transition:background-color .3s,color .3s}.common-table .pagination select:hover,.common-table .pagination button:hover,.common-table .pagination select.active,.common-table .pagination button.active{color:#fff;background-color:#2a95ff}.action-td{gap:8px}.action-td p{color:#2a95ff;cursor:pointer}.action-td p:hover{text-decoration:underline}