.page-title{font-size:20px;font-weight:600;margin-bottom:20px}.search-btn,.search-btn:focus,.search-input,.search-input:focus{outline:none;box-shadow:none}.search-dropdown{display:flex;flex-direction:column;position:absolute;background:#fff;padding:10px;box-shadow:0 0 10px rgba(0,0,0,.2);width:300px}.search-dropdown li{padding:10px;cursor:pointer;text-align:start;border-bottom:1px solid #ccc}.search-dropdown li:hover{background:#f1f1f1!important}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1}.side-menu{display:flex;flex-direction:column;width:22%;background:#f3f3f3;height:calc(100vh - 4rem);position:-webkit-sticky;position:sticky;left:0;box-shadow:0 0 10px rgba(0,0,0,.2);transition:width .3s ease}.side-menu.collapsed{width:80px}.tabs{display:flex;align-items:center;gap:20px;padding:16px;margin:10px 20px;background:#fff;border-radius:12px;transition:all .3s ease;justify-content:flex-start}.side-menu.collapsed .tabs{justify-content:center;padding:16px 8px;margin:10px 8px;gap:0}.active-tab{background:#d9e3e7}.active-tab .tab-svg{background:#4e87a0}.tab-svg{padding:4px;background:#f3f3f3;display:flex;align-items:center;justify-content:center;border-radius:8px}.active-tab .tab-svg svg path{fill:#fff}.sidebar-toggle{display:none}.sidebar-toggle-button-container{display:flex;justify-content:flex-end;padding:12px 16px;border-bottom:1px solid #e5e5e5}.side-menu.collapsed .sidebar-toggle-button-container{justify-content:center;padding:12px 8px}.sidebar-toggle-button{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#5c5c5c}.sidebar-toggle-button:hover{background:#f5f5f5;border-color:#ccc}.side-menu.collapsed .tabs{position:relative}.side-menu.collapsed .tabs .tab-svg{margin:0 auto}@media only screen and (max-width:1024px){.side-menu{display:none}.open.mobile,.sidebar-toggle{display:block}.open.mobile{animation:openAnimation .4s ease-in-out}@keyframes openAnimation{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.close.mobile{display:none;animation:closeAnimation .4s ease-in-out}@keyframes closeAnimation{0%{transform:translateX(0)}to{transform:translateX(-100%)}}}@media only screen and (max-width:768px){.side-menu{min-width:100%;position:fixed}}.data-table-heading,.row-1.row{display:flex;justify-content:end;gap:50px}.row-1.row{margin:16px}.cus-name-and-date{display:flex;justify-content:space-between;width:100%}.logo-cus-name{display:flex;gap:10px}.logo-cus-name .cus-logo{background:#d9e3e7;display:flex;justify-content:center;align-items:center;border-radius:50%;width:30px;height:30px;font-weight:600}.name-and-adress span{color:#b2b2b2;font-size:12px}.name-and-adress .cus-name{font-weight:600}.cus-heading{display:flex;width:100%;align-items:center;padding:12px;border:.5px solid #e5e5e5;margin:10px 0;cursor:pointer}.cus-heading:hover{background:#f5f5f5}.sudtome-section-2{margin-right:5%}.cus-deyals-c{display:flex;gap:30px;color:#5c5c5c;padding:4px 0}.customer-details{display:grid;grid-template-columns:1fr 2fr;margin:20px 20px 20px 50px}.cus-deyals-c p{font-size:12px;line-height:130%}.wallee-terminal{display:flex;border-color:#000;justify-content:space-between}.cus-terminal{background-color:#f0f8ff}.cus-event,.cus-terminal{display:flex;flex-direction:column;gap:8px;flex:1 1}.cus-event{background-color:#dcdcdc}.terminal-and-id{display:flex;border:1px solid #f5f5f5;justify-content:space-between;padding-right:50px}.cus-input,.cus-terminal-details{display:flex;justify-content:space-between;margin:8px}.terminal-info{font-size:12px;line-height:130%}