@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";body{background-color:#e8e6e6}:root{--clr-bg-header: #3D8361;--clr-btn: #428f6a;--clr-dropdown: #1C6758;--clr-nav-hover: #1E6F5C;--clr-dropdown-hov: #289672;--clr-dropdown-link-hov: #29BB89;--clr-light: #FAFAFA}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}ul{list-style:none}a{text-decoration:none}header{position:sticky;top:0;background-color:var(--clr-bg-header);width:100%;z-index:1000}section{position:relative;width:100%;background-color:#e8e6e6}body::-webkit-scrollbar{display:none}.overlay{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#f3f6f580}.container{padding:0 2rem;margin:0 auto;display:flex;position:relative;text-align:center}.logo-container{flex:1;display:flex;align-items:center}.nav-btn{text-align:center;flex:9;display:flex}.nav-links{flex:4}.log-sign{display:none;justify-content:center;align-items:center;flex:1}.names{margin-left:10px;color:#fff;display:flex;flex-direction:column;gap:20px}.logo{color:var(--clr-light);font-size:1.1rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;line-height:3rem}.logo span{font-weight:300}.btn{display:inline-block;padding:.5rem 1.3rem;font-size:.8rem;border:2px solid var(--clr-light);border-radius:2rem;line-height:1;margin:0 .2rem;transition:.3s;text-transform:uppercase}.btn.solid,.btn.transparent:hover{background-color:var(--clr-light);color:var(--clr-btn)}.btn.transparent,.btn.solid:hover{background-color:transparent;color:var(--clr-light)}.nav-links>ul{display:flex;justify-content:center;align-items:center}.nav-link{position:relative}.nav-link>a{line-height:3rem;color:var(--clr-light);padding:0 .8rem;letter-spacing:1px;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;transition:.5s}.nav-link>a>i{margin-left:.2rem}.nav-link:hover>a{transform:scale(1.1)}.prof img{margin-top:10px;width:25px;height:25px}.logsigns{position:relative}.dropd{position:absolute;top:100%;right:0;background-color:#fff;box-shadow:0 8px 16px #0003}.dropd ul{list-style:none;padding:0}.dropd .dropd-link{margin:5px;padding:10px;text-align:center}.logbutn{text-wrap:nowrap;align-items:center;text-align:center;justify-content:center;display:flex}.logbutn span{margin-left:3px}.dropd .dropd-link:nth-child(2):hover{background-color:#e8e6e6}.dropdown{position:absolute;top:100%;left:0;width:10rem;transform:translateY(10px);opacity:0;pointer-events:none;transition:.5s}.dropdown ul{position:relative}.dropdown-link>a{display:flex;background-color:var(--clr-light);color:var(--clr-dropdown);padding:.5rem 1rem;font-size:.9rem;align-items:center;justify-content:space-between;transition:.3s}.dropdown-link:hover>a{background-color:var(--clr-dropdown);color:var(--clr-light)}.dropdown-link:not(:nth-last-child(2)){border-bottom:1px solid var(--clr-light)}.dropdown-link i{transform:rotate(-90deg)}.arrow{position:absolute;width:11px;height:11px;top:-5.5px;left:32px;background-color:var(--clr-light);transform:rotate(45deg);cursor:pointer;transition:.3s;z-index:-1}.dropdown-link:first-child:hover~.arrow{background-color:var(--clr-dropdown)}.dropdown-link{position:relative}.dropdown.second{top:0;left:100%;padding-left:.8rem;cursor:pointer;transform:translate(10px)}.dropdown.second .arrow{top:10px;left:-5.5px}.nav-link:hover>.dropdown,.dropdown-link:hover>.dropdown{transform:translate(0);opacity:1;pointer-events:auto}.hamburger-menu-container{flex:1;display:none;align-items:center;justify-content:flex-end}.hamburger-menu{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:flex-end}.hamburger-menu div{width:1.6rem;height:3px;border-radius:3px;background-color:var(--clr-light);position:relative;z-index:1001;transition:.5s}.hamburger-menu div:before,.hamburger-menu div:after{content:"";position:absolute;width:inherit;height:inherit;background-color:var(--clr-light);border-radius:3px;transition:.5s}.hamburger-menu div:before{transform:translateY(-7px)}.hamburger-menu div:after{transform:translateY(7px)}#check{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);width:2.5rem;height:2.5rem;z-index:90000;cursor:pointer;opacity:0;display:none}#check:checked~.hamburger-menu-container .hamburger-menu div{background-color:transparent}#check:checked~.hamburger-menu-container .hamburger-menu div:before{transform:translateY(0) rotate(-45deg)}#check:checked~.hamburger-menu-container .hamburger-menu div:after{transform:translateY(0) rotate(45deg)}@keyframes animation{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 920px){.hamburger-menu-container{display:flex}#check{display:block}.logsigns{display:none}.nav-btn{position:fixed;height:calc(100vh - 3rem);top:3rem;left:0;width:100%;background-color:var(--clr-btn);flex-direction:column;align-items:center;justify-content:space-between;overflow-x:hidden;overflow-y:auto;transform:translate(100%);transition:.65s}#check:checked~.nav-btn{transform:translate(0)}#check:checked~.nav-btn .nav-link,#check:checked~.nav-btn .log-sign{animation:animation .5s ease forwards var(--i)}.nav-links{flex:initial;width:100%}.nav-links>ul{flex-direction:column}.nav-link{width:100%;opacity:0;transform:translateY(15px)}.nav-link>a{line-height:1;padding:1.6rem 2rem}.nav-link:hover>a{transform:scale(1);background-color:var(--clr-nav-hover)}.dropdown,.dropdown.second{position:initial;top:initial;left:initial;transform:initial;opacity:1;pointer-events:auto;width:100%;padding:0;background-color:var(--clr-dropdown-hov);display:none}.nav-link:hover>.dropdown,.dropdown-link:hover>.dropdown{display:block}.nav-link:hover>a>i,.dropdown-link:hover>a>i{transform:rotate(360deg)}.dropdown-link>a{background-color:transparent;color:var(--clr-light);padding:1.2rem 2rem;line-height:1}.dropdown.second .dropdown-link>a{padding:1.2rem 2rem 1.2rem 3rem}.dropdown.second .dropdown.second .dropdown-link>a{padding:1.2rem 2rem 1.2rem 4rem}.dropdown-link:not(:nth-last-child(2)){border-bottom:none}.arrow{z-index:1;background-color:var(--clr-btn);left:10%;transform:scale(1.1) rotate(45deg);transition:.5s}.nav-link:hover .arrow{background-color:var(--clr-nav-hover)}.dropdown .dropdown .arrow{display:none}.dropdown-link:hover>a{background-color:var(--clr-dropdown-link-hov)}.dropdown-link:first-child:hover~.arrow{background-color:var(--clr-nav-hover)}.nav-link>a>i{font-size:1.1rem;transform:rotate(-90deg);transition:.7s}.dropdown i{font-size:1rem;transition:.7s}.log-sign{margin-top:-50px;display:flex;flex:initial;background-color:#3d8361;width:100%;padding:1rem;justify-content:flex-start;opacity:1;transform:translateY(15px)}}.my-button{transition:all .3s;display:block;padding:.75rem 1rem;width:100%;color:#fff;font-weight:700;border:none;cursor:pointer;background:linear-gradient(to right,#6574cd,#748ffc);border-radius:.25rem;text-align:center;margin-top:1.5rem}.my-button:hover{background:linear-gradient(to right,#4f46e5,#6a5dd8);transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.my-label{color:#718096;display:block;margin-top:1rem}.my-input{border-radius:.25rem;padding:.75rem .15rem;width:100%;background-color:#fff;border:1px solid #e2e8f0;color:#4a5568;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none;margin-top:.25rem}.my-input:focus{border-color:#7f9cf5;outline:none;box-shadow:0 0 0 3px #3b82f680}.my-container{background-color:#edf2f7;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.my-title{color:#4a4949;font-size:1.1rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;line-height:1rem}.my-title span{font-weight:400}.my-sub-title{color:#4a4949;font-size:1.1rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-align:center}.my-box{border-top:.5rem solid rgba(79,70,229,1);border-radius:.125rem;background-color:#fff;padding:3rem;box-shadow:0 25px 50px -12px #00000040;width:24rem;align-items:center;justify-content:center}.my-title{text-align:center;font-weight:700;font-size:1.2rem;margin-bottom:1rem}.my-heading{color:#4f46e5;font-weight:700;text-align:center;font-size:1.5rem;margin-bottom:1rem}.my-form{display:block;margin-top:0;align-items:center;justify-content:space-around}.unim{margin-top:20px;text-align:center;height:100px}.uni{text-align:center;display:inline-flex;margin-bottom:5px}.unim p{background:-webkit-linear-gradient(#5050e9,#f061f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.2rem;font-weight:700;margin-top:-20px;margin-left:10px;font-style:oblique}.unim img{margin-top:5px;width:200px;height:55px;margin-bottom:20px}.uniname{color:#000000d3;margin-left:10px;margin-top:3px}.uniname h2{font-weight:700}.uniname h5{font-size:16px;margin-left:1px;margin-top:-22px}.main-dash{padding:20px;min-height:100vh;width:100%}.contain{width:100%;display:flex}.cards-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;width:100%;max-width:1600px}.cards{display:flex;justify-content:space-between;align-items:center;padding:25px;background:#fff;box-shadow:6px 6px 12px #d1d9e6,-6px -6px 12px #fff;border-radius:15px;border:none;transition:transform .3s ease,box-shadow .3s ease;height:auto;position:relative;overflow:hidden}.cards:hover{transform:translateY(-4px);box-shadow:8px 8px 16px #00000026}.cards:nth-child(1){border-top:5px solid #09ff00}.cards:nth-child(1) .icn-wrap .icn{color:#0dff00}.cards:nth-child(2){border-top:5px solid #af4c4c}.cards:nth-child(2) .icn-wrap .icn{color:red}.cards:nth-child(3){border-top:5px solid #03a9f4}.cards:nth-child(3) .icn-wrap .icn{color:#03a9f4}.cards:nth-child(4){border-top:5px solid #e9a91e}.cards:nth-child(4) .icn-wrap .icn{color:#e9a91e}.details{display:flex;flex-direction:column;gap:8px}.card-title{font-size:18px;font-weight:700;color:#333}.card-value{font-size:28px;font-weight:600;color:#222}.icn-wrap{height:70px;width:70px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:4px solid rgba(0,0,0,.1);background:#f8f8f8;box-shadow:inset 4px 4px 6px #d1d9e6,inset -4px -4px 6px #fff}.icn{font-size:35px;color:#ff9800;margin-top:12px}.charts-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px}.chart-box{width:100%;max-width:700px;background:#fff;border-radius:10px;padding:10px;box-shadow:6px 6px 12px #d1d9e6,-6px -6px 12px #fff;border:.5px solid rgba(0,0,0,.125)}.column-chart{flex:2;min-width:900px}.pie-chart{flex:1;min-width:250px}.chart-title{text-align:center;font-size:22px;color:#333;margin-bottom:5px}.table-wrap{margin-top:20px;background-color:#fff;box-shadow:6px 6px 12px #d1d9e6,-6px -6px 12px #fff;border:.5px solid rgba(0,0,0,.125);border-radius:8px}.table-title{text-align:center;font-size:22px;color:#333;padding:2px}.google-visualization-tooltip{font-weight:700;pointer-events:none}@media (max-width: 768px){.cards-wrap{display:flex;flex-direction:column;justify-content:space-around;width:100%}.cards{padding:12px}.card-title{font-size:14px}.card-value{font-size:20px}.icn{font-size:24px}.column-chart{min-width:100%}.charts-container{flex-direction:column;align-items:center}.chart-box{width:100%;max-width:100%;overflow-x:auto}}@media (max-width: 480px){.cards-wrap{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.cards{text-align:center}.details{align-items:center}.card-title{font-size:12px}.card-value{font-size:18px}.icn{font-size:20px}}.dash-tableFixHead{overflow:scroll;height:445px;width:100%}.inventory-container{padding:15px 24px 24px;text-align:center;overflow:hidden}.rack-structure{display:flex;align-items:center;justify-content:center;gap:10px}.search-box{background-color:#fff;width:250px;margin:auto auto 10px;border-radius:15px}.overall-insearch{border-radius:15px;padding:7px 20px;border:none;width:85%;font-weight:600}.overall-insearch:focus{outline:none}.overall-searchbtn{padding-bottom:0;font-size:15px;cursor:pointer;background:transparent;border:none;width:15%;margin:auto}.rack-pillar{background-color:#004080;width:20px;height:550px;border-radius:4px;position:relative}.left-pillar,.right-pillar{height:550px}.left-pillar1,.right-pillar1{height:400px}.hole{position:absolute;background-color:#ffffff79;width:6px;height:6px;border-radius:50%}.left-pillar .hole,.left-pillar1 .hole,.right-pillar .hole,.right-pillar1 .hole{left:50%;transform:translate(-50%)}.left-pillar .hole:nth-child(1),.left-pillar1 .hole:nth-child(1){top:30px}.left-pillar .hole:nth-child(2),.left-pillar1 .hole:nth-child(2){top:100px}.left-pillar .hole:nth-child(3),.left-pillar1 .hole:nth-child(3){top:170px}.left-pillar .hole:nth-child(4),.left-pillar1 .hole:nth-child(4){top:240px}.left-pillar .hole:nth-child(5),.left-pillar1 .hole:nth-child(5){top:310px}.left-pillar .hole:nth-child(6){top:380px}.left-pillar .hole:nth-child(7){top:450px}.right-pillar .hole:nth-child(1),.right-pillar1 .hole:nth-child(1){top:30px}.right-pillar .hole:nth-child(2),.right-pillar1 .hole:nth-child(2){top:100px}.right-pillar .hole:nth-child(3),.right-pillar1 .hole:nth-child(3){top:170px}.right-pillar .hole:nth-child(4),.right-pillar1 .hole:nth-child(4){top:240px}.right-pillar .hole:nth-child(5),.right-pillar1 .hole:nth-child(5){top:310px}.right-pillar .hole:nth-child(6){top:380px}.right-pillar .hole:nth-child(7){top:450px}.middle-pillar{background-color:#004080;width:15px;height:50px;border-radius:4px;position:relative}.middle-pillar .hole{position:absolute;background-color:#ffffff79;width:10px;height:10px;border-radius:50%;left:16%}.middle-pillar .hole:nth-child(1){top:8px}.middle-pillar .hole:nth-child(2){top:29px}.rack-main{display:flex;flex-direction:column;gap:2px;align-items:center}.rack-row{display:flex;gap:10px}.rack-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .3s ease}.rack-slot:hover{transform:scale(1.05)}.rack-item{background-color:#63c5f6;padding:13px;border-radius:6px;text-align:center;box-shadow:0 4px 6px #0000001a;width:40px;height:40px;border:2px solid #004080}.no-data-item{background-color:#4caf50}.item-name{font-size:14px;font-weight:600;display:none}.item-id{font-size:14px;color:#6b7280}.rack-support{background-color:orange;width:100%;height:10px;border-radius:4px;padding:8px;display:flex;align-items:center}.support-id{margin:0 10px;font-size:14px;color:#333;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#b2e0d8d7;border-radius:8px;padding:10px;max-width:80%;box-shadow:0 4px 8px #0003}.add-new-record{display:flex;justify-content:end;background-color:transparent}.add-new-button{padding:10px 15px;border:none;border-radius:10px;font-size:15px;font-weight:600;background:radial-gradient(circle,#f7fa52bd,#36e07d,#00eb4a);box-shadow:0 2px 8px #0003;cursor:pointer}.model-wrap{padding:10px;color:#000;border-radius:10px;border:none}.model-wrap h2{color:#000;width:100px;margin:auto;background-color:#bdf;border-radius:10px}.model-wrap h3{color:#000;margin:auto;background-color:#bdf;padding:5px 15px;border-radius:10px}.flex-wrap{margin-top:10px;display:flex;justify-content:space-between;gap:20px;overflow-x:scroll}.item-table{min-width:380px;max-width:380px;background-color:#dcffef;border-radius:10px;border:none}.item-table td{padding:8px;vertical-align:top}.label{font-weight:700;text-align:left;width:auto}.separator{text-align:center;width:5%}.value{text-align:left;width:auto}.item-detail{display:flex;justify-content:space-between;padding:10px 0;font-size:16px}.item-value{text-align:right;flex-grow:1}strong{flex-shrink:0;font-weight:700}.close-button{margin-top:20px;padding:10px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.close-button:hover{background-color:#e53935}.main-sel{display:flex;justify-content:center;padding:5px;margin-bottom:10px}.wrap-sel{position:relative;display:flex;justify-content:space-around;width:100%;height:35px;border:1px solid #c1c1c1;border-radius:20px;box-shadow:0 0 8px #00000073 inset}.slide-container{position:absolute;top:0;left:0;width:12.5%;height:100%;background-color:#3d8361;border-radius:20px;transition:transform .3s ease;z-index:0}.sel-gen,.sel-con{position:relative;z-index:1;flex:1;text-align:center;padding:5px;color:#3d8361;cursor:pointer;transition:color .3s ease}.active{color:#fff}.inactive{color:#3d8361}.blow_section{background:linear-gradient(45deg,#cb9f64,#ffd500);border-radius:20px;animation:glowButton 1.5s linear infinite;transition:all .1s linear;color:#000;font-weight:600}.dont_blow_section{color:none}@keyframes glowButton{0%{transform:scale(1)}20%{transform:scale(1.03)}40%{transform:scale(1.08)}60%{transform:scale(1.08)}80%{transform:scale(1.03)}to{transform:scale(1)}}.tooltip-on-hover{display:inline-block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.location-selector{margin-bottom:25px}.location-selector label{color:#3d8361}.location-selector select{padding:5px 10px;border-radius:8px;border:1px solid #3D8361}.location-selector select:focus{border:2px solid #3D8361;outline:none}.location-selector select.selected{border:2px solid #3D8361;outline:none}.modal-overlay-add-record{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content-add-record{background:#b2e0d8d7;border-radius:8px;padding:10px;max-width:90%;box-shadow:0 4px 8px #0003}.model-wrap-add-record{padding:10px;color:#000;border-radius:10px;border:none;background:transparent}.model-wrap-add-record h3{color:#000;margin:auto;background-color:#bdf;padding:5px 15px;border-radius:10px}.cancel-form{font-size:20px;border-radius:10px;margin-right:20px;cursor:pointer;background:transparent;border:none;float:right}.flex-wrap-add-record-d{margin-top:10px;display:flex;justify-content:space-between;gap:10px;overflow:scroll;background:#fff;border-radius:10px}.flex-wrap-add-record{margin-top:10px;display:flex;justify-content:space-between;gap:30px;background:transparent;width:100%}.my-label-input-add-record{display:grid;grid-template-columns:50% 50%;width:100%;margin:7px;text-align:left}.my-label-add-record{font-size:18px;margin-top:6px}.my-input-add-record{font-size:18px;border-radius:.25rem;padding:5px 10px;width:auto;background-color:#fff;border:1px solid #4093ff;color:#4a5568;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.my-input-add-record:focus{border-color:#7f9cf5;outline:none;box-shadow:0 0 0 3px #3b82f680}.flex-wrap-button-add-record{margin-top:10px;display:flex;justify-content:center;gap:10px}.my-button-add-record{transition:all .3s;padding:.75rem 1rem;width:25%;color:#fff;font-weight:700;border:none;cursor:pointer;background:linear-gradient(to right,#6574cd,#748ffc);border-radius:.25rem;text-align:center;margin-top:1.5rem}.my-button-add-record:hover{background:linear-gradient(to right,#4f46e5,#6a5dd8);transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.suggestion-list-add-record{position:absolute;width:200px;max-height:150px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-top:none;list-style:none;padding:0;margin:38px 0 0 13.5%;border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:9999}.suggestion-list-add-record::-webkit-scrollbar{display:none}.suggestion-list-add-record li{padding:4px;cursor:pointer;transition:background .2s}.suggestion-list-add-record li:hover{background:#f0f0f0}::-webkit-scrollbar{height:8px;width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cab601;border-radius:25px}::-webkit-scrollbar-thumb:hover{background:#ab9c11}.rack-structure1{display:flex;align-items:center;justify-content:center;gap:10px}.rack-pillar1{background-color:#004080;width:10px;height:550px;border-radius:4px;position:relative}.left-pillar1,.right-pillar1{height:585px}.left-pillar1 .hole,.right-pillar1 .hole{left:50%;transform:translate(-50%)}.left-pillar1 .hole:nth-child(1){top:30px}.left-pillar1 .hole:nth-child(2){top:100px}.left-pillar1 .hole:nth-child(3){top:170px}.left-pillar1 .hole:nth-child(4){top:240px}.left-pillar1 .hole:nth-child(5){top:310px}.left-pillar1 .hole:nth-child(6){top:380px}.left-pillar1 .hole:nth-child(7){top:450px}.left-pillar1 .hole:nth-child(8){top:520px}.right-pillar1 .hole:nth-child(1){top:30px}.right-pillar1 .hole:nth-child(2){top:100px}.right-pillar1 .hole:nth-child(3){top:170px}.right-pillar1 .hole:nth-child(4){top:240px}.right-pillar1 .hole:nth-child(5){top:310px}.right-pillar1 .hole:nth-child(6){top:380px}.right-pillar1 .hole:nth-child(7){top:450px}.right-pillar1 .hole:nth-child(8){top:520px}.rack-main1{display:flex;flex-direction:column;gap:2px;align-items:center}.rack-row1{display:flex;gap:3px;position:relative;width:100%}.rack-slot1{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .3s ease;width:43px}.rack-slot1:hover{transform:scale(1.05)}.rack-item1{background-color:#c08f4f;padding:13px;border-radius:2px;text-align:center;box-shadow:0 4px 6px #0000001a;width:43px;height:40px;border:2px solid #996b30;margin-top:2px}.no-data-item1{background-color:transparent;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.blow_section1{background:linear-gradient(45deg,#a2ff00,#0f1);animation:glowButton1 1.5s linear infinite;transition:all .1s linear}.dont_blow_section1{color:none}@keyframes glowButton1{0%{transform:scale(1)}20%{transform:scale(1.03)}40%{transform:scale(1.08)}60%{transform:scale(1.08)}80%{transform:scale(1.03)}to{transform:scale(1)}}.item-name1{font-size:14px;font-weight:600;display:none}.middle-pillar1{background-color:#004080;width:9px;height:63px;border-radius:2px;position:relative}.middle-pillar1 .hole{position:absolute;background-color:#ffffff79;width:4px;height:4px;border-radius:50%;left:27%}.middle-pillar1 .hole:nth-child(1){top:11px}.middle-pillar1 .hole:nth-child(2){top:31px}.middle-pillar1 .hole:nth-child(3){top:50px}.rack-support1{background-color:#f9b332;width:100%;height:18px;border-radius:2px;padding:2px;display:flex;align-items:center;text-align:center;justify-content:center;margin:5px 0}.support-id1{display:flex;font-size:14px;color:#333;gap:21px}.wrap-box1{font-size:12px;text-align:center;align-items:center}.empty-pillar1{width:15px}.rack-structure2{display:flex;align-items:center;justify-content:center;gap:10px}.rack-pillar2{background-color:#004080;width:10px;height:550px;border-radius:4px;position:relative}.left-pillar2,.right-pillar2{height:585px}.left-pillar2 .hole,.right-pillar2 .hole{left:50%;transform:translate(-50%)}.left-pillar2 .hole:nth-child(1){top:30px}.left-pillar2 .hole:nth-child(2){top:100px}.left-pillar2 .hole:nth-child(3){top:170px}.left-pillar2 .hole:nth-child(4){top:240px}.left-pillar2 .hole:nth-child(5){top:310px}.left-pillar2 .hole:nth-child(6){top:380px}.left-pillar2 .hole:nth-child(7){top:450px}.left-pillar2 .hole:nth-child(8){top:520px}.right-pillar2 .hole:nth-child(1){top:30px}.right-pillar2 .hole:nth-child(2){top:100px}.right-pillar2 .hole:nth-child(3){top:170px}.right-pillar2 .hole:nth-child(4){top:240px}.right-pillar2 .hole:nth-child(5){top:310px}.right-pillar2 .hole:nth-child(6){top:380px}.right-pillar2 .hole:nth-child(7){top:450px}.right-pillar2 .hole:nth-child(8){top:520px}.rack-main2{display:flex;flex-direction:column;gap:2px;align-items:center}.rack-row2{display:flex;gap:4px;position:relative;width:100%}.rack-slot2{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .3s ease;width:50px}.rack-slot2:hover{transform:scale(1.05)}.rack-item2{background-color:#c08f4f;padding:13px;border-radius:2px;text-align:center;box-shadow:0 4px 6px #0000001a;width:50px;height:40px;border:2px solid #996b30;margin-top:2px}.no-data-item2{background-color:transparent;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.blow_section2{background:linear-gradient(45deg,#a2ff00,#0f1);animation:glowButton2 1.5s linear infinite;transition:all .1s linear}.dont_blow_section2{color:none}@keyframes glowButton2{0%{transform:scale(1)}20%{transform:scale(1.03)}40%{transform:scale(1.08)}60%{transform:scale(1.08)}80%{transform:scale(1.03)}to{transform:scale(1)}}.item-name2{font-size:14px;font-weight:600;display:none}.middle-pillar2{background-color:#004080;width:9px;height:63px;border-radius:2px;position:relative}.middle-pillar2 .hole{position:absolute;background-color:#ffffff79;width:4px;height:4px;border-radius:50%;left:27%}.middle-pillar2 .hole:nth-child(1){top:11px}.middle-pillar2 .hole:nth-child(2){top:31px}.middle-pillar2 .hole:nth-child(3){top:50px}.rack-support2{background-color:#f9b332;width:100%;height:18px;border-radius:2px;padding:2px;display:flex;align-items:center;text-align:center;justify-content:center;margin:5px 0}.support-id2{display:flex;font-size:14px;color:#333;gap:21px}.wrap-box2{font-size:12px;text-align:center;align-items:center}.empty-pillar2{width:15px}.rack-structure3{display:flex;align-items:center;justify-content:center;gap:10px}.rack-pillar3{background-color:#004080;width:10px;height:550px;border-radius:4px;position:relative}.left-pillar3,.right-pillar3{height:585px}.left-pillar3 .hole,.right-pillar3 .hole{left:50%;transform:translate(-50%)}.left-pillar3 .hole:nth-child(1){top:30px}.left-pillar3 .hole:nth-child(2){top:100px}.left-pillar3 .hole:nth-child(3){top:170px}.left-pillar3 .hole:nth-child(4){top:240px}.left-pillar3 .hole:nth-child(5){top:310px}.left-pillar3 .hole:nth-child(6){top:380px}.left-pillar3 .hole:nth-child(7){top:450px}.left-pillar3 .hole:nth-child(8){top:520px}.right-pillar3 .hole:nth-child(1){top:30px}.right-pillar3 .hole:nth-child(2){top:100px}.right-pillar3 .hole:nth-child(3){top:170px}.right-pillar3 .hole:nth-child(4){top:240px}.right-pillar3 .hole:nth-child(5){top:310px}.right-pillar3 .hole:nth-child(6){top:380px}.right-pillar3 .hole:nth-child(7){top:450px}.right-pillar3 .hole:nth-child(8){top:520px}.rack-main3{display:flex;flex-direction:column;gap:2px;align-items:center}.rack-row3{display:flex;gap:4px;position:relative;width:100%}.rack-slot3{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .3s ease;width:50px}.rack-slot3:hover{transform:scale(1.05)}.rack-item3{background-color:#c08f4f;padding:13px;border-radius:2px;text-align:center;box-shadow:0 4px 6px #0000001a;width:50px;height:40px;border:2px solid #996b30;margin-top:2px}.no-data-item3{background-color:transparent;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.blow_section3{background:linear-gradient(45deg,#a2ff00,#0f1);animation:glowButton3 1.5s linear infinite;transition:all .1s linear}.dont_blow_section3{color:none}@keyframes glowButton3{0%{transform:scale(1)}20%{transform:scale(1.03)}40%{transform:scale(1.08)}60%{transform:scale(1.08)}80%{transform:scale(1.03)}to{transform:scale(1)}}.item-name3{font-size:14px;font-weight:600;display:none}.middle-pillar3{background-color:#004080;width:9px;height:63px;border-radius:2px;position:relative}.middle-pillar3 .hole{position:absolute;background-color:#ffffff79;width:4px;height:4px;border-radius:50%;left:27%}.middle-pillar3 .hole:nth-child(1){top:11px}.middle-pillar3 .hole:nth-child(2){top:31px}.middle-pillar3 .hole:nth-child(3){top:50px}.rack-support3{background-color:#f9b332;width:100%;height:18px;border-radius:2px;padding:2px;display:flex;align-items:center;text-align:center;justify-content:center;margin:5px 0}.support-id3{display:flex;font-size:14px;color:#333;gap:21px}.wrap-box3{font-size:12px;text-align:center;align-items:center}.empty-pillar3{width:15px}.rack-structure4{display:flex;align-items:center;justify-content:center;gap:10px}.rack-pillar4{background-color:#004080;width:10px;height:550px;border-radius:4px;position:relative}.left-pillar4,.right-pillar4{height:585px}.left-pillar4 .hole,.right-pillar4 .hole{left:50%;transform:translate(-50%)}.left-pillar4 .hole:nth-child(1){top:30px}.left-pillar4 .hole:nth-child(2){top:100px}.left-pillar4 .hole:nth-child(3){top:170px}.left-pillar4 .hole:nth-child(4){top:240px}.left-pillar4 .hole:nth-child(5){top:310px}.left-pillar4 .hole:nth-child(6){top:380px}.left-pillar4 .hole:nth-child(7){top:450px}.left-pillar4 .hole:nth-child(8){top:520px}.right-pillar4 .hole:nth-child(1){top:30px}.right-pillar4 .hole:nth-child(2){top:100px}.right-pillar4 .hole:nth-child(3){top:170px}.right-pillar4 .hole:nth-child(4){top:240px}.right-pillar4 .hole:nth-child(5){top:310px}.right-pillar4 .hole:nth-child(6){top:380px}.right-pillar4 .hole:nth-child(7){top:450px}.right-pillar4 .hole:nth-child(8){top:520px}.rack-main4{display:flex;flex-direction:column;gap:2px;align-items:center}.rack-row4{display:flex;gap:4px;position:relative;width:100%}.rack-slot4{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .3s ease;width:50px}.rack-slot4:hover{transform:scale(1.05)}.rack-item4{background-color:#c08f4f;padding:13px;border-radius:2px;text-align:center;box-shadow:0 4px 6px #0000001a;width:50px;height:40px;border:2px solid #996b30;margin-top:2px}.no-data-item4{background-color:transparent;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.blow_section4{background:linear-gradient(45deg,#a2ff00,#0f1);animation:glowButton4 1.5s linear infinite;transition:all .1s linear}.dont_blow_section4{color:none}@keyframes glowButton4{0%{transform:scale(1)}20%{transform:scale(1.03)}40%{transform:scale(1.08)}60%{transform:scale(1.08)}80%{transform:scale(1.03)}to{transform:scale(1)}}.item-name4{font-size:14px;font-weight:600;display:none}.middle-pillar4{background-color:#004080;width:9px;height:63px;border-radius:2px;position:relative}.middle-pillar4 .hole{position:absolute;background-color:#ffffff79;width:4px;height:4px;border-radius:50%;left:27%}.middle-pillar4 .hole:nth-child(1){top:11px}.middle-pillar4 .hole:nth-child(2){top:31px}.middle-pillar4 .hole:nth-child(3){top:50px}.rack-support4{background-color:#f9b332;width:100%;height:18px;border-radius:2px;padding:2px;display:flex;align-items:center;text-align:center;justify-content:center;margin:5px 0}.support-id4{display:flex;font-size:14px;color:#333;gap:21px}.wrap-box4{font-size:12px;text-align:center;align-items:center}.empty-pillar4{width:15px}.rack-structure5{display:flex;align-items:center;justify-content:center;gap:10px}.rack-pillar5{background-color:#004080;width:10px;height:550px;border-radius:4px;position:relative}.left-pillar5,.right-pillar5{height:585px}.left-pillar5 .hole,.right-pillar5 .hole{left:50%;transform:translate(-50%)}.left-pillar5 .hole:nth-child(1){top:30px}.left-pillar5 .hole:nth-child(2){top:100px}.left-pillar5 .hole:nth-child(3){top:170px}.left-pillar5 .hole:nth-child(4){top:240px}.left-pillar5 .hole:nth-child(5){top:310px}.left-pillar5 .hole:nth-child(6){top:380px}.left-pillar5 .hole:nth-child(7){top:450px}.left-pillar5 .hole:nth-child(8){top:520px}.right-pillar5 .hole:nth-child(1){top:30px}.right-pillar5 .hole:nth-child(2){top:100px}.right-pillar5 .hole:nth-child(3){top:170px}.right-pillar5 .hole:nth-child(4){top:240px}.right-pillar5 .hole:nth-child(5){top:310px}.right-pillar5 .hole:nth-child(6){top:380px}.right-pillar5 .hole:nth-child(7){top:450px}.right-pillar5 .hole:nth-child(8){top:520px}.rack-main5{display:flex;flex-direction:column;gap:2px;align-items:center}.rack-row5{display:flex;gap:4px;position:relative;width:100%}.rack-slot5{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .3s ease;width:50px}.rack-slot5:hover{transform:scale(1.05)}.rack-item5{background-color:#c08f4f;padding:13px;border-radius:2px;text-align:center;box-shadow:0 4px 6px #0000001a;width:50px;height:40px;border:2px solid #996b30;margin-top:2px}.no-data-item5{background-color:transparent;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.blow_section5{background:linear-gradient(45deg,#a2ff00,#0f1);animation:glowButton5 1.5s linear infinite;transition:all .1s linear}.dont_blow_section5{color:none}@keyframes glowButton5{0%{transform:scale(1)}20%{transform:scale(1.03)}40%{transform:scale(1.08)}60%{transform:scale(1.08)}80%{transform:scale(1.03)}to{transform:scale(1)}}.item-name5{font-size:14px;font-weight:600;display:none}.middle-pillar5{background-color:#004080;width:9px;height:63px;border-radius:2px;position:relative}.middle-pillar5 .hole{position:absolute;background-color:#ffffff79;width:4px;height:4px;border-radius:50%;left:27%}.middle-pillar5 .hole:nth-child(1){top:8px}.middle-pillar5 .hole:nth-child(2){top:29px}.middle-pillar5 .hole:nth-child(3){top:50px}.rack-support5{background-color:#f9b332;width:100%;height:18px;border-radius:2px;padding:2px;display:flex;align-items:center;text-align:center;justify-content:center;margin:5px 0}.support-id5{display:flex;font-size:14px;color:#333;gap:21px}.wrap-box5{font-size:12px;text-align:center;align-items:center}.empty-pillar5{width:15px}.rack-structure6{display:flex;align-items:center;justify-content:center;gap:10px}.rack-pillar6{background-color:#004080;width:10px;height:550px;border-radius:4px;position:relative}.left-pillar6,.right-pillar6{height:585px}.left-pillar6 .hole,.right-pillar6 .hole{left:50%;transform:translate(-50%)}.left-pillar6 .hole:nth-child(1){top:30px}.left-pillar6 .hole:nth-child(2){top:100px}.left-pillar6 .hole:nth-child(3){top:170px}.left-pillar6 .hole:nth-child(4){top:240px}.left-pillar6 .hole:nth-child(5){top:310px}.left-pillar6 .hole:nth-child(6){top:380px}.left-pillar6 .hole:nth-child(7){top:450px}.left-pillar6 .hole:nth-child(8){top:520px}.right-pillar6 .hole:nth-child(1){top:30px}.right-pillar6 .hole:nth-child(2){top:100px}.right-pillar6 .hole:nth-child(3){top:170px}.right-pillar6 .hole:nth-child(4){top:240px}.right-pillar6 .hole:nth-child(5){top:310px}.right-pillar6 .hole:nth-child(6){top:380px}.right-pillar6 .hole:nth-child(7){top:450px}.right-pillar6 .hole:nth-child(8){top:520px}.rack-main6{display:flex;flex-direction:column;gap:2px;align-items:center}.rack-row6{display:flex;gap:4px;position:relative;width:100%}.rack-slot6{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .3s ease;width:53px}.rack-slot6:hover{transform:scale(1.05)}.rack-item6{background-color:#c08f4f;padding:13px;border-radius:2px;text-align:center;box-shadow:0 4px 6px #0000001a;width:52px;height:40px;border:2px solid #996b30;margin-top:2px}.no-data-item6{background-color:transparent;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.blow_section6{background:linear-gradient(45deg,#a2ff00,#0f1);animation:glowButton6 1.5s linear infinite;transition:all .1s linear}.dont_blow_section6{color:none}@keyframes glowButton6{0%{transform:scale(1)}20%{transform:scale(1.03)}40%{transform:scale(1.08)}60%{transform:scale(1.08)}80%{transform:scale(1.03)}to{transform:scale(1)}}.item-name6{font-size:14px;font-weight:600;display:none}.middle-pillar6{background-color:#004080;width:9px;height:63px;border-radius:2px;position:relative}.middle-pillar6 .hole{position:absolute;background-color:#ffffff79;width:4px;height:4px;border-radius:50%;left:27%}.middle-pillar6 .hole:nth-child(1){top:8px}.middle-pillar6 .hole:nth-child(2){top:29px}.middle-pillar6 .hole:nth-child(3){top:50px}.rack-support6{background-color:#f9b332;width:100%;height:18px;border-radius:2px;padding:2px;display:flex;align-items:center;text-align:center;justify-content:center;margin:5px 0}.support-id6{display:flex;font-size:14px;color:#333;gap:21px}.wrap-box6{font-size:12px;text-align:center;align-items:center}.empty-pillar6{width:15px}.rack-structure7{display:flex;align-items:center;justify-content:center;gap:10px}.rack-pillar7{background-color:#004080;width:10px;height:550px;border-radius:4px;position:relative}.left-pillar7,.right-pillar7{height:585px}.left-pillar7 .hole,.right-pillar7 .hole{left:50%;transform:translate(-50%)}.left-pillar7 .hole:nth-child(1){top:30px}.left-pillar7 .hole:nth-child(2){top:100px}.left-pillar7 .hole:nth-child(3){top:170px}.left-pillar7 .hole:nth-child(4){top:240px}.left-pillar7 .hole:nth-child(5){top:310px}.left-pillar7 .hole:nth-child(6){top:380px}.left-pillar7 .hole:nth-child(7){top:450px}.left-pillar7 .hole:nth-child(8){top:520px}.right-pillar7 .hole:nth-child(1){top:30px}.right-pillar7 .hole:nth-child(2){top:100px}.right-pillar7 .hole:nth-child(3){top:170px}.right-pillar7 .hole:nth-child(4){top:240px}.right-pillar7 .hole:nth-child(5){top:310px}.right-pillar7 .hole:nth-child(6){top:380px}.right-pillar7 .hole:nth-child(7){top:450px}.right-pillar7 .hole:nth-child(8){top:520px}.rack-main7{display:flex;flex-direction:column;gap:2px;align-items:center}.rack-row7{display:flex;gap:4px;position:relative;width:100%}.rack-slot7{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .3s ease;width:60px}.rack-slot7:hover{transform:scale(1.05)}.rack-item7{background-color:#c08f4f;padding:13px;border-radius:2px;text-align:center;box-shadow:0 4px 6px #0000001a;width:60px;height:40px;border:2px solid #996b30;margin-top:2px}.no-data-item7{background-color:transparent;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.blow_section7{background:linear-gradient(45deg,#a2ff00,#0f1);animation:glowButton7 1.5s linear infinite;transition:all .1s linear}.dont_blow_section7{color:none}@keyframes glowButton7{0%{transform:scale(1)}20%{transform:scale(1.03)}40%{transform:scale(1.08)}60%{transform:scale(1.08)}80%{transform:scale(1.03)}to{transform:scale(1)}}.item-name7{font-size:14px;font-weight:600;display:none}.middle-pillar7{background-color:#004080;width:9px;height:63px;border-radius:2px;position:relative}.middle-pillar7 .hole{position:absolute;background-color:#ffffff79;width:4px;height:4px;border-radius:50%;left:27%}.middle-pillar7 .hole:nth-child(1){top:8px}.middle-pillar7 .hole:nth-child(2){top:29px}.middle-pillar7 .hole:nth-child(3){top:509px}.rack-support7{background-color:#f9b332;width:100%;height:18px;border-radius:2px;padding:2px;display:flex;align-items:center;text-align:center;justify-content:center;margin:5px 0}.support-id7{display:flex;font-size:14px;color:#333;gap:21px}.wrap-box7{font-size:12px;text-align:center;align-items:center}.empty-pillar7{width:15px}.rack-structure8{display:flex;align-items:center;justify-content:center;gap:10px}.rack-pillar8{background-color:#004080;width:10px;height:550px;border-radius:4px;position:relative}.left-pillar8,.right-pillar8{height:585px}.left-pillar8 .hole,.right-pillar8 .hole{left:50%;transform:translate(-50%)}.left-pillar8 .hole:nth-child(1){top:30px}.left-pillar8 .hole:nth-child(2){top:100px}.left-pillar8 .hole:nth-child(3){top:170px}.left-pillar8 .hole:nth-child(4){top:240px}.left-pillar8 .hole:nth-child(5){top:310px}.left-pillar8 .hole:nth-child(6){top:380px}.left-pillar8 .hole:nth-child(7){top:450px}.left-pillar8 .hole:nth-child(8){top:520px}.right-pillar8 .hole:nth-child(1){top:30px}.right-pillar8 .hole:nth-child(2){top:100px}.right-pillar8 .hole:nth-child(3){top:170px}.right-pillar8 .hole:nth-child(4){top:240px}.right-pillar8 .hole:nth-child(5){top:310px}.right-pillar8 .hole:nth-child(6){top:380px}.right-pillar8 .hole:nth-child(7){top:450px}.right-pillar8 .hole:nth-child(8){top:520px}.rack-main8{display:flex;flex-direction:column;gap:2px;align-items:center}.rack-row8{display:flex;gap:4px;position:relative;width:100%}.rack-slot8{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .3s ease;width:70px}.rack-slot8:hover{transform:scale(1.05)}.rack-item8{background-color:#c08f4f;padding:13px;border-radius:2px;text-align:center;box-shadow:0 4px 6px #0000001a;width:60px;height:40px;border:2px solid #996b30;margin-top:2px}.no-data-item8{background-color:transparent;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.blow_section8{background:linear-gradient(45deg,#a2ff00,#0f1);animation:glowButton8 1.5s linear infinite;transition:all .1s linear}.dont_blow_section8{color:none}@keyframes glowButton8{0%{transform:scale(1)}20%{transform:scale(1.03)}40%{transform:scale(1.08)}60%{transform:scale(1.08)}80%{transform:scale(1.03)}to{transform:scale(1)}}.item-name8{font-size:14px;font-weight:600;display:none}.middle-pillar8{background-color:#004080;width:9px;height:63px;border-radius:2px;position:relative}.middle-pillar8 .hole{position:absolute;background-color:#ffffff79;width:4px;height:4px;border-radius:50%;left:27%}.middle-pillar8 .hole:nth-child(1){top:8px}.middle-pillar8 .hole:nth-child(2){top:29px}.middle-pillar8 .hole:nth-child(3){top:50x}.rack-support8{background-color:#f9b332;width:100%;height:18px;border-radius:2px;padding:2px;display:flex;align-items:center;text-align:center;justify-content:center;margin:5px 0}.support-id8{display:flex;font-size:14px;color:#333;gap:21px}.wrap-box8{font-size:12px;text-align:center;align-items:center}.empty-pillar8{width:15px}.dash-search-container{display:flex;justify-content:end;padding:8px;background-color:#3d8361;border-radius:5px 5px 0 0/5px 5px 0px 0px}.dash-search-container .dash-search-title{color:#fff;align-self:center;font-size:17px;font-weight:600}.add-action-button,.delete-record-action-button,.dispatch-action-button{background:transparent;border:none;width:100%;font-size:15px;padding:1px 2px}.delete-record-action-button{background:#ec010146;border:none;width:100%;font-size:15px;padding:1px 2px}.dispatch-action-button:hover{background-color:#38dc2267;border-radius:5px;cursor:pointer;box-shadow:#2fff003d 0 1px 8px}.delete-record-action-button:hover{background-color:#e12f2fe1;border-radius:5px;cursor:pointer;box-shadow:#ff00003d 0 1px 8px}.wrapper{width:100%;margin:auto;overflow-x:hidden;padding:20px}.custom-form{width:100%;text-align:center}.btn{margin:10px 0;background-color:#3d8361;color:#fff}.viewer{width:100%;background-color:#dbdcda;padding:20px;display:flex;justify-content:center;align-items:center;margin-top:5px}.table-container{width:100%;overflow-x:auto;margin-top:10px}.upload-table{width:100%;border-collapse:collapse;text-align:left}.upload-table th,.upload-table td{border:1px solid #ddd;padding:8px}.upload-table th{background-color:#3d8361;color:#fff;font-weight:700}.form-control{background-color:#f3f3f3;border-radius:5px;border:1px solid #3D8361;padding:5px;margin-right:10px}.form-control::file-selector-button{background-color:#3d8361;padding:7px;border-radius:8px;color:#fff;border:none}.upload-title{font-size:22px;font-weight:700;color:#333}.preview-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border-radius:8px}.excelbtn{width:200px;text-align:center}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffd9;display:flex;justify-content:center;align-items:center;z-index:9999}.loader{border:8px solid #f3f3f3;border-top:8px solid #209aec;border-radius:50%;width:70px;height:70px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay-table{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content-table{background:#fff;border-radius:8px;padding:10px;box-shadow:0 4px 8px #0003}.model-wrap-table{padding:20px;color:#000;background:linear-gradient(to right,#cb9f64,#efac55);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px}.delete-title{text-align:center;font-size:22px;font-weight:700;color:#333}.delete-custom-form{width:100%;text-align:center}.delete-btn{margin-top:15%;background-color:#ff0808;color:#fff;padding:7px 25px;border-radius:4px;font-size:large;font-weight:700;border:none}.cards-success{display:flex;justify-content:space-between;gap:10px}.success-update{background:#d9fff0a0;margin:10px 0;padding:10px 30px;display:flex;justify-content:space-between;gap:30px;border-radius:10px;width:100%}.title-card,.data-card{font-size:large;font-weight:600}.flex-wrap-table{display:flex;justify-content:space-between;max-height:500px;overflow:hidden;overflow-y:scroll;gap:30px}.response-table{background-color:#dcffef;border:none;width:auto;border-collapse:collapse}.response-table th,.response-table td{padding:8px;vertical-align:top}.label-table{font-weight:700;text-align:left;position:sticky;top:0;z-index:10;background-color:#2cffa7}.header-label-table{font-weight:700;text-align:center;position:sticky;z-index:10;background-color:#b6ebd5}.value-table{text-align:left}.dash-table-main{background:#fff;margin-top:4px;display:flex;flex-direction:column;width:100%;border-radius:5px}.dash-tableFixHead{overflow:scroll;height:615px;width:100%}.dash-tableFixHead::-webkit-scrollbar{display:none}.dash-atable{border-collapse:collapse;width:100%;text-decoration:none;margin-top:-1.5px}.dash-atable th,.dash-atable td{max-width:300px;padding:7px 16px;border:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-atable thead{position:sticky;padding:5px;inset-block-start:0;background-color:#4fa47b;color:#fff;box-shadow:1px 1px 5px gray}.dash-atable tbody{font-weight:500}.dash-search-container-dispatch-date{display:flex;justify-content:center;padding:8px;background-color:#3d8361;border-radius:5px 5px 0 0/5px 5px 0px 0px}.dash-search-container-dispatch{display:flex;justify-content:center;padding:8px;background-color:#3d8361;border-bottom-left-radius:0;border-bottom-right-radius:0}.dash-search-container-dispatch-date .dash-search-title{color:#fff;align-self:center;font-size:17px;font-weight:600}.dash-insearch{border-radius:4px;margin-left:20px;margin-right:20px;padding:5px 10px;border:none}.dash-insearch:focus{outline:none}.dash-searchbtn{font-size:20px;border-radius:10px;margin-right:20px;cursor:pointer;background:transparent;border:none;float:right}.dash-table-footer{padding:7px;color:#fff;background-color:#3d8361;justify-content:flex-end;display:flex;border-radius:0 0 5px 5px/0px 0px 5px 5px}.dash-dropdown-container select{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px;cursor:pointer}.dash-dropdown-container label{margin-right:10px;font-size:14px;white-space:nowrap}.dash-dropdown-container{margin-right:20px;display:flex;align-items:center}.dash-pagination-buttons button.active{background-color:#4caf50;color:#fff;border:1px solid #4caf50}.dash-pagination-buttons{display:flex;justify-content:center;align-items:center;margin-right:20px}.dash-pagination-buttons button{padding:10px 15px;margin:0 5px;background-color:#54ae82;color:#fff;border:1px solid rgb(84,174,130);border-radius:5px;cursor:pointer}.dash-pagination-buttons button:hover{background-color:#12b868;border-color:#12b868;box-shadow:inset 4px 4px 6px -1px #0003,inset -4px -4px 6px -1px #ffffffb3,-.5px -.5px #fff,.5px .5px #00000026,0 12px 10px -10px #0000000d}.dash-pagination-buttons button[disabled]{background-color:#bdc3c7;color:#000;border-color:#bdc3c7;cursor:not-allowed}.autocomplete-container{position:relative}.label-table-dispatch{color:#fff;font-weight:500}.add-action-button,.delete-action-button{background:transparent;border:none;width:100%;font-size:15px;padding:1px 2px}.add-action-button:hover{background-color:#8accffcf;border-radius:5px;cursor:pointer;box-shadow:#0000003d 0 1px 8px}.delete-action-button:hover{background-color:#ff7a7a67;border-radius:5px;cursor:pointer;box-shadow:#ff00003d 0 1px 8px}.suggestion-list{position:absolute;width:100%;max-width:183px;max-height:150px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-top:none;list-style:none;padding:0;margin:-1px 0 0 20px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:9999}.suggestion-list::-webkit-scrollbar{display:none}.suggestion-list li{padding:8px;cursor:pointer;transition:background .2s}.suggestion-list li:hover{background:#f0f0f0}.modal-overlay-pre{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content-pre{width:70%;background:transparent;border-radius:8px;padding:10px;box-shadow:0 4px 8px #0003}.model-wrap-add{padding:20px;color:#000;background:#c8faff;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:none}.model-wrap-add h3{text-align:center;padding-bottom:10px}.model-wrap-add .cancel-button{font-size:18px;border-radius:10px;margin-right:20px;cursor:pointer;background:transparent;border:none;float:right;margin-top:-40px}.model-wrap-dispatch{padding:20px;color:#000;background:#ffc7c7;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:none}.model-wrap-dispatch h3{text-align:center;padding-bottom:10px}.model-wrap-dispatch .cancel-button{font-size:18px;border-radius:10px;margin-right:20px;cursor:pointer;background:transparent;border:none;float:right;margin-top:-40px}.flex-wrap-pre{margin-top:10px;display:flex;justify-content:space-between;gap:50px}.my-label-input-pre{display:grid;grid-template-columns:40% 60%;width:100%;margin:7px}.my-label-pre{font-size:18px}.my-input-pre{font-size:18px;border-radius:.25rem;padding:.15rem;width:100%;background-color:#fff;border:1px solid #4093ff;color:#4a5568;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.my-input-pre:focus{border-color:#7f9cf5;outline:none;box-shadow:0 0 0 3px #3b82f680}.flex-wrap-button-pre{margin-top:10px;display:flex;justify-content:center;gap:50px}.my-button-pre{transition:all .3s;padding:.75rem 1rem;width:25%;color:#fff;font-weight:700;border:none;cursor:pointer;background:linear-gradient(to right,#6574cd,#748ffc);border-radius:.25rem;text-align:center;margin-top:1.5rem}.my-button-pre:hover{background:linear-gradient(to right,#4f46e5,#6a5dd8);transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.suggestion-list-pre{position:absolute;width:276px;max-height:150px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-top:none;list-style:none;padding:0;margin:35px 0 0 18%;border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:9999}.suggestion-list-pre::-webkit-scrollbar{display:none}.suggestion-list-pre li{padding:4px;cursor:pointer;transition:background .2s}.suggestion-list-pre li:hover{background:#f0f0f0}@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px){.dash-table-main{width:100%}}@media (min-width: 768px) and (max-width: 1024px){.dash-table-main{margin-left:18px}}@media (max-width: 480px){.dash-table-main{margin-left:0}.dash-table-footer{display:flex;flex-direction:column;align-items:end;gap:15px}.dash-pagination-buttons{margin-right:7px;margin-bottom:2px}}*,*:after,*:before{box-sizing:border-box}.list-main{width:100%;padding:20px}.export-table{float:right;margin-top:-33px;margin-right:30px;padding:1px 20px;font-size:18px;font-weight:600;border:none;background-color:#0f0;border-radius:5px;color:#fff;cursor:pointer;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.button--calypso{overflow:hidden;font-family:freight-display-pro,serif;font-size:1.15rem;border-radius:.85rem;color:#fff}.export-table span{display:block;position:relative}.export-table:hover span{animation:MoveScaleUpInitial .25s forwards,MoveScaleUpEnd .25s forwards .25s}@keyframes MoveScaleUpInitial{to{transform:translate3d(0,-105%,0) scale3d(1,2,1);opacity:0}}@keyframes MoveScaleUpEnd{0%{transform:translate3d(0,100%,0) scale3d(1,2,1);opacity:0}to{transform:translateZ(0);opacity:1;color:#000}}