.top-header{position:relative;display:flex;justify-content:space-between;align-items:center;height:60px;width:100vw;background-color:var(--header-color);padding-inline:32px}.top-header .redirect-button{height:fit-content;margin-right:12px!important}.top-header .user-container{display:flex;align-items:center}.top-header .user-container.hide{opacity:0}.top-header .user-container p,.top-header .user-container svg{font-weight:700;margin:0}.top-header .user-container p{color:var(--text-color-white);display:flex;align-items:center;font-size:16px}.top-header .user-container svg{fill:var(--text-color-white)}.top-header .user-container>svg{font-size:32px;margin-right:16px}.top-header .user-container .notification-icon-container>svg{font-size:32px}.top-header .list-container{height:fit-content}.top-header:has(.notification-icon-container) .dropdown-container{padding-top:12px!important}.top-header .notification-icon-container{width:fit-content;margin-right:16px;padding:12px;position:relative;cursor:pointer}.top-header .notification-icon-container .list-placeholder{position:absolute;width:40px;height:20px;display:flex}.top-header .notification-icon-container:hover .notification-list{display:block}.top-header .notification-icon-container:has(.number){cursor:pointer}.top-header .notification-icon-container .notification-list{display:none;position:absolute;z-index:100;left:50%;transform:translate(-62%);background-color:var(--white-color);width:400px;padding:16px;margin-top:0;box-shadow:0 0 4px var(--grey-color);max-height:none;top:100%;margin-right:0}.top-header .notification-icon-container .number{position:absolute;color:var(--white-color);bottom:0;left:50%;top:50%;background-color:var(--red-color);padding:2px 2px 1px;border-radius:100px;aspect-ratio:1;height:1.25rem;text-align:center;font-size:.85rem;font-weight:600;line-height:1rem}.top-header .logo-container{display:flex;align-items:center;cursor:pointer}.top-header .logo-container .logo{height:48px;max-width:150px;object-fit:contain}.top-header .logo-container p{margin-left:12px;font-size:16px;font-weight:700;color:var(--white-color)}.top-header .redirect-items{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:24px;margin-block:auto}.top-header .redirect-items>div{font-size:16px;font-weight:700;color:var(--lighter-grey-color);margin:0;cursor:pointer;padding-bottom:4px;padding-top:6px}.top-header .redirect-items>div.active{color:var(--text-color-white);border-bottom:2px solid var(--text-color-white);cursor:initial}.header-dropdown-container{display:flex;align-items:center;position:relative;z-index:100;cursor:pointer}.header-dropdown-container .name-container{display:flex;align-items:center;justify-content:space-between;min-width:100px}.header-dropdown-container svg{font-size:24px}.header-dropdown-container .dropdown-container{position:absolute;top:100%;padding-top:14px;width:100%;z-index:100}.header-dropdown-container .dropdown-container div{position:relative;padding:16px;background-color:var(--header-color);color:var(--text-color-white);font-weight:700;z-index:101}.header-dropdown-container .dropdown-container div:not(:last-child){border-bottom:1px solid var(--dark-grey-color)}.header-dropdown-container .dropdown-container div:hover{background-color:var(--lighter-grey-color)}.notification-list-item{align-items:center;height:65px;cursor:pointer;position:relative;transition:background-color .2s ease-in-out;border-right:3px solid var(rgba(0, 0, 0, .637) 0, 0, 0, .637)}.notification-list-item:hover{background-color:#f4f4f4}.notification-content{display:flex;flex-direction:row;align-items:center;width:100%}.notification-header{display:flex;align-items:center;gap:7px;margin-top:-50px!important}.unread-icon{color:#1fa2d6;transform:translateY(-15px);margin-top:40px!important;margin-left:10px!important}.low-alert-icon{color:#2a62b4}.high-alert-icon{color:#e6d602}.critical-alert-icon{color:red}.title{font-weight:700;font-size:16px!important;color:var(--darker-green-color)!important;white-space:nowrap!important}.description-container{font-size:1rem;color:#000;margin-top:15px;margin-left:25px;white-space:nowrap}.timestamp{font-size:1rem;color:gray;position:absolute;margin-left:290px!important;margin-top:-70px!important;flex-direction:column!important;text-align:center;gap:2px}.date,.time{font-size:.9rem}.custom-modal .content{min-height:250px;min-width:200px}.modal-content{text-align:left}.description{text-align:left!important;font-size:16px;color:#000;font-weight:400}.modal-steps{text-align:left;padding-left:20px;list-style-type:disc}.modal-steps li{text-align:left;font-size:16px;color:#000;font-weight:400;margin-bottom:0}.notification-alert-icon{color:#e6d602}.flex-btn{display:flex;justify-content:space-between;align-items:flex-start;width:94%}.right-buttons{border:#f9f9f9;margin-right:-40px;display:flex;gap:10px}.delete-btn{border:#ddd!important;margin-left:-180px;background-color:#f15555!important;color:#fff!important}.PrimaryButton,.SecondaryButton{padding:10px 20px;font-size:16px;border-radius:5px}.garbage-icon{position:relative;bottom:65px;left:350px;font-size:18px;color:#1fa2d6;cursor:pointer}.garbage-icon:hover{color:#c9302c}.see-more-link{color:#007bff;text-decoration:underline;cursor:pointer}.see-more-link:hover{color:#0056b3}.status-container{position:absolute;top:14px;right:20px;display:flex;align-items:center;gap:5px;font-weight:700}.alert-switch{position:relative;bottom:1px;left:5px}.priority-container{color:red;font-weight:700;white-space:nowrap;font-size:12px;margin-left:-115px;margin-bottom:-25px;bottom:200px}.disclaimer{text-align:center;font-style:italic;color:red;margin-top:10px}.switch-unavailable{pointer-events:none}.fade{opacity:.3}.switch-wrapper,.switch-wrapper-simple{display:flex;align-items:center}.switch-container{display:flex;align-items:center;padding-block:12px}.switch-container #info-icon{display:block!important}.switch-container .label-container{width:60%}.switch-container:has(.label-container) .switch-wrapper{margin-left:auto}.switch-container #info-icon{margin-left:10px}.switch{position:relative;display:inline-block;width:65px;height:30px}.switch input{opacity:0;width:0;height:0}.switch input:disabled~.slider{opacity:.5;cursor:initial}.switch .slider.round,.switch .slider-pending-status.round{border-radius:34px}.switch .slider:before,.switch .slider-pending-status:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.switch .slider.round:before,.switch .slider-pending-status.round:before{border-radius:50%}.switch input:checked+.slider:before,.switch input:checked+.slider-pending-status:before{-webkit-transform:translateX(36px);-ms-transform:translateX(36px);transform:translate(36px)}.switch .slider .on-text,.switch .slider .off-text{position:absolute;top:50%;font-weight:600;transform:translateY(-50%);color:var(--white-color);font-size:18px;line-height:13px;vertical-align:text-top;margin:0}.switch .slider .on-text{left:6px}.switch .slider .off-text{right:10px}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--grey-color);-webkit-transition:.4s;transition:.4s}.switch input:checked+.slider{background-color:var(--uielements-color)}.switch input:focus+.slider{box-shadow:0 0 1px var(--grey-color)}.page,.tab-menu>.tab{padding-inline:56px;padding-bottom:64px;padding-top:24px}.dashboard,.services{gap:16px}.dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:368px}.services{display:grid;grid-template-columns:repeat(2,1fr);height:100%}.cssgrid-1x1{grid-row:span 1;grid-column:span 1}.cssgrid-2x1{grid-row:span 1;grid-column:span 2}.cssgrid-3x1{grid-row:span 1;grid-column:span 3}.cssgrid-1x2{grid-row:span 2;grid-column:span 1}.cssgrid-2x2{grid-row:span 2;grid-column:span 2}.cssgrid-3x2{grid-row:span 2;grid-column:span 3}.cssgrid-1x3{grid-row:span 3;grid-column:span 1}.cssgrid-2x3{grid-row:span 3;grid-column:span 2}.cssgrid-3x3{grid-row:span 3;grid-column:span 3}@media only screen and (max-width: 360px){.page,.tab-menu>.tab{width:360px}}@media only screen and (max-width: 648px){.page,.tab-menu>.tab{padding-inline:16px}.dashboard,.services{gap:12px}.services,.dashboard{grid-template-columns:repeat(1,1fr)}.dashboard>div{pointer-events:none}.dashboard .cssgrid-2x1,.dashboard .cssgrid-3x1,.dashboard .cssgrid-2x2,.dashboard .cssgrid3x2,.dashboard .cssgrid3x3{grid-column:span 1}}@media only screen and (min-width: 649px) and (max-width: 1100px){.page,.tab-menu>.tab{padding-inline:24px}.dashboard{grid-template-columns:repeat(2,1fr)}.services{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width: 1101px) and (max-width: 1600px){.page,.tab-menu>.tab{padding-inline:32px}}@media only screen and (min-width: 1921px){.ui.active.bottom.tab:has(.dashboard),.ui.active.bottom.tab:has(.services){display:flex}.dashboard,.services{margin-inline:auto}.dashboard{grid-template-columns:repeat(3,592px)}.services{grid-template-columns:repeat(2,896px)}}.tab-menu>.tabular.menu{padding-inline:12px;margin-top:12px;border-bottom:none;min-height:0!important}.tab-menu>.tabular.menu a{border:none!important;padding:8px 16px!important;font-weight:600}.tab-menu>.tabular.menu a.active{background-color:var(--page-background-color)!important}.tab-menu>.tab{background-color:var(--page-background-color);min-height:calc(100vh - 104px)}.customer-detail-container{display:flex;flex-direction:column}.customer-detail-container .default-input,.customer-detail-container .dropdown-with-list-and-text,.customer-detail-container .multi-input-wrapper{padding-bottom:0}.customer-detail-container .default-input #info-icon,.customer-detail-container .dropdown-with-list-and-text #info-icon,.customer-detail-container .multi-input-wrapper #info-icon{display:none}.customer-detail-container .user-icon{font-size:32px;fill:var(--uielements-color);margin-right:8px}.customer-detail-container .submit-button{padding-inline:48px;background-color:var(--green-color);color:var(--white-color)}.customer-detail-container .ui.bottom.attached.segment.active.tab>div{height:100%}.customer-detail-container h3{font-size:18px;color:var(--titles-color)!important;font-weight:600}.customer-detail-form-container{max-width:683px;height:100%;background-color:var(--white-color);overflow:hidden}.customer-detail-form-container button{margin-top:10px}.customer-detail-form-container .ui.form{font-size:1.2rem}.customer-detail-form-container>*:first-child{margin:10px 0}.customer-detail-form-container>hr{border-top:2px solid var(--lighter-grey-color)}.customer-detail-form-container>.ui.form{width:100%!important;margin:0!important}.customer-detail-form-container .ui.form .field{margin:0!important}.customer-detail-form-container .ui.selection.dropdown{min-height:0}.customer-details{width:100%;margin-top:12px;padding-inline:12px}.customer-details>.flex1-row>.field{width:65%!important}.m-py-bottom{margin-bottom:1rem}