.fadeInUp{opacity:0;animation:fadeInUp .5s forwards ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.dark{color:#fff;background:linear-gradient(to bottom,#0a11284d,#0a11284d),url(../img/bg.jpg);background-size:cover;background-position:top center;background-attachment:fixed}.dark .full-app-menu{background:#00000073;box-shadow:#ffffff26 2px 2px 4px}.dark .bg-red{background:#fd562f}.dark .bg-green{background:#00c456}.dark .back-filter{background:#00000073;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:0}.dark .front-flter{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.dark .dash-item{box-shadow:#ffffff26 2px 2px 4px}.dark .vhi-form,.dark .vhi-title-menu{background:#00000073}.dark button.switch-btn.active{background:#00c8c8}.dark button.switch-btn.active:hover{background:#2fffff}.dark button.switch-btn{background:#cbecea}.dark button.switch-btn:hover{background:#2fffff}.dark .btn-main{background:#00c8c8}.dark .btn-main:hover{background:#2fffff}.dark .menu-bar{background:#00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dark .menu-bar .mini-icon{color:#00c8c8}.dark .menu-bar .mini-icon:hover{color:#2fffff}.dark .mini-icon{color:#00000073}.dark .mini-icon:hover{color:#2fffff}.dark .icon.main{color:#00c8c8}.dark .icon.main:hover{color:#2fffff}.dark .icon.delete{color:#702626}.dark .icon.delete:hover{color:#fd562f}.dark .icon.table{color:#00c8c8}.dark .icon.table:hover{color:#2fffff}.dark .mini-icon.active{color:#00c8c8}.dark .mini-icon.active:hover{color:#2fffff}.dark .icon-text{color:#00c8c8}.dark .icon-text:hover{color:#2fffff}.dark .dash-item{background:#14213d4d;border-color:#00000073}.dark .dash-item .icon{color:#00c8c8;filter:brightness(0) saturate(100%) invert(69%) sepia(24%) saturate(7069%) hue-rotate(136deg) brightness(95%) contrast(100%)}.dark .dash-item:hover .icon{color:#fff;filter:brightness(0) saturate(100%) invert(99%) sepia(17%) saturate(773%) hue-rotate(186deg) brightness(112%) contrast(96%)}.dark .vhi-house{background:#00000073;border-color:#14213d4d}.dark .vhi-house:hover{background:#00c8c8}.dark .vhi{background:#5e932a40}.dark .table tr:nth-child(2n).vhi{background:#21422373}.dark .clixifix{background:#5e5e5e99}.dark .table tr:nth-child(2n).clixifix{background:#38383899}.dark .check{background:#fd790640}.dark .table tr:nth-child(2n).check{background:#b5550140}.dark .completed{background:#8ef26440}.dark .table tr:nth-child(2n).completed{background:#5bec1d40}.dark .priv{background:#6411648c}.dark .table tr:nth-child(2n).priv{background:#380a388c}.dark .onhold{background:#fd790640}.dark .table tr:nth-child(2n).onhold{background:#b5550140}.dark .inprogress{background:#5e5e5e99}.dark .table tr:nth-child(2n).inprogress{background:#38383899}.dark .table.ppm-table tr td.sticky-col{background:#153d56}.dark .table.ppm-table tr:nth-child(2n) td.sticky-col{background:#0c2734}.dark .check-details{background:#143e54}.dark .label-photo{background:#236c92}.dark .label-photo:hover{background:#2d8abb}.dark input[type=radio]{accent-color:rgb(0,200,200)}.dark .vhi-single-wrap{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000073}.dark .addDefectWrap{background:#14213dcc}.dark .addDefectForm{background:#00000073;box-shadow:#ffffff26 2px 2px 4px}.dark .location-option-wrap.multi-defect{background:#143e54;background:#366a85b3;box-shadow:#ffffff26 2px 2px 4px}.dark .cross-out{color:orange}.dark .login{background:#00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dark .choose-dropdown.form .display-initial-value{background:#143e54}.dark .login-form input,.dark .login-form textarea,.dark .newuser input,.dark .newuser textarea{background:#143e54;color:#fff}.dark .login-form input:focus-visible,.dark .newuser input:focus-visible{transition:.5s;outline:none;border:none;border:1px solid rgb(0,200,200);background:#92aadc36}.dark input[type=text].standard:focus-visible{transition:.5s;outline:none;border:none;border:1px solid rgb(0,200,200);background:#92aadc36}.dark .addNewDefectWrap{background:#00000073}.dark .standard-input{background:#143e54}.dark .serch-input label{color:#ccc}.dark .serch-input input[type=text]{background:transparent;color:#fff;font-size:1.1rem}.dark .serch-input input[type=text]:focus-visible{outline:none;border-color:#00c8c8}.dark .serch-input:focus-within label{color:#00c8c8}.dark .choose-dropdown.search input[type=text]:focus-visible{border-color:#00c8c8}.dark .addDefectWrap.comment textarea,.dark .addtodo textarea{color:#fff;background:#143e54;border:1px solid white}.dark .addDefectWrap.comment textarea:focus-within,.dark .addtodo textarea:focus-within{border-color:#00c8c8}.dark .date-picker-span{background:#143e54;border:1px solid white}.dark .defects-added .table th{background:#50506473}.dark .defects-added .table tr{background:#41464b40}.dark .defects-added .table tr:nth-child(2n){background:#50506473}.dark .choose-dropdown li,.dark .drop-down-input li{background:#0a202b}.dark .choose-dropdown li:hover,.dark .drop-down-input li:hover{background:#00c8c8}.dark .choose-dropdown li:hover .icon.main,.dark .drop-down-input li:hover .icon.main{color:#fff}.dark .addDefectWrap.modal-backdrop .modal{background:#143e54}.dark .addDefectWrap.modal-backdrop button:hover{background:#00c8c8}.dark .stock-btns-wrap button{background:#00000073;color:#fff}.dark .change-qty-popup{background:#00000073;box-shadow:#ffffff26 2px 2px 4px}.dark .stock-btns-wrap span{padding:0 2px;color:#00c8c8}.dark .qty-wrap span{background:#143e54}.dark .qty-wrap span:hover{background:#1e5c7d;border-color:#00c8c8}.dark .qty-wrap span:hover .icon{color:#fff}.dark .qty-wrap .icon{color:#00c8c8}.dark .prodcheck-wrap:nth-child(2n){background:#00000073}.dark .color-main{color:#00c8c8}.dark .prodcode{border-color:#00c8c8}.dark .add-small-defect-wrap{background:#00000073}.dark .choose-dropdown.probe .display-initial-value{background:#143e54}.dark .food-type-table-wrap{background:#14213d4d;border-color:#143e54;border-color:#1a74a3;box-shadow:#ffffff26 2px 2px 4px}.dark .food-temp-date{background:#0a1223;border:1px solid rgb(26,116,163);box-shadow:#ffffff26 2px 2px 4px}.dark .tab-buttons .active{background:#00c8c8}.dark .date-picker .rdp-root{background:#141e32}.dark .date-picker button{border:1px solid grey;border-radius:5px}.dark .date-picker .rdp-chevron{fill:#fff}.dark .date-picker .rdp-today{background:#143e54;color:#fff}.dark .date-picker button:hover{background:#009595}.dark .ppm-panel-wrap input:disabled,.dark .ppm-panel-wrap textarea:disabled,.dark .form-item input:disabled,.dark .form-item textarea:disabled{color:#fff;border-bottom:2px solid #006262}.dark .ppm-panel-wrap input,.dark .ppm-panel-wrap textarea,.dark .form-item input,.dark .form-item textarea{background:#143e54;padding:6px;color:#fff;border-radius:5px}.dark .ppm-panel-wrap input:focus-visible,.dark .ppm-panel-wrap textarea:focus-visible,.dark .form-item input:focus-visible,.dark .form-item textarea:focus-visible{transition:.5s;outline:none;border:none;border:1px solid rgb(0,200,200);background:#92aadc36}.dark .quote-price{border-color:#00c8c8}.dark .comment-text-box{background:#007c7c66;color:#fff}.dark .tab-content .comment-item{background:#00626299}.dark .service-orange{background:#946205}.dark .service-green{background:#0e9003}.dark .service-red{background:#901703}.app{height:100vh;min-height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:30px}.full-wrap{position:relative;padding:30px 10px;height:100vh;width:100vw;overflow:hidden;display:flex;justify-content:center}.full-app-menu{position:relative;padding:30px;height:calc(100vh - 100px);width:96%;max-width:1400px;overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:20px;border-radius:25px}.flex-column{display:flex;flex-direction:column}.flex-row-sb{display:flex;flex-direction:row;justify-content:space-between}.hr{width:90%;margin:25px auto}.hr-min{width:90%;margin:0 auto}.icon.delete{cursor:pointer}.dash-title{padding:10px 20px}.app-inside-div{display:flex;height:100vh;overflow:hidden;flex-direction:column}input[type=text],textarea,input{outline:none}input[type=text]:focus-within,textarea:focus-within,input:focus-within{outline:none}.standard-input{position:relative;color:#fff;width:100%;height:2.5rem;cursor:text;font-size:1.1rem;padding:.5rem;border-radius:10px}.standard-input:focus-visible{outline:none}.title-wrap{display:flex;justify-content:space-between;padding:0 10px}.title-wrap h2{display:inline-block}.title-icon-wrap{display:flex;gap:20px}.flex-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.vhi-single-wrap{flex:1;max-height:calc(100vh - 100px);min-height:calc(100vh - 100px);height:calc(100vh - 100px);overflow:hidden;width:100%;max-width:1200px;padding:20px;display:flex;flex-direction:column;margin:20px auto 0;border-radius:15px}.table-wrap{width:100%;padding-bottom:18rem}.sticky-col{position:sticky;left:0;z-index:2}.flex-cent{display:flex;justify-content:center;align-items:center;gap:5px}.choose-dropdown.search{max-width:160px;display:inline-block}.choose-dropdown.search input[type=text]{width:100%;font-size:1.1rem;background:transparent;border:none;border-bottom:1px solid white;color:#fff}.date-picker-span{position:relative;background-color:transparent;color:#fff;display:flex;justify-content:center;width:120px;height:2.5rem;border:1px solid rgba(200,200,200,.7);cursor:text;font-size:1.1rem;padding:.5rem;border-radius:10px;cursor:pointer}.date-picker-span:focus-visible{outline:none;border:1px solid rgba(200,200,200,.7)}.text-input-wrap{display:flex;flex-direction:column;gap:6px}.text-input-wrap input[type=text]{position:relative;background-color:transparent;color:#fff;width:100%;height:2.5rem;border:1px solid rgba(200,200,200,.7);cursor:text;font-size:1.1rem;padding:.5rem;border-radius:10px}.text-input-wrap input[type=text]:focus-visible{outline:none;border:1px solid rgba(200,200,200,.7)}.text-input-wrap .qty{max-width:100px}.green-red-line{position:absolute;left:0;bottom:0;height:5px;width:100%}.drop-down-input{position:relative;z-index:1}.drop-down-input input{text-transform:capitalize}.drop-down-input:hover .drop-menu{display:block}.drop-down-input:focus-within .drop-menu{display:block}.drop-down-input .drop-menu{width:100%;display:none;position:absolute;top:100%;left:0;z-index:11;list-style:none;border:1px solid #d2d2d2;cursor:pointer;max-height:12.5rem;overflow:hidden}.drop-down-input .drop-menu .drop-menu.search{width:100%;max-height:15rem;overflow:auto;left:0}.drop-down-input .drop-menu .drop-menu.search li{font-size:1rem;height:2rem;max-width:250px;cursor:pointer}.drop-down-input .drop-menu li{border:1px solid #d2d2d2;height:2.5rem;width:100%;display:flex;justify-content:center;align-items:center;text-transform:capitalize}.drop-down-input .drop-menu li:hover{border-color:#fff}.choose-dropdown{position:relative;width:100%;height:100%}.choose-dropdown .drop-menu{width:calc(100% + 2rem);display:none;position:absolute;top:100%;left:-1rem;z-index:11;list-style:none;border:1px solid #d2d2d2}.choose-dropdown .drop-menu.search{width:100%;max-height:15rem;overflow:auto;left:0}.choose-dropdown .drop-menu.search li{font-size:1rem;height:2rem;max-width:250px;cursor:pointer}.choose-dropdown li{border:1px solid #d2d2d2;height:2.5rem;width:100%;display:flex;justify-content:center;align-items:center;text-transform:capitalize}.choose-dropdown li:hover{background:red;border-color:#fff}.choose-dropdown:hover{z-index:10}.choose-dropdown:hover .drop-menu{display:block}.display-initial-value{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-transform:capitalize}.choose-dropdown.form{height:2.5rem;max-height:2.5rem}.choose-dropdown.form .display-initial-value{position:relative;background-color:transparent;color:#fff;width:100%;height:2.5rem;border:1px solid rgba(200,200,200,.7);cursor:text;font-size:1.1rem;padding:.5rem;border-radius:10px;cursor:pointer}.choose-dropdown.form .drop-menu{width:90%;left:5%}.choose-dropdown.form li{cursor:pointer}.min800{min-width:1230px}.defect-wrap{position:relative;overflow:auto;padding:10px 0;flex:1;display:flex;flex-direction:column;gap:10px}.addDefectWrap.modal-backdrop{z-index:300;align-items:center}.addDefectWrap.modal-backdrop .modal{padding:40px;border:1px solid white;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.addDefectWrap.modal-backdrop .modal-buttons{display:flex;justify-content:center;gap:20px}.addDefectWrap.modal-backdrop button{width:75px}.addDefectWrap.comment textarea{width:100%;font-size:1.1rem}.comments-wrap{flex:1;overflow:auto}.comment-item{background:#324054;padding:10px;border-radius:10px;display:flex;flex-direction:column;margin-bottom:1rem;gap:10px}.comment-item .comment-state{width:100%;display:flex;justify-content:space-between;padding:5px}.stock-btns-wrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;overflow:auto;padding:10px 0 60px}.stock-btns-wrap button{padding:10px 20px}.change-qty-popup{position:relative;border-radius:20px;width:90%;max-width:600px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:16px;background:#a1b2b2b3;max-height:calc(100vh - 80px);min-height:calc(100vh - 80px);padding:25px}.change-qty-popup h3{text-align:center;padding:10px 0}.change-qty-popup input[type=text]{position:relative;background-color:transparent;color:#fff;width:100%;height:2.5rem;border:1px solid rgba(200,200,200,.7);cursor:text;font-size:1.1rem;padding:.5rem;border-radius:10px}.change-qty-popup input[type=text]:focus-visible{outline:none;border:1px solid rgba(200,200,200,.7)}.change-qty-popup .qty{max-width:100px}.change-qty-popup .btn-wrap{width:100%}.change-qty-popup button{width:40%;min-width:100px}.change-qty-popup .qty-wrap{display:flex;justify-content:center;align-items:center;gap:20px}.change-qty-popup .qty-wrap span{transition:.5s;display:flex;height:2.5rem;width:2.5rem;border:1px solid white;justify-content:center;align-items:center;border-radius:10px;cursor:pointer}.newuser input[type=text],.newuser input[type=time]{position:relative;color:#fff;width:100%;height:2.5rem;cursor:text;font-size:1.1rem;padding:.5rem;border-radius:10px}.newuser input[type=text]:focus-visible,.newuser input[type=time]:focus-visible{outline:none}.newuser #inputtime{width:120px}.form-input-wrap label{margin-top:20px}.form-input-wrap input,.form-input-wrap label,.form-input-wrap .choose-dropdown.form{max-width:95%}.prodcheck-wrap{display:flex;justify-content:space-between;align-items:center;height:2.5rem;padding-left:3px;padding-right:10px}.prodcheck-wrap .product-name-wrap{display:flex;gap:5px}.prodcheck-wrap .prodcode{padding-right:5px;border-right:1px solid white}.prodcheck-wrap input[type=text]{position:relative;background-color:transparent;color:#fff;width:3.5rem;height:2rem;border:1px solid rgba(200,200,200,.7);cursor:text;font-size:1.1rem;padding:.5rem;border-radius:10px}.prodcheck-wrap input[type=text]:focus-visible{outline:none;border:1px solid rgba(200,200,200,.7)}.prodcheck-wrap .qty{max-width:100px}.prodcheck-wrap .qty-wrap{display:flex;justify-content:center;align-items:center;gap:10px}.prodcheck-wrap .qty-change-btn{transition:.5s;display:flex;height:2rem;width:2rem;border:1px solid white;justify-content:center;align-items:center;border-radius:10px;cursor:pointer}.prodcheck-wrap .form-submit-button-wrap{margin-top:auto}input[type=text].standard{position:relative;background-color:transparent;color:#fff;height:2rem;border:1px solid rgba(200,200,200,.7);cursor:text;font-size:1.1rem;padding:.5rem;border-radius:10px}input[type=text].standard:focus-visible{outline:none;border:1px solid rgba(200,200,200,.7)}.all-defects-wrap{display:flex;flex-direction:column;gap:10px}.add-small-defect-wrap{position:relative;display:flex;flex-direction:column;gap:10px;padding:15px 10px;border-radius:10px}.add-small-defect-wrap .icon.delete{position:absolute;top:10px;right:10px}.add-small-defect-wrap .icon.main{max-height:1.5rem;max-width:1.5rem;min-height:1.5rem;min-width:1.5rem}.add-new-defect-btn{max-width:200px;margin:0 auto}.location-option-wrap.multi-defect{position:relative;background:gray;width:90%;padding:20px;border-radius:20px}.vhi-title-menu.multi-defect{max-width:100%}.vhi-title-menu.multi-defect .mini-icon{max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem}.comment-wrap{position:relative}.comment-number{position:absolute;bottom:0;right:0;font-weight:700}.form{display:flex;flex-direction:column;flex-grow:1;align-items:center}.form .medium.btn-main{width:100%;max-width:80%;margin-top:auto}.probe-items-wrap{display:flex;gap:20px;padding-bottom:30px}.probe-item-wrap{max-height:-moz-min-content;max-height:min-content;display:flex;flex-direction:column;align-items:center;gap:3px}.probe-item-wrap input[type=text].standard{height:2.5rem;width:10rem}.probe-item-wrap .radio-wrap{display:flex;gap:20px;height:2.5rem;width:10rem;justify-content:center;align-items:center}.probe-item-wrap .radio-input-wrap{display:flex;gap:5px;justify-content:center;align-items:center;cursor:pointer}.choose-dropdown.probe{width:10rem}.choose-dropdown.probe .display-initial-value{height:2.5rem;width:10rem;background:gray;border:1px solid white;border-radius:10px}.choose-dropdown.probe .drop-menu{width:10rem;left:0;cursor:pointer}.label-photo{width:10rem;height:2.5rem;display:flex;justify-content:center;align-items:center;border:1px solid rgba(200,200,200,.7);border-radius:10px;cursor:pointer;transition:.5s}.label-photo~input{visibility:hidden;display:none}.form.delivery-check .probe-items-wrap,.probe-items-wrap.col{flex-direction:column}.double-group{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.food-temp-wrap{padding:5px;margin-bottom:20px}.food-temp-date{padding:10px;text-align:center}.food-temp-type{text-align:center;padding:15px;width:100%}.food-type-table-wrap{border:1px solid grey;margin-bottom:25px;display:flex;justify-content:center;flex-direction:column;align-items:center;overflow:auto}.tab-buttons{display:flex;flex-wrap:wrap;gap:20px;position:sticky;top:0;z-index:1}.line-through{position:relative}.line-through:after{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:1px;background:red}.add-defect-pics-wrap{display:flex;justify-content:center;overflow:hidden;flex-grow:1;flex-direction:column}.add-defect-pic{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;overflow:hidden}.modal-wrap{position:relative;max-width:400px;width:100%;padding:60px 30px;display:flex;flex-direction:column;gap:20px;margin-top:20px;background:#0006;border-radius:15px}.modal-wrap h2,.modal-wrap h3{font-weight:300}.modal-wrap h2{margin-bottom:20px}.modal-wrap span{font-weight:700;margin-left:20px}.chart-wrap{width:90%;max-width:600px;color:#00c49f;margin-bottom:40px}.budget-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center}.daypicker-footer{display:flex;justify-content:space-between;margin-top:10px}@media screen and (max-width: 1230px){.min800{min-width:1230px;max-width:1230px;width:1230px}}@media screen and (max-width: 650px){.full-app-menu{padding:20px 10px;width:100%}.full-app-menu .dashboard{gap:10px}.dash-title.long{font-size:1.5rem;text-align:center}.prodcheck-wrap{flex-direction:column;height:-moz-min-content;height:min-content;padding:10px;gap:10px}.product-name-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center}.product-name-wrap .prodcode{border:none}.location-option-wrap.multi-defect{width:100%}.location-option-wrap.multi-defect .button-wrap{gap:10px}.location-option-wrap.multi-defect .button-wrap button,.location-option-wrap.multi-defect .vhi-house{padding:6px 12px}.probe-items-wrap{flex-direction:column;gap:10px}.tab-buttons{gap:10px}.full-app-menu{border-radius:0;height:calc(100% - 80px)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#c8c8c81a;border-radius:10px}::-webkit-scrollbar-thumb{background:#c8c8c84d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}button{transition:.5s;border:none;box-shadow:none;cursor:pointer;padding:8px 16px;border-radius:10px}button.max-width{width:90%;max-width:600px}button.small{max-width:120px}.medium{height:2.5rem;padding:.75rem;border-radius:5px}.btn-main{background:#7bfff9}.icon.main{max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;cursor:pointer}.icon{max-height:1.5rem;max-width:1.5rem;min-height:1.5rem;min-width:1.5rem;width:1.5rem;transition:.5s}.mini-icon{height:1.5rem;width:1.5rem;color:#00f;cursor:pointer;transition:.5s}.mini-icon:hover{color:#66f;transform:scale(1.1)}.icon-text{min-height:1.1rem;min-width:1.1rem;height:1.1rem;width:1.1rem;color:#00f;cursor:pointer;transition:.5s}.icon-text:hover{color:#66f;transform:scale(1.1)}.icon-text.delete{color:#d05353}.icon-text.delete:hover{color:red}.icon.tabel.delete{height:1.1rem;color:red;cursor:pointer}.switch-btn{padding:10px 25px;background:#cbecea;border:1px solid rgb(0,174,166.0909090909);border-radius:10px}.switch-btn:hover,.switch-btn.active{background:#7bfff9}.close-modal{position:absolute;top:-8px;right:-8px;height:25px;width:25px;padding:0;border:2px solid black;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:rotate(45deg)}.form-submit-button-wrap{width:100%;display:flex;justify-content:center}.date-picker{z-index:100;top:100%;left:50%;transform:translate(-50%);position:absolute;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.date-picker .rdp-root{padding:10px;border-radius:5px}.date-picker #date{width:8rem;text-align:center}.date-date-picker{position:relative}.date-date-picker h2{text-align:center}@media screen and (max-width: 480px){.date-date-picker .rdp-button_next,.date-date-picker .rdp-button_previous,.date-date-picker .rdp-day_button,.date-date-picker .rdp-day{height:11vw;width:11vw;max-width:44px;max-height:44px}}.menu-bar{display:flex;justify-content:space-between;align-items:center;height:50px;min-height:50px;max-height:50px;width:100vw;padding:10px 20px}.menu-bar .mini-icon{height:1.5rem;width:1.5rem;color:#00f;cursor:pointer;transition:.5s}.menu-bar .mini-icon:hover{color:#66f;transform:scale(1.1)}.login{max-width:600px;width:90%;padding:30px;border-radius:20px;height:100%;max-height:450px;overflow:auto;display:flex;flex-direction:column}.login h1{margin-bottom:20px;text-align:center}.login-form{flex:1;display:flex;flex-direction:column;gap:10px;overflow:auto;max-height:100%;padding:30px 0}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{position:relative;background-color:transparent;color:#fff;width:100%;height:2.5rem;border:1px solid rgba(200,200,200,.7);cursor:text;font-size:1.1rem;padding:.5rem;border-radius:10px}.login-form input[type=email]:focus-visible,.login-form input[type=password]:focus-visible,.login-form input[type=text]:focus-visible{outline:none;border:1px solid rgba(200,200,200,.7)}.login-btn-wrap{display:flex;flex-direction:column;margin-top:auto}.login-title{position:relative}.login-title .icon{position:absolute;left:0;top:0;cursor:pointer}.dashboard{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap}.dash-item{position:relative;border:1px solid blue;padding:15px 10px;border-radius:10px;height:130px;width:140px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer}.dash-item h3{position:absolute;bottom:10px;left:0;width:100%;text-align:center}.dash-item .icon{min-height:60px;min-width:60px;max-height:60px;max-width:60px;height:60px;width:60px;color:#00f;transition:.5s}.dash-item:hover{transition:.5s;background:#09c3d6}.dash-item:hover .icon{transform:scale(1.2)}@media screen and (max-width: 650px){.dashboard{justify-content:center}}.vhi-dash{flex-direction:column;max-height:100%;overflow:hidden}.btn-wrap{display:flex;justify-content:center;align-items:center;gap:20px}.vhi-house{padding:10px 20px;border:1px solid blue;border-radius:10px;transition:.5s;cursor:pointer;width:100px;text-align:center;white-space:nowrap}.vhi-house:hover{background:#09b9f9}.floor{width:100%;padding:20px 0;border-bottom:1px solid grey}.floor-title{margin-bottom:20px}.floor-homes{display:flex;gap:20px;flex-wrap:wrap}.vhi-belt-view{width:100%;overflow:hidden;max-height:100%;flex:1;display:flex;flex-direction:column}.vhi-belt{flex:1;display:flex;flex-direction:row;width:200%;margin-left:0;transition:.5s;max-height:100%;overflow-x:hidden;overflow-y:auto}.vhi-belt-item{width:50%;max-height:100%;overflow:auto}.vhi-title-menu{display:flex;flex-direction:row;gap:20px;justify-content:space-between;padding:20px;align-items:center;width:100%;max-width:800px;margin-bottom:10px;border-radius:10px}.add-defect-wrap,.title-back-wrap{display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center}.add-defect-wrap .mini-icon,.title-back-wrap .mini-icon{min-width:2rem;min-height:2rem}.vhi-form{padding:20px;width:100%;max-width:800px}.vhi-form .icon-text{min-width:1.4rem;min-height:1.4rem}.main-check{font-weight:600;font-size:1.1rem;margin-bottom:5px;text-transform:capitalize}.check-details{display:none;position:absolute;top:100%;left:12px;background:#b9b8b8;border-radius:5px;padding:2px 5px;transition:.5s;z-index:100}.check{margin-bottom:16px}.check-item.col{display:flex;flex-direction:column;gap:5px}.check-item{padding-left:10px;position:relative;display:flex;gap:10px;margin-bottom:16px}.check-item label{display:flex}.check-item .icon-text{margin-left:8px}.check-item .icon-text:hover~.check-details{display:block}.check-item-question{position:relative;display:flex;justify-content:flex-start;align-items:center}.check-radio{display:flex;justify-content:flex-start;align-items:center;gap:10px}.addDefectWrap{height:100%;width:100vw;background:#1d1d1df2;position:fixed;top:0;left:0;z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:30px 5px}.addDefectForm{position:relative;border-radius:20px;width:90%;max-width:600px;display:flex;flex-direction:column;gap:16px;background:#a1b2b2b3;max-height:calc(100vh - 60px);min-height:calc(100vh - 60px);padding:25px}.addDefectForm textarea{width:100%;padding:5px;border-radius:5px;font-size:1.1rem}.addDefectForm .btn-main{align-self:flex-end;justify-self:flex-end}.delete-trash{position:absolute;top:5px;right:5px;background:#fff;color:red;border:none;width:35px;height:35px;cursor:pointer;border-radius:5px;padding:5px;border:1px solid red}.vhi-check-wrap{display:flex;flex-direction:column;max-height:100vh;overflow:hidden}.vhi-wrap{display:flex;flex-direction:column;max-height:100%;overflow:hidden}.house-check{position:relative;flex:1;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.vhi-form{flex:1;overflow:auto;border-radius:10px}.defects-added{width:100%}.defects-added h2{margin:10px 0}.issus-found{margin-top:20px}.issus-found ul{padding-left:30px;list-style:decimal}.issus-found li{margin-top:6px}.delects-list{margin-top:20px}.summary{flex:1;max-height:100%;overflow:auto;padding-bottom:35px}.defect-img-div{position:relative;width:calc(50% - 11px);height:auto}.defect-img-div img,.defect-img-div a{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;max-height:200px}@media screen and (max-width: 800px){.addDefectWrap{padding:15px 5px}.addDefectForm{max-height:calc(100vh - 30px);min-height:calc(100vh - 30px);width:96%;gap:10px;padding:20px 10px}.floor{padding-left:20px}}.table{width:100%}.table th{height:2.5rem;white-space:nowrap;padding:0 5px}.table tr{margin-top:.5rem}.table tr,.table td{height:2.5rem;cursor:pointer;padding:0 1rem}.table .center{text-align:center}.table.large th{height:3.5rem}.table.large tr{margin-top:.5rem;font-weight:700}.table.large tr,.table.large td{height:3rem;cursor:pointer;padding:0 1rem}.table{border-collapse:separate;background:transparent}.table td,.table th{border:none}.table th{background:#000000a6;background:#0a1223;color:#fff}.table th:hover,.table th:hover .table-icon{color:#00c8c8}.table tr{background:#14213d40}.table tr:nth-child(2n){background:#00000073}.table tr:hover{background:#007c7c}.register-user{width:90%;max-width:600px;margin:20px auto 0}.register-user h1{text-align:center}.addNewDefectWrap{width:96%;max-width:1200px;margin:30px auto 0;padding:20px;height:calc(100vh - 100px);border-radius:15px;display:flex;flex-direction:column}.addNewDefectWrap h2{text-align:center;margin-bottom:16px}.defect-progress{width:100%;display:flex;justify-content:center;align-items:center;gap:20px}.defect-progress button{padding:4px 36px;border:2px solid #609fa1}.defect-progress button.active{border:2px solid rgb(0,200,200);background:#70a9aa;color:#f6f6f6}.defect-view{margin-top:20px;overflow:hidden;height:100%}.location-option-wrap{width:100%;display:flex;flex-direction:column;gap:20px;height:100%}.button-wrap{width:100%;display:flex;flex-direction:row;justify-content:center;gap:20px}.button-wrap button:hover,.button-wrap button.active{background:#00c8c8}.slider-container{width:100%;overflow:hidden;position:relative;height:100%;flex:1}.slider{display:flex;transition:transform .5s ease-in-out;width:300%;height:100%}.slide{width:33.33%;height:100%;display:flex;flex-direction:column;overflow-y:scroll}.slide .floor-title{font-size:1.4rem;margin:16px 0}.slide .floor{display:flex;flex-wrap:wrap;gap:20px;padding:20px}.slide .vhi-house{width:-moz-min-content;width:min-content;border:none}.addNewDefectForm{position:relative;display:flex;flex-direction:column;gap:16px;padding:0 25px 25px;height:100%;overflow:auto}.addNewDefectForm textarea{width:100%;padding:5px;border-radius:5px;font-size:1.1rem}.search-wrap{display:flex;flex-direction:row;gap:3px;min-width:800px}.serch-input.checkbox{display:flex;flex-direction:row;padding:0 5px;gap:8px;justify-content:center;align-items:center}.serch-input{display:flex;flex-direction:column;padding:0 5px}.serch-input label{transition:.5s;font-size:.8rem}.serch-input input[type=text]{transition:.5s;background:pink;border:none;border-bottom:1px solid white}.full-app-menu.flex-column.report{flex-direction:row;justify-content:space-around}.full-app-menu.flex-column.report .recharts-wrapper{overflow:hidden}.pie-legend{display:flex;flex-direction:column;width:40%;justify-content:space-around;gap:15px}.pie-legend-item{width:100%}@media screen and (max-width: 650px){.full-app-menu.flex-column.report{flex-wrap:wrap}}.tabs-wrap{font-family:Arial,sans-serif}.tabs-head{display:flex;border-bottom:2px solid rgb(0,200,200);justify-content:center}.tab{width:20%;padding:10px 20px;cursor:pointer;border:1px solid #ddd;border-bottom:none;background-color:#141e32;text-align:center}.tab.active{background-color:#00c8c8;background-color:#00c3c34d;font-weight:700;border:2px solid rgb(0,200,200);color:#d1caca}.tabs-content{padding:20px;border:1px solid rgb(0,200,200);background-color:#fff}.tab-content{position:relative;display:none;min-height:calc(100% - 80px);max-height:calc(100% - 80px);overflow:auto}.tab-content.active{display:block;display:flex;flex-direction:column}.project{padding:15px}.project .icon{cursor:pointer}.project-title-wrap{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid rgb(0,200,200);padding:20px 0 8px}.project-title-wrap h3{display:inline-block}.project-title-wrap .project-actions{cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;gap:16px}.project-quotes{display:flex;flex-direction:column;align-items:end;border-bottom:1px solid rgb(0,200,200);padding-bottom:10px}.quote{display:flex;flex-direction:row;padding:5px;width:95%;border-top:1px solid rgb(0,123.5,123.5);position:relative}.quote-rejected{position:absolute;top:50%;width:99%;background:red;height:1px}.quote.suggested{background:#007c7c4d}.quote-contractor{flex:1;display:flex;align-items:center;text-align:center;justify-content:flex-start;padding-left:20px}.quote-price{width:130px;display:flex;justify-content:flex-end;align-items:center;text-align:right;padding-right:15px;border-right:1px solid white}.quote-document{display:flex;justify-content:center;align-items:center;padding:0 10px}.quote-action{width:200px;gap:10px;padding:0 10px;display:flex;justify-content:center;align-items:center;text-align:center}.quote-btn{background:#00c3c31a;border:1px solid rgb(0,200,200);color:#e9e2e2;transition:.5s}.quote-btn:hover{background:#00c3c34d}.detail-proj-wrap{flex:1;overflow:auto;padding-top:20px;display:flex;flex-wrap:wrap;flex-direction:row}.detail-proj-wrap h4,.detail-project-label{margin-bottom:10px}.detail-project-desc,.detail-proj-title{min-height:calc(100% - 80px);overflow:auto;display:flex;flex-direction:column;width:40%;padding:20px;min-width:200px;gap:30px}.detail-project-desc{width:60%}.detail-proj-title{border-right:1px solid white}.detail-proj-quote{padding:15px 10px;border-bottom:1px solid rgb(0,123.5,123.5);margin-bottom:10px;cursor:pointer}.detail-proj-quote:hover{background:#007c7c4d}.detail-proj-quote.active{background:#00afaf4d}.comment-text-box{width:100%;padding:5px;border-radius:5px;font-size:1rem;margin-bottom:10px}.ppm-panel-wrap{height:100%;max-height:100%;overflow:scroll;display:flex;flex-direction:column;gap:20px}.ppm-panel-wrap .top{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap}.ppm-panel-wrap .left,.ppm-panel-wrap .right{width:calc(50% - 12px);display:flex;flex-direction:column;gap:12px;align-items:flex-start}.ppm-panel-wrap .left span,.ppm-panel-wrap .left label,.ppm-panel-wrap .right span,.ppm-panel-wrap .right label{font-size:.8rem}.ppm-panel-wrap .left .panel-item,.ppm-panel-wrap .right .panel-item{display:flex;flex-direction:column;gap:5px;align-items:flex-start;min-width:180px}.ppm-panel-wrap .left .panel-item input,.ppm-panel-wrap .right .panel-item input{width:100%}.ppm-panel-wrap .left .panel-item .choose-dropdown.form,.ppm-panel-wrap .right .panel-item .choose-dropdown.form{height:2rem}.ppm-panel-wrap .left .panel-item .display-initial-value,.ppm-panel-wrap .right .panel-item .display-initial-value{width:100%;height:1.8rem;border-radius:5px}.ppm-panel-wrap input:disabled,.ppm-panel-wrap textarea:disabled{font-size:1.2rem;background:transparent;border:none}.file-list{margin-top:20px}.file-list .file-item{margin-top:10px;max-width:95%;display:flex;justify-content:space-between;align-items:center}.file-list .file-item input[type=text]{height:1.5rem;width:80%}.file-list .file-item span{font-size:1rem}.form-item{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.form-item span,.form-item label{font-size:.8rem;padding-left:6px}.form-item input{padding:4px;border-radius:5px}.form-item input:disabled,.form-item textarea:disabled{font-size:1.2rem;background:transparent;border:none}.form-item input.full-width,.form-item textarea.full-width{width:90%}#inputtime{width:80px;text-align:center}.form-double{display:flex;justify-content:flex-start;gap:10px}.form-double-item{display:flex;flex-direction:column;gap:10px}.handover-top-wrap{display:flex;flex-direction:column;position:relative}.handover-top-wrap h3{text-align:center}.handover-top-wrap .icon.main.today{position:absolute;top:0;right:10px}.handver-top-days{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:10px 0 20px;border-bottom:1px solid grey}.handver-top-days .icon{width:40px}.handover-day{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;cursor:pointer}.handover-day span{width:35px;height:35px;display:flex;justify-content:center;align-items:center}.handover-day .hdate{font-weight:700;font-size:1.2rem}.handover-day .active{border-radius:50%;background:#00c8c8}.date-picker.addhandover{top:2.5rem;border:1px solid white;border-radius:5px;z-index:1000}.group-icon{display:flex;justify-content:center;align-items:center;text-transform:capitalize}.group-icon .icon.main{margin-right:10px;max-height:1.5rem;max-width:1.5rem;min-height:1.5rem;min-width:1.5rem}table .group-icon{justify-content:start}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-font-family: system-ui;--rdp-day-font: inherit;--rdp-day-height: 2.75rem;--rdp-day-width: 2.75rem;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: var(--rdp-day-width);--rdp-day_button-width: var(--rdp-day-height);--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-selected-font: bold large var(--rdp-font-family);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-month_caption-font: bold larger var(--rdp-font-family);--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-font: normal medium var(--rdp-font-family);--rdp-range_middle-foreground-color: white;--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-font: 400 small var(--rdp-font-family);--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-font: 500 smaller var(--rdp-font-family);--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);font:var(--rdp-day-font);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_previous:disabled{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font:var(--rdp-month_caption-font)}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font:var(--rdp-weekday-font);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font:var(--rdp-week_number-font);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font:var(--rdp-selected-font)}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color);font:var(--rdp-range_middle-font)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}.loading{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#7fffd4b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000}.lds-dual-ring{display:inline-block;width:80px;height:80px;transform:translate(0)}.lds-dual-ring.center{transform:translate(6rem)}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;border-radius:50%;border:6px solid #ff0000;border-color:#e20f0f transparent #f51212 transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}