@media only screen and (max-width:736px){.mobile{display:block}.desktop{display:none}.tablet{display:none}}@media only screen and (min-width:736px) and (max-width:1200px){.tablet{display:block}.desktop{display:none}.mobile{display:none}}@media only screen and (min-width:1200px){.desktop{display:block}.tablet{display:none}.mobile{display:none}}md-sidenav,md-sidenav.md-closed.md-locked-open-add-active,md-sidenav.md-locked-open{min-width:320px!important;width:70vw!important;max-width:300px!important}.timeline{position:relative;padding:10px 0 10px;list-style:none}.timeline>li{position:relative;margin-bottom:20px}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li>.timeline-panel{float:right;position:relative;width:40%;padding:20px;border:1px solid #d4d4d4;border-radius:2px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.175);box-shadow:0 1px 6px rgba(0,0,0,.175)}.timeline>li>.timeline-panel:before{content:" ";display:inline-block;position:absolute;top:26px;right:-15px;border-top:15px solid transparent;border-right:0 solid #ccc;border-bottom:15px solid transparent;border-left:15px solid #ccc}.timeline>li>.timeline-panel:after{content:" ";display:inline-block;position:absolute;top:27px;right:-14px;border-top:14px solid transparent;border-right:0 solid #fff;border-bottom:14px solid transparent;border-left:14px solid #fff}.timeline-badge1{top:16px;left:0;width:50px;height:50px;margin-left:30px;border-radius:50% 50% 50% 50%;text-align:center;font-size:1.4em;line-height:45px;color:#fff;background-color:#fff}.timeline-badge3{top:16px;left:0;margin-left:10px;border-radius:50% 50% 50% 50%;text-align:center;font-size:1.4em;line-height:70px;color:#fff;background-color:#fff}.timeline-badge4{top:16px;left:0;margin-left:30px;border-radius:50% 50% 50% 50%;text-align:center;font-size:1.4em;line-height:45px;color:#fff;background-color:#fff}.timeline>li>.timeline-badge{z-index:100;position:absolute;top:16px;left:0;width:50px;height:50px;margin-left:-60px;border-radius:50% 50% 50% 50%;text-align:center;font-size:1.4em;line-height:45px;color:#fff;background-color:#fff}.timeline>li>.timeline-badge2{z-index:100;position:absolute;top:16px;right:0;width:50px;height:50px;margin-right:-60px;border-radius:50% 50% 50% 50%;text-align:center;font-size:1.4em;line-height:45px;color:#fff;background-color:#fff}.timeline>li.timeline-inverted>.timeline-panel{float:left}.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline-badge.primary{background-color:#2e6da4!important}.timeline-badge.success{background-color:#3f903f!important}.timeline-badge.warning{background-color:#f0ad4e!important}.timeline-badge.danger{background-color:#d9534f!important}.timeline-badge.info{background-color:#5bc0de!important}.timeline-title{margin-top:0;color:inherit}.timeline-body>p,.timeline-body>ul{margin-bottom:0}.timeline-body>p+p{margin-top:5px}@media (max-width:767px){ul.timeline:before{left:40px}ul.timeline>li>.timeline-panel{width:calc(100% - 90px);width:-moz-calc(10%);width:-webkit-calc(10%)}ul.timeline>li>.timeline-badge{top:16px;left:15px;margin-left:0}ul.timeline>li>.timeline-panel{float:right}ul.timeline>li>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}ul.timeline>li>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}}.hero-image{background-image:url("../img/pannteabg.png");background-color:#ccc;height:500px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.hero-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}hgroup{text-align:center;margin-top:4em}h1,h3{font-weight:300}h2{font-weight:500;font-size:35px}h1{color:#636363}h2{color:#fff}h3{color:#4a89dc}footer{text-align:center}footer p{font-size:13px;letter-spacing:.4px}footer a{color:#4a89dc;font-size:14px;text-decoration:none;transition:all .2s ease}footer a:hover{color:#666;text-decoration:underline}footer img{width:80px;transition:all .2s ease}footer img:hover{opacity:.83}footer a:focus,footer img:focus{outline:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.intro{max-width:1280px;margin:1em auto}.table-scroll{position:relative;width:100%;z-index:1;margin:auto;overflow:auto;height:600px}.table-scroll table{width:100%;min-width:1280px;margin:auto;border-collapse:separate;border-spacing:0}.table-wrap{position:relative}.table-scroll td,.table-scroll th{padding:5px 10px;border:1px solid #f8f8f8;vertical-align:top}.table-scroll thead th{position:-webkit-sticky;position:sticky;top:0}th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:2}tfoot th:first-child,thead th:first-child{z-index:5}.radio-button{margin-right:10px}.radio-button:last-child{margin-right:0}.md-sidemenu-group:has(.open) .md-sidemenu-toggle md-icon:not(.ng-binding){transform:rotate(180deg)}.md-sidemenu-group:has(.open) .md-sidemenu-wrapper{opacity:1;margin-top:0}.md-sidemenu-group:not(:has(.open)) .md-sidemenu-toggle md-icon:not(.ng-binding){transform:rotate(0)}.md-sidemenu-group:not(:has(.open)) .md-sidemenu-wrapper{opacity:0;margin-top:-200vh}.md-toast-backdrop{z-index:100000!important}.md-toast,md-toast{z-index:100001!important}body{padding-top:50px;font-family:Inter,sans-serif;background-color:#f0f2f5;color:#495057}body.login-body{padding-top:0!important;overflow:hidden!important}.login-body html{height:100%;overflow:hidden!important}.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20;vertical-align:middle;line-height:1;font-size:16px}.navbar-inverse{background-color:#1f4265;border-color:#23272b;border-radius:0}.navbar-inverse .navbar-brand{color:#f8f9fa;display:flex;align-items:center;padding-top:0!important;padding-bottom:0!important;height:50px}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff}.navbar-brand img{height:28px;margin-right:10px;border-radius:4px}.navbar-brand span{font-weight:600}.navbar-inverse .navbar-nav>li>a{color:#ced4da;display:flex;align-items:center;padding-top:10px;padding-bottom:10px}.navbar-inverse .navbar-nav>li>a .material-symbols-outlined{margin-right:8px;font-size:18px}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:#495057}.navbar-inverse .navbar-nav>.active:not(.dropdown)>a,.navbar-inverse .navbar-nav>.active:not(.dropdown)>a:focus,.navbar-inverse .navbar-nav>.active:not(.dropdown)>a:hover{background-color:#007bff;color:#fff}.navbar-inverse .navbar-nav>.dropdown>a .caret{margin-left:5px}.navbar-nav .dropdown-menu{border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #ddd;background-color:#343a40;font-size:1em;min-width:250px}.navbar-nav .dropdown-menu>li>a{display:flex;align-items:center;color:#ced4da;padding:8px 20px;white-space:nowrap;cursor:pointer}.navbar-nav .dropdown-menu>li>a .material-symbols-outlined{margin-right:8px;font-size:16px}.navbar-nav .dropdown-menu>li>a:focus,.navbar-nav .dropdown-menu>li>a:hover{background-color:#007bff;color:#fff!important}.navbar-nav .dropdown-menu>li.active>a .material-symbols-outlined,.navbar-nav .dropdown-menu>li>a:hover .material-symbols-outlined{color:#fff!important}.navbar-nav .dropdown-menu>li.active>a{background-color:#0069d9;color:#fff!important}.navbar-nav .dropdown-menu .divider{background-color:#495057}.user-info-dropdown .dropdown-header.user-info-header{padding:10px 15px;color:#f0f2f5;white-space:normal;line-height:1.4}.user-info-dropdown .dropdown-header.user-info-header strong{color:#fff}.user-info-dropdown .user-detail-item{font-size:.9em;color:#adb5bd;margin-top:3px}.navbar-nav .dropdown-submenu{position:relative}.navbar-nav .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-1px;margin-left:-1px;border-radius:0 6px 6px 6px}.navbar-nav .dropdown-submenu.open>.dropdown-menu{display:block}.navbar-nav .dropdown-submenu>a>.caret-right-custom.material-symbols-outlined{margin-left:auto;font-size:16px;line-height:inherit}.navbar-nav .dropdown-submenu>a{cursor:pointer}.navbar-nav>.user-avatar-dropdown>a.dropdown-toggle{padding-top:10px!important;padding-bottom:10px!important;display:flex;align-items:center;cursor:pointer}.user-avatar-img{width:30px;height:30px;border-radius:50%;margin-right:8px;object-fit:cover;background-color:#6c757d}.sidebar-toggle-btn-desktop{float:left;margin-left:0;margin-right:10px;margin-top:8px;margin-bottom:8px;padding:0;background-color:transparent;border:none;color:#ced4da;border-radius:4px;width:34px;height:34px;line-height:34px;text-align:center}.sidebar-toggle-btn-desktop:focus,.sidebar-toggle-btn-desktop:hover{background-color:#495057;color:#fff}.sidebar-toggle-btn-desktop .material-symbols-outlined{font-size:19px;vertical-align:middle}@media (min-width:992px){.sidebar{position:fixed;top:51px;bottom:0;left:0;z-index:1000;width:230px;padding:15px;overflow-x:hidden;overflow-y:auto;background-color:#fff;border-right:1px solid #dee2e6;box-shadow:2px 0 5px rgba(0,0,0,.05);transition:width .3s ease-in-out,padding .3s ease-in-out}.sidebar.collapsed{width:0!important;padding-left:0!important;padding-right:0!important;overflow:hidden!important;border-right:none!important;box-shadow:none!important}}@media (min-width:768px) and (max-width:991px){.sidebar{position:fixed;top:51px;bottom:0;left:0;z-index:1000;width:200px;padding:15px;overflow-x:hidden;overflow-y:auto;background-color:#fff;border-right:1px solid #dee2e6;box-shadow:2px 0 5px rgba(0,0,0,.05);transition:width .3s ease-in-out,padding .3s ease-in-out}.sidebar.collapsed{width:0!important;padding-left:0!important;padding-right:0!important;overflow:hidden!important;border-right:none!important;box-shadow:none!important}}.nav-sidebar-header{padding:10px 15px 5px 15px;font-size:.9em;font-weight:600;color:#869099;text-transform:uppercase;letter-spacing:.5px;margin-top:10px}.nav-sidebar-header:first-child{margin-top:0}.nav-sidebar{margin-right:-15px;margin-bottom:15px;margin-left:-15px}.nav-sidebar>li>a{padding:12px 15px;color:#495057;border-radius:6px;margin:2px 0;font-weight:500;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;white-space:nowrap;cursor:pointer}.nav-sidebar>li>a .material-symbols-outlined{margin-right:10px;font-size:18px}.nav-sidebar>li>a:focus,.nav-sidebar>li>a:hover{text-decoration:none;background-color:#e9ecef;color:#007bff}.nav-sidebar>.active>a,.nav-sidebar>.active>a:focus,.nav-sidebar>.active>a:hover{color:#fff;background-color:#007bff}.nav-sidebar>.active>a .material-symbols-outlined,.nav-sidebar>li>a:hover .material-symbols-outlined{color:inherit}.nav-sidebar>li>a>.expand-icon.material-symbols-outlined{transition:transform .3s ease;margin-left:auto;margin-right:0}.nav-sidebar>li>a[aria-expanded=true]>.expand-icon.material-symbols-outlined{transform:rotate(180deg)}.nav-sidebar-submenu{padding-left:0;list-style:none;background-color:#f8f9fa;border-radius:6px;margin-top:5px;padding-bottom:5px}.nav-sidebar-submenu>li>a{padding:8px 15px 8px 30px;font-size:.95em;color:#495057;display:flex;align-items:center;white-space:nowrap}.nav-sidebar-submenu>li>a .material-symbols-outlined{margin-right:8px;font-size:16px}.nav-sidebar-submenu>li>a:focus,.nav-sidebar-submenu>li>a:hover{background-color:#e0e7ff;color:#0056b3}.nav-sidebar-submenu>.active>a,.nav-sidebar-submenu>.active>a:focus,.nav-sidebar-submenu>.active>a:hover{color:#0056b3!important;background-color:#cce5ff!important;font-weight:600}.nav-sidebar-submenu>.active>a .material-symbols-outlined,.nav-sidebar-submenu>li>a:hover .material-symbols-outlined{color:inherit}.mobile-menu-section-header{padding:8px 15px;color:#999;font-weight:700;font-size:.9em;text-transform:uppercase;background-color:#2b2e31}.mobile-menu-section-header span{display:block}.navbar-nav .dropdown-menu .mobile-menu-section-header a{color:#999!important;background-color:transparent!important;cursor:default!important}.main-content{transition:margin-left .3s ease-in-out;padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:10px;margin-top:10px}@media (min-width:992px){.main-content.with-sidebar{margin-left:calc(230px + 1px)}.main-content.without-sidebar{margin-left:1px}.main-content{padding:10px}}@media (min-width:768px) and (max-width:991px){.main-content.with-sidebar{margin-left:calc(200px + 1px)}.main-content.without-sidebar{margin-left:1px}.main-content{padding:10px}}@media (max-width:767px){.main-content{margin-left:0;padding:10px}}.page-header{border-bottom:1px solid #d6b5b5;margin-top:0;margin-bottom:20px;padding-bottom:10px}.page-header h2{color:#343a40;font-weight:600;display:flex;align-items:center;font-size:19px}.page-header h2 .material-symbols-outlined{margin-right:8px;color:#007bff;font-size:21px}.content-card{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 .5rem 1rem rgba(0,0,0,.075)!important;margin-bottom:15px}.content-card h2{margin-top:0;color:#007bff;font-weight:600;font-size:1.5em}.panel{border-radius:8px;box-shadow:0 .25rem .75rem rgba(0,0,0,.05);border:1px solid #ddd}.panel-heading{border-top-left-radius:7px;border-top-right-radius:7px;font-weight:500;display:flex;align-items:center;padding:10px 15px}.panel-heading .material-symbols-outlined{margin-right:8px;font-size:16px}.panel-primary>.panel-heading{background-color:#007bff;border-color:#007bff;color:#fff}.panel-info>.panel-heading{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.panel-success>.panel-heading{background-color:#28a745;border-color:#28a745;color:#fff}.panel-warning>.panel-heading{background-color:#ffc107;border-color:#ffc107;color:#212529}.panel-footer{border-bottom-left-radius:7px;border-bottom-right-radius:7px;background-color:#f8f9fa;border-top:1px solid #ddd;padding:10px 15px}.btn{border-radius:50px;padding:8px 18px;font-weight:500;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;font-size:1em}.btn .material-symbols-outlined{margin-right:5px;font-size:14px}.btn .material-symbols-outlined:only-child{margin-right:0}.btn-primary{background-color:#007bff;border-color:#007bff}.btn-primary:focus,.btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.btn-lg{padding:12px 24px;font-size:1.1em}.btn-lg .material-symbols-outlined{font-size:16px}.btn-xs{font-size:.85em;padding:3px 10px}.btn-xs .material-symbols-outlined{font-size:13px;margin-right:3px}.table{margin-bottom:0;font-size:1em}.table-hover tbody tr:hover{background-color:#f1f3f5}.table>thead>tr>th{border-bottom-width:2px;font-weight:600;color:#495057;padding:10px 8px}.table>tbody>tr>td{padding:10px 8px;vertical-align:middle}.label{border-radius:.25em;font-weight:500;padding:.3em .6em .3em;font-size:.9em}.label-success{background-color:#28a745}.label-warning{background-color:#ffc107;color:#212529}.label-danger{background-color:#dc3545}.label-info{background-color:#17a2b8}.navbar-header::after{content:"";clear:both;display:table}.login-container-wrapper{display:flex;align-items:stretch;height:100vh;width:100vw;position:relative}.login-company-logo{position:absolute;top:30px;left:30px;z-index:10;display:flex;align-items:center}.login-company-logo img{height:35px;margin-right:12px;border-radius:4px}.login-company-logo span{font-size:1.5em;font-weight:600;color:#fff}.login-image-section{flex-basis:50%;background-image:url('../img/illustration-dashboard.webp');background-size:contain;background-repeat:no-repeat;background-position:center center;position:relative;display:flex;align-items:center;justify-content:center;background-color:#1c388c}.login-image-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.2);z-index:1}.login-image-section .login-company-logo{z-index:2}.login-form-section{flex-basis:50%;display:flex;justify-content:center;align-items:center;padding:40px;background-color:#f8eded;flex-direction:column;overflow-y:auto}.login-form-inner-container{width:100%;max-width:400px;display:flex;flex-direction:column}.login-form-content{margin-bottom:auto}.login-form-container h2{font-size:2em;font-weight:600;color:#333;margin-bottom:10px;text-align:center}.login-form-container .welcome-text{font-size:1.1em;color:#6c757d;margin-bottom:30px;text-align:center}.login-form-section .form-group{margin-bottom:20px}.login-form-section .input-group-addon{background-color:#f8f9fa;border:1px solid #ced4da;border-right:none;border-radius:50px 0 0 50px!important;padding:6px 12px;color:#495057}.login-form-section .input-group-addon .material-symbols-outlined{font-size:14px}.login-form-section .form-control{height:48px;border-radius:0 50px 50px 0!important;border-left:none;box-shadow:none;border-color:#ced4da;font-size:1.1em}.login-form-section .form-control:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.login-btn{background-color:#007bff;border-color:#007bff;color:#fff;padding:12px 20px;font-size:1.2em;font-weight:500;border-radius:50px;transition:background-color .2s ease;width:100%;display:flex;align-items:center;justify-content:center}.login-btn .material-symbols-outlined.login-spinner{margin-left:8px;font-size:1em;animation:spin 1s linear infinite}.login-btn:focus,.login-btn:hover{background-color:#0056b3;border-color:#0056b3;color:#fff}.login-options{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:.9em}.login-options .checkbox label{font-weight:400;color:#6c757d}.login-options a{color:#007bff;text-decoration:none}.login-options a:hover{text-decoration:underline}.login-error-message{margin-top:15px;padding:10px;font-size:.95em;border-radius:6px}.login-footer{width:100%;margin-top:auto;padding-top:20px;padding-bottom:20px;text-align:center;font-size:.85em;color:#6c757d}.login-footer p{margin-bottom:5px}.login-footer a{color:#007bff;text-decoration:none}.login-footer a:hover{text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:767px){body.login-body{overflow:auto!important}.login-container-wrapper{flex-direction:column;height:auto;min-height:100vh}.login-image-section{flex-basis:auto;height:200px;min-height:150px;order:1}.login-image-section .login-company-logo span{color:#fff}.login-form-section{flex-basis:auto;padding:20px;order:2}.login-form-inner-container{margin-top:20px;margin-bottom:20px;justify-content:flex-start}.login-company-logo{top:15px;left:15px}.login-form-container h2{font-size:1.8em}.login-footer{padding-top:15px;padding-bottom:15px;font-size:.8em;margin-top:20px}}