body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.lg-headers{display:block}.sm-headers{display:none}#displayOperatorName{padding-top:15px}#addRow:hover,#qrmodel{background-color:#45a049}@media (max-width:768px){body{padding:0}.modal-content{padding:10px 20px;width:90%}.search-bar input{width:180px}#addRow{font-size:14px;padding:8px 15px}h1{font-size:1.5rem}button{font-size:14px;padding:8px 15px}.modal{margin-top:100px!important;padding-bottom:50px!important}.header{justify-content:center!important}#logoutButton{font-size:14px;padding:8px 18px;width:100px}.qr-container{display:flex;flex-direction:column;justify-content:center}.lg-headers{display:none}.sm-headers{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:.1cm}.wallet{padding:15px!important}#qrCodeModal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;height:40%;left:50%;overflow:auto;padding:50px;position:fixed;top:50%;transform:translate(-50%,-70%);width:50%;z-index:50}}.user_switch{height:20px;width:30px}.announcement-ticker{align-items:center;background:linear-gradient(90deg,#ff8a00,#e52e71);color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;overflow:hidden;position:relative;white-space:nowrap;z-index:100}.ticker-content{animation:ticker 15s linear infinite;display:inline-block;padding-left:100%;white-space:nowrap}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:20px;font-weight:700;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.close-btn:hover{background-color:initial}.management-home{align-items:center;display:flex;gap:30px}.management-home-container{display:flex;justify-content:space-around;padding:25px}.management-home-container h1{color:#000}.logout-button{background-color:#dc2626!important}.add{background-color:#16a34a}@media (max-width:768px){.app-container{box-sizing:border-box;padding:.5rem;width:100%}.management-home-container{display:flex;flex-direction:column;padding:25px}}.cards-grid1{align-items:center;border-radius:1rem;box-shadow:0 10px 15px #0000001a;color:#fff;cursor:pointer;display:flex;flex-direction:column;padding:0 25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.all-operatorss-card{padding:0 50px}.cards-grid1:hover{box-shadow:0 20px 30px #00000026;transform:scale(1.05)}.all-operatorss-card,.all-users-card{background:linear-gradient(135deg,#3b82f6,#2563eb)}.cards-grid1 h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.cards-grid1 p{font-size:1.5rem;opacity:.9}@media (min-width:768px){.cards-grid1 h1{font-size:3rem}.cards-grid1 p{font-size:1.25rem}}.vertical-line{border-left:1px solid #000;display:inline-block;margin:0 10px}.login-form-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:auto;max-width:1110px;width:90%}@media screen and (min-width:992px){.login-form-container{flex-direction:row;justify-content:space-around}}.login-website-logo-mobile-img{margin-bottom:35px;margin-top:50px;width:165px}@media screen and (min-width:992px){.login-website-logo-mobile-img{display:none}}.login-img{border-radius:20px;box-shadow:0 8px 40px #070707cc;width:278px}@media screen and (min-width:992px){.login-img{flex-shrink:1;margin-right:20px;max-width:524px;width:60%}}.login-website-logo-desktop-img{width:185px}@media screen and (max-width:991px){.login-website-logo-desktop-img{display:none}}.form-container{align-items:center;border-radius:8px;display:flex;flex-direction:column;max-width:350px;padding:10px;width:100%}@media screen and (min-width:992px){.form-container{box-shadow:0 8px 40px #070707cc;flex-shrink:0;padding:64px 48px;width:350px}}.input-container{display:flex;flex-direction:column;float:left;margin-top:0;width:90%}.input-label{color:#475569;font-family:Roboto;font-size:12px;font-weight:700;line-height:16px;margin-bottom:0}.password-input-field,.username-input-field{background-color:#e2e8f0;border:1px solid #d7dfe9;border-radius:12px;color:#64748b;font-size:14px;height:30px;margin-top:5px;outline:none;padding:8px 16px}.login-button{background-color:#0b69ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto;font-size:14px;font-weight:700;height:40px;margin-bottom:2px;margin-top:0;outline:none;width:90%}.error-message{align-self:start;color:#ff0b37;font-family:Roboto;font-size:16px;font-size:12px;line-height:16px;margin-bottom:0;margin-top:3px}.not-found-container{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center}.not-found-img{width:400px}.customer-details-container{border:1px solid #706c6c;border-radius:8px;font-family:sans-serif;padding:20px}.customer-details-container h2{margin-bottom:15px}.customer-details p{margin-bottom:10px}.customer-details strong,.error-message{font-weight:700}.error-message{color:red}.customer-heading{text-align:center}.change-package{align-items:center;display:flex;justify-content:space-between}.change-package-btn{background-color:grey}.modal{background-color:#0006;display:block;z-index:1}.no-data{align-items:center;display:flex;justify-content:center}.no-spaces{color:red}.show-username{align-items:center;display:flex;gap:15px}.hide-username{border:3px solid #0a8dff;padding:0 20px}.modal-content{background-color:#fefefe;border:1px solid #888;box-shadow:0 4px 8px #0003;margin:15% auto;padding:20px;width:80%}.close{color:#aaa;cursor:pointer;float:right;font-size:28px;font-weight:700}.package-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.package-item{align-items:center;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:15px;transition:border-color .3s ease;width:280px}.package-item:hover{border-color:#007bff}.package-item input[type=radio]{margin-bottom:10px}.cancel-button,.submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;margin:20px auto;padding:10px 15px}.cancel-button{background-color:#6c757d}.submit-cancle-btn{display:flex}.loading-container{margin-top:50px;text-align:center}.ottImages{display:flex;flex-wrap:wrap;gap:10px;list-style-type:none}.hotstart-qr{height:300px;width:300px}@media (max-width:768px){.change-package{justify-content:center}.change-package,.show-username{align-items:center;display:flex;flex-direction:column}.show-username{gap:15px}}.jio-hotstar-anchor{font-size:20px;font-weight:700}.customer-expired{background-color:#f8d7da;border-radius:8px;margin:30px}.customer-valid{background-color:#bcf7ca;border-radius:8px;margin:30px}.count-reset{background-color:rgba(255,0,0,.623);color:#fff;margin:20px;padding:10px}.count-reset:hover{background-color:red;padding:10px 15px}.package-modal{align-items:center;background-color:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.package-modal-content{background-color:#fefefe;border:1px solid #888;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;gap:20px;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:80%;z-index:10000}.ott-image{border:1px solid #daa520;border-radius:10px;height:50px;width:50px}.packs{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin:10px 60px}.pack{border-radius:15px;box-shadow:0 8px 40px #07070733;margin-top:10px;padding:5px 20px;width:100%}.ott-items{align-items:center;display:flex;flex-wrap:wrap;gap:10px;list-style-type:none}.plan-duration{text-align:center;text-decoration:underline}.lg-header{display:block}.sm-header{display:none}.home-sm-header{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:.9cm}.modal{height:100%;left:0;overflow:auto;top:0;width:100%;z-index:100}.modal-content{margin:10% auto;padding:50px;width:60%}#addRow{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s ease}#addRow:hover{background-color:#45a049}@media (max-width:768px){body{padding:0}.modal-content{padding:10px 20px;width:90%}.search-bar input{width:180px}#addRow{padding:8px 15px}#addRow,table{font-size:14px}table{margin:10px 10px 30px;width:100%}td,th{padding:8px}h1{font-size:1.5rem}button{font-size:14px;padding:8px 15px}.modal{margin-top:100px!important;padding-bottom:50px!important}.header{justify-content:center!important}}.header{justify-content:space-between}@media (max-width:600px){.search-bar{flex-direction:column;gap:5px;margin-right:25px}.search-bar input{width:100%}.search-bar button{width:50%}}#logoutButton{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;transition:background-color .3s ease}#logoutButton:hover{background-color:#c82333}@media (min-width:769px){#logoutButton{font-size:16px;padding:12px 25px}}@media (max-width:768px){#logoutButton{font-size:14px;padding:8px 18px;width:100px}.home-sm-header,.qr-container,.sm-header{display:flex;flex-direction:column;justify-content:center}.home-sm-header,.sm-header{align-items:center;line-height:.1cm}.wallet{padding:15px!important}#qrCodeModal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;height:40%;left:50%;overflow:auto;padding:50px;position:fixed;top:50%;transform:translate(-50%,-70%);width:50%;z-index:50}}.remove-button{background-color:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.remove-button:hover{background-color:darkred}.qr-container{align-items:center;display:flex;justify-content:space-around}.action-btn{margin-right:5px}.footer{text-align:center}.app-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin:2rem auto;max-width:600px;padding:1rem;width:100%}@media (max-width:768px){.app-container{box-sizing:border-box;padding:.5rem;width:100%}}@media (min-width:768px){.app-container{grid-template-columns:repeat(3,1fr)}}.app-container a{text-decoration:none}.app-container h1{color:#fff}.cards-grid{align-items:center;border-radius:1rem;box-shadow:0 10px 15px #0000001a;color:#fff;cursor:pointer;display:flex;flex-direction:column;padding:0;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.cards-grid:hover{box-shadow:0 20px 30px #00000026;transform:scale(1.05)}.all-users-card{background:linear-gradient(135deg,#3b82f6,#2563eb)}.active-users-card{background:linear-gradient(135deg,#22c55e,#16a34a)}.expired-users-card{background:linear-gradient(135deg,#ef4444,#dc2626)}.cards-grid h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.cards-grid p{font-size:1.5rem;opacity:.9}@media (min-width:768px){.cards-grid h1{font-size:3rem}.cards-grid p{font-size:1.25rem}}.wallet-adduser{align-items:center;display:flex;gap:20px}body{background-color:#f8f9fa;box-sizing:border-box;color:#333;font-family:Roboto,Arial,sans-serif;margin:0;padding:0}h1{color:#007bff;margin-bottom:20px;text-align:center}.wallet{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;padding:5px 10px}nav{background-color:#fff;box-shadow:0 2px 5px #0000001a;padding:10px 20px;position:sticky;top:0;z-index:10}.navbar-brand{align-items:center;display:flex}.logo{height:80px;margin-right:15px}table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin:20px;overflow:hidden;table-layout:fixed;width:98%}td,th{word-wrap:break-word;border-bottom:1px solid #f1f1f1;padding:12px 15px;text-align:left}th{background-color:#007bff;color:#fff;font-weight:700}tr:hover{background-color:#f1f1f1}tbody tr:last-child td{border-bottom:none}@media (max-width:768px){table{display:block;font-size:14px;overflow-x:auto;white-space:nowrap}td,th{padding:8px;text-align:justify}}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:5px 0;padding:10px 20px;transition:background-color .3s ease}button:hover{background-color:#0056b3}.modal{background-color:#00000080;box-sizing:border-box;display:none;inset:0;overflow-y:auto;padding:15px;position:fixed;z-index:999}.modal.active{align-items:center;display:flex;justify-content:center}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;box-sizing:border-box;margin:20px;max-height:90vh;max-width:500px;overflow-y:auto;padding:25px 20px;width:100%}.close,.close1{color:#aaa;float:right;font-size:28px;font-weight:700}.close1:focus,.close1:hover,.close:focus,.close:hover{color:#000;cursor:pointer}form{display:flex;flex-direction:column;gap:30px;padding:20px}label{color:#555;font-weight:700}input,select,textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-bottom:10px;padding:10px;width:100%}input:focus,select:focus,textarea:focus{border-color:#007bff;outline:none}textarea{height:80px;resize:none}#addOperator,#addRow{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;float:right;font-size:16px;margin-right:20px;padding:12px 20px;transition:background-color .3s ease}#addOperator:hover,#addRow:hover{background-color:#45a049}.heading-btn{align-items:center;display:flex;justify-content:space-around}.navbar-sm-devices{align-items:center;display:flex;justify-content:space-between;width:100%}@media (max-width:600px){.modal-content{margin:15px;padding:20px 15px}}@media (max-width:768px){body{padding:0}.modal-content{padding:10px 20px;width:90%}.navbar{display:flex;flex-direction:column}.logo-anchor{align-self:flex-start}.search-bar input{width:180px}#addOperator,#addRow{font-size:14px;padding:8px 15px}table{font-size:14px;margin:0;width:100%}td,th{padding:8px}h1{font-size:1.5rem}button{font-size:14px;padding:8px 15px}}.container{padding:20px}.navbar{justify-content:space-between;padding:20px}.header,.navbar{align-items:center;display:flex}.header{flex-wrap:wrap;gap:10px}.header-btn-view{background-color:#bbb;box-shadow:inset 0 2px 3px #0003;color:#000}.search-bar{display:flex;gap:10px;justify-content:space-between}.search-bar input{border:1px solid #ddd;border-radius:5px;padding:8px 12px;width:265px}.search-bar button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .3s ease}.search-bar button:hover{background-color:#0056b3}@media (max-width:600px){.search-bar{flex-direction:column;gap:5px;margin-right:25px}.search-bar input{width:100%}.search-bar button{width:50%}.customers-select{display:flex;flex-direction:column;width:100%}.searchByOperator{width:90%!important}.add{align-self:flex-end;background-color:#4caf50}}.expired{background-color:#f8d7da}.valid{background-color:#bcf7ca}.devices-number{text-align:center}#logoutButton{background-color:#dc3542;padding:10px 20px}@media screen and (max-width:991px){.navbar{display:flex;flex-direction:column;gap:20px}.logo-anchor{align-self:flex-start}}.management{align-items:center;display:flex;justify-content:space-around}.management-count{font-size:large}.search-by-operator{float:right;margin:0 10px;width:350px}.main-navbar{background-color:#fff;box-shadow:0 2px 8px #0003;color:#000;padding:10px 20px;position:sticky;top:0;z-index:100}.logo{height:60px;max-width:100%}.navbar-header{gap:15px;justify-content:space-between}.sm-search{border-radius:4px;font-size:14px;margin-left:auto;margin-right:20px;max-width:280px;outline:none;padding:6px 10px}.nav-links{align-items:center;display:flex;gap:15px;transition:max-height .3s ease-in-out}.nav-links a,.nav-links button{background-color:initial;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;padding:8px 12px;text-decoration:none;transition:background-color .3s}.nav-links a:hover,.nav-links button:hover{background-color:#2d2d44;color:#fff}.logout-link{background-color:#e63946;color:#000}.logout-link:hover{background-color:#c62828}.menu-toggle .bar{background-color:#000;height:2px;width:20px}@media (max-width:768px){.sm-search{flex:1 1 100%;margin:10px 0}.menu-toggle{display:flex}.nav-links{flex-direction:column;max-height:0;overflow:hidden;width:100%}.nav-links.open{max-height:300px}.nav-links a,.nav-links button{padding:10px;text-align:center;width:100%}}.navbar-container{flex-wrap:wrap;justify-content:space-between;position:relative}.navbar-container,.navbar-header{align-items:center;display:flex}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;justify-content:center;margin-left:auto;position:absolute;right:20px;top:15px}@media (max-width:768px){.menu-toggle{display:flex}.sm-search{margin:10px 0;order:3;width:100%}.nav-links{flex-direction:column;max-height:0;order:4;overflow:hidden;transition:max-height .3s ease-in-out;width:100%}.nav-links.open{max-height:300px}.nav-links a,.nav-links button{text-align:center;width:100%}}#operatorsTable tbody tr.even-row{background-color:#f2f2f2}#operatorsTable tbody tr.odd-row{background-color:#fff}#operatorsTable tbody tr:hover{background-color:#e6f7ff}#operatorsTable button{border:none;border-radius:3px;cursor:pointer;margin:2px;padding:5px 10px}#operatorsTable button:first-child{background-color:#4caf50;color:#fff}#operatorsTable button:nth-child(2){background-color:#2196f3;color:#fff}#operatorsTable td:nth-child(8),#operatorsTable td:nth-child(9){color:#e91e63;font-weight:700}.credit-row{background-color:#bcf7ca}.debit-row{background-color:#f8d7da}.pack-list-view{list-style-type:none}.package-view-container{box-sizing:border-box;flex-grow:1;margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.pack-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;list-style:none;margin:0;padding:0}.pack-list>li{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.pack-list>li:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}@media (min-width:601px) and (max-width:991.98px){.pack-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.pack-list{grid-template-columns:repeat(3,1fr)}}.download-button-container{align-items:center;display:flex;justify-content:space-around;padding:1rem}.floating-download-button{align-items:center;background-color:#1e90ff;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:66px;justify-content:center;position:fixed;right:20px;transition:background-color .3s ease;width:66px;z-index:1000}.floating-download-button:hover{background-color:#0b74d0}.download-icon{height:35px;width:35px}
/*# sourceMappingURL=main.a58c00b3.css.map*/