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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login{box-sizing:border-box;color:#211c17;display:grid;flex-direction:column;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:400;grid-template-columns:1fr 0fr;height:100vh;line-height:1.5;min-height:100%;transition:grid-template-columns .8s ease-in;width:100%}@media screen and (max-width:999px){.login{grid-template-columns:1fr}}.login .left-container{display:flex;flex-basis:auto;flex-direction:column;flex-grow:1;flex-shrink:1}.login .left-container .navigation-bar{display:flex;padding:24px}.login .navigation-bar a{cursor:auto;display:inline-block;font-size:0;height:auto;line-height:0px;text-decoration:none}.login .navigation-bar a img{height:auto;width:125px}.login .login-container{-webkit-box-align:center;-webkit-box-pack:ce;align-items:center;display:flex;flex-basis:auto;flex-grow:1;flex-shrink:1;justify-content:center;padding:24px}.login .login-form{column-gap:32px;display:flex;flex-direction:column;max-width:450px;row-gap:32px;width:100%}.login .header-login-form{column-gap:8px;display:flex;flex-direction:column;row-gap:8px}.login .header-login-form h4{display:block;font-size:2rem;font-weight:500;line-height:1.2;margin:0}.login .header-login-form p{color:#667085;font-size:14px;margin:0}.login .content-login-form{column-gap:16px;display:flex;flex-direction:column;font-size:16px;row-gap:16px}.login .div-password,.login .div-username{border:1px solid #0000003b;border-radius:8px;display:flex;flex-direction:column;margin:0;min-width:0;padding:0;position:relative;transition:all .2s ease-in;vertical-align:top}.login .div-password:hover,.login .div-username:hover{border:1px solid #000000b3}.login .div-password span,.login .div-username span{transition-behavior:normal,normal,normal;white-space-collapse:collapse;color:#667085;cursor:default;display:block;left:0;max-width:calc(100% - 24px);overflow-x:hidden;overflow-y:hidden;padding:0;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transform:matrix(1,0,0,1,14,16);transition-delay:0s,0s,0s;transition-duration:.2s,.2s,.2s;transition-property:color,transform,max-width;transition-timing-function:cubic-bezier(0,0,.2,1),cubic-bezier(0,0,.2,1),cubic-bezier(0,0,.2,1);z-index:1}.login .password-input,.login .username-input{-webkit-box-align:center;align-items:center;box-sizing:border-box;color:#211c17;cursor:text;display:inline-flex;position:relative}.login .password-input input,.login .username-input input{animation-duration:.01s;appearance:auto;background-attachment:auto;background-color:#0000;border-width:0;box-sizing:initial;cursor:pointer;display:block;font-size:16px;letter-spacing:normal;margin:0;padding:16.5px 14px;text-align:start;text-indent:0;text-shadow:none;text-transform:none;width:100%}.login .password-input input:focus,.login .username-input input:focus{color:#211c17;outline:none}.login #togglePassword{background:none;border:none;cursor:pointer;display:inline;margin:0}.login .eye-icon{fill:#000;color:#000;height:18px;width:18px}.login #passwordInput:focus+.login #togglePassword .eye-icon{color:#007bff}.login .eye-container{display:flex;margin-right:8px;position:absolute;right:0}.login .remember-me-container{align-items:center;color:#000000bf;display:flex;font-size:14px;margin-bottom:.5rem}.login .remember-me-container input[type=checkbox]{display:none;opacity:0}.login .remember-me-container input[type=checkbox]:checked+label:before{border:1px solid #0000003b;border-radius:4px;color:#000;content:"\2714";font-size:16px;height:20px;padding:5px;width:20px}.login .remember-me-container label:before{border:1px solid #0000003b;border-radius:4px;content:"\2718";font-size:16px;justify-content:center;margin-right:5px;padding:5px;text-align:center}.login .content-login-form button{background-color:#211c17;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;letter-spacing:.1rem;margin-top:0;padding:12px}.login .content-login-form button:focus{cursor:pointer;outline:none}.login .content-login-form a{color:#211c1799;display:flex;font-size:14px;text-decoration:none;transition:all .2s ease-in-out}.login .content-login-form a:hover{color:#211c17}.login .alert{transition-behavior:normal;background-color:#fff8e8;border-radius:8px;box-shadow:none;color:#664a0c;display:flex;opacity:0;padding:6px 16px;transition-delay:.8s;transition-duration:.3s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:opacity .3s ease}.login .left-alert{color:#fb9c0c;display:flex;font-size:22px;margin-right:12px;opacity:.9;padding:7px 0}.login .left-alert svg{fill:currentColor;display:inline-block;flex-shrink:0;height:1em;transition-duration:.2s;transition-property:fill;-webkit-user-select:none;user-select:none;width:1em}.login .right-alert{align-items:center;display:flex;min-width:0;overflow-x:auto;overflow-y:auto}.login .right-alert .message{font-weight:600;margin-top:0}.login .right-container{align-items:center;background-attachment:scroll;background-clip:initial;background-color:#0000;background-image:radial-gradient(circle closest-side at 50% 50%,#211c17 0,#211c17 100%);background-origin:initial;background-position-x:0;background-position-y:0;background-repeat:repeat;background-size:auto;color:#fff;display:flex;justify-content:center;padding:24px}@media screen and (max-width:999px){.login .right-container a{display:none}}.dashboard{align-items:start;background:radial-gradient(circle at top right,#ceb697,#786248,#211c17);box-sizing:border-box;color:#211c17;display:flex;flex-direction:row;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:400;grid-template-columns:1fr 1fr;height:100vh;justify-content:center;line-height:1.5;min-height:100vh;position:relative;top:0;transition:grid-template-columns .8s ease-in;width:100%}.dashboard .navigation-bar{display:flex;padding:24px}.dashboard .navigation-bar a{cursor:auto;display:inline-block;font-size:0;height:auto;line-height:0px;text-decoration:none}.dashboard .navigation-bar a img{height:auto;width:125px}@media screen and (max-width:999px){.dashboard{grid-template-columns:1fr}}.dashboard a img{height:auto;object-fit:contain;width:100%}.overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;display:flex;flex-direction:column;gap:10px;height:50%;justify-content:center;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);width:25%}@media screen and (max-width:999px){.overlay{width:60%}}.search-box{outline:none;padding:8px}.search-box,.search-button{border:none;border-radius:5px}.search-button{background-color:#007bff;color:#fff;cursor:pointer;padding:8px 12px}.search-button:hover{background-color:#0056b3}.dashboard .div-msisdn{border:1px solid #0000003b;border-radius:8px;display:flex;flex-direction:column;margin:0;min-width:0;padding:0;position:relative;transition:all .2s ease-in;vertical-align:top}.dashboard .div-msisdn:hover{border:1px solid #000000b3}.dashboard .div-msisdn span{transition-behavior:normal,normal,normal;white-space-collapse:collapse;background-color:#fff0;color:#fff;cursor:default;display:block;left:0;max-width:calc(100% - 24px);overflow-x:hidden;overflow-y:hidden;padding:0;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transform:matrix(1,0,0,1,14,16);transition-delay:0s,0s,0s;transition-duration:.2s,.2s,.2s;transition-property:color,transform,max-width;transition-timing-function:cubic-bezier(0,0,.2,1),cubic-bezier(0,0,.2,1),cubic-bezier(0,0,.2,1);z-index:1}.dashboard .msisdn-input{-webkit-box-align:center;align-items:center;box-sizing:border-box;color:#fff;cursor:text;display:inline-flex;position:relative}.dashboard .msisdn-input input{animation-duration:.01s;appearance:auto;background-attachment:auto;background-color:#0000;border-width:0;box-sizing:initial;color:#fff;cursor:pointer;display:block;font-size:16px;letter-spacing:normal;margin:0;padding:16.5px 14px;text-align:start;text-indent:0;text-shadow:none;text-transform:none;width:100%}.dashboard .msisdn-input input:focus{outline:none}.dashboard button{background-color:#211c17;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;letter-spacing:.1rem;margin-top:0;padding:12px}.dashboard button:focus{cursor:pointer;outline:none}.dashboard .alert{transition-behavior:normal;background-color:#fff8e8;border-radius:8px;box-shadow:none;color:#664a0c;display:flex;opacity:0;padding:6px 16px;transition-delay:.8s;transition-duration:.3s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:opacity .3s ease}.dashboard .left-alert{color:#fb9c0c;display:flex;font-size:22px;margin-right:12px;opacity:.9;padding:7px 0}.dashboard .left-alert svg{fill:currentColor;display:inline-block;flex-shrink:0;height:1em;transition-duration:.2s;transition-property:fill;-webkit-user-select:none;user-select:none;width:1em}.dashboard .right-alert{align-items:center;display:flex;min-width:0;overflow-x:auto;overflow-y:auto}.dashboard .right-alert .message{font-weight:600;margin-top:0}.info{cursor:pointer;display:flex;flex-direction:column;margin-top:2.5%;top:0;width:100%}.info .top-container{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.info .top-container .search-part{display:flex;flex-direction:column}.info .top-container .search-part .top-search-part{display:flex;flex-direction:row}.info .top-container .search-part .div-msisdn{border:1px solid #0000003b;border-radius:8px;display:flex;flex-direction:column;margin:0;min-width:0;padding:0;position:relative;transition:all .2s ease-in;vertical-align:top}.info .top-container .search-part .div-msisdn:hover{border:1px solid #000000b3}.info .top-container .search-part .div-msisdn span{transition-behavior:normal,normal,normal;white-space-collapse:collapse;background-color:#fff0;color:#000;cursor:default;display:block;left:0;max-width:calc(100% - 24px);overflow-x:hidden;overflow-y:hidden;padding:0;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transform:matrix(1,0,0,1,14,16);transition-delay:0s,0s,0s;transition-duration:.2s,.2s,.2s;transition-property:color,transform,max-width;transition-timing-function:cubic-bezier(0,0,.2,1),cubic-bezier(0,0,.2,1),cubic-bezier(0,0,.2,1);z-index:1}.info .top-container .search-part .msisdn-input{-webkit-box-align:center;align-items:center;box-sizing:border-box;color:#fff;cursor:text;display:inline-flex;position:relative}.info .top-container .search-part .msisdn-input input{animation-duration:.01s;appearance:auto;background-attachment:auto;background-color:#0000;border-width:0;box-sizing:initial;color:#000;cursor:pointer;display:block;font-size:16px;letter-spacing:normal;margin:0;padding:16.5px 14px;text-align:start;text-indent:0;text-shadow:none;text-transform:none;width:100%}.info .top-container .search-part .msisdn-input input:focus{outline:none}.info .top-container .search-part button{font-size:1em;margin-left:1rem;padding:1rem}.info .top-container button{background-color:#ef8739;border-radius:50px;color:#000;font-size:2.5em;font-weight:500;padding:1.25rem 2.5rem;transition:all .3s ease-in-out}.info .bottom-container{align-items:stretch;display:grid;flex-direction:column;font-family:Arial,Helvetica,sans-serif;grid-template-columns:1fr 1fr;height:auto;position:relative;width:100%}.info .bottom-container,.info .bottom-container hr{justify-content:center;top:0;transition:all .3s ease-in-out}.info .bottom-container hr{align-items:center;background-color:grey;border:none;height:100%;left:50%;position:absolute;width:1px}.info .left-container,.info .right-container{display:flex;flex-basis:auto;flex-direction:column;flex-grow:1;line-height:3.25rem;padding:4rem}.info .left-container .service-name,.info .right-container .service-name{border-radius:50px;font-size:1.5em;font-weight:700;height:auto;padding:0 1rem;text-align:center;width:175px}.info .service-name.active{background-color:green}.info .service-name.inactive{background-color:red}.info .left-container .empty-data.visible,.info .right-container .empty-data.visible{align-items:center;display:flex;font-style:italic;height:100%;justify-content:center;width:100%}.info .left-container .empty-data.invisible,.info .right-container .empty-data.invisible{display:none}.info .left-container .info-data.visible,.info .right-container .info-data.visible{display:flex;flex-direction:column;font-size:1.5em;padding-top:1rem}.info .left-container .info-data.invisible,.info .right-container .info-data.invisible{display:none}.info button{background-color:#211c17;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;letter-spacing:.1rem;margin-top:0;padding:12px}.info button:focus{cursor:pointer;outline:none}.info button.disabled{cursor:not-allowed}.info button.enabled{cursor:pointer}.popup-container{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9998}.info .popup-overlay,.info .popup-overlay-confirm{background:#fff;background-color:#ef8739;border:"1px solid #ccc";border-radius:6px;border-radius:40px;box-shadow:0 4px 10px #0006;font-weight:700;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:350px;z-index:9999}.info .popup-overlay .close-btn,.info .popup-overlay-confirm .close-btn-confirm{background:none;border:none;color:#333;cursor:pointer;font-size:18px;position:absolute;right:10px;top:10px}.info .popup-overlay .close-btn:hover,.info .popup-overlay-confirm .close-btn-confirm:hover{color:red}.info .popup-overlay .popup-content div{align-items:center}.info .popup-overlay .popup-content,.info .popup-overlay-confirm .popup-content-confirm{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.info .popup-overlay .popup-content-button,.info .popup-overlay-confirm .popup-content-button-confirm{display:flex;flex-direction:column;margin-top:1rem}.info .popup-overlay .popup-content-button button,.info .popup-overlay-confirm .popup-content-button-confirm button{border-radius:25px;color:#000;font-weight:700;margin-bottom:.5rem;width:175px}.info .div-amount{border:1px solid #0000003b;border-radius:8px;display:flex;flex-direction:column;margin:20px;min-width:0;padding:0;position:relative;transition:all .2s ease-in;vertical-align:top}.info .div-amount:hover{border:1px solid #000000b3}.info .div-amount span{transition-behavior:normal,normal,normal;white-space-collapse:collapse;background-color:#fff0;color:#fff;cursor:default;display:block;left:0;max-width:calc(100% - 24px);overflow-x:hidden;overflow-y:hidden;padding:0;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transform:matrix(1,0,0,1,14,16);transition-delay:0s,0s,0s;transition-duration:.2s,.2s,.2s;transition-property:color,transform,max-width;transition-timing-function:cubic-bezier(0,0,.2,1),cubic-bezier(0,0,.2,1),cubic-bezier(0,0,.2,1);z-index:1}.info .amount-input{-webkit-box-align:center;align-items:center;box-sizing:border-box;color:#fff;cursor:text;display:inline-flex;position:relative}.info .amount-input input{animation-duration:.01s;appearance:auto;background-attachment:auto;background-color:#0000;border-width:0;box-sizing:initial;color:#211c17;cursor:pointer;display:block;font-size:16px;letter-spacing:normal;margin:0;padding:16.5px 14px;text-align:start;text-indent:0;text-shadow:none;text-transform:none;width:100%}.info .amount-input input:focus{outline:none}.info .alert{transition-behavior:normal;background-color:#fff8e8;border-radius:8px;box-shadow:none;color:#664a0c;display:flex;opacity:0;padding:6px 16px;transition-delay:.8s;transition-duration:.3s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:opacity .3s ease}.info .left-alert{color:#fb9c0c;display:flex;font-size:22px;margin-right:12px;opacity:.9;padding:7px 0}.info .left-alert svg{fill:currentColor;display:inline-block;flex-shrink:0;height:1em;transition-duration:.2s;transition-property:fill;-webkit-user-select:none;user-select:none;width:1em}.info .right-alert{align-items:center;display:flex;min-width:0;overflow-x:auto;overflow-y:auto}.info .right-alert .message{font-weight:600;margin-top:0}@media screen and (max-width:999px){.info .top-container span{font-size:1.75em}.info .top-container button{border-radius:50px;font-size:1.5em;padding:1rem}.info .bottom-container{display:grid;grid-template-columns:1fr;height:fit-content}.info .bottom-container hr{height:1px;left:0;position:relative;top:50%;width:100%}.info .left-container,.info .right-container{line-height:2.75rem;padding:1.75rem}.info .bottom-container .left-container .info-data,.info .bottom-container .right-container .info-data{font-size:1em}.info .top-container .search-part button{font-size:1em;margin-left:.5rem;margin-right:.5rem;padding:.75rem}}.details{cursor:pointer;display:flex;flex-direction:column;margin-top:2.5%;top:0;width:100%}.details .top-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;padding:0 2rem 0 4rem}.details .top-container span{color:#000;font-size:1.25em;font-weight:500}.details .bottom-container,.details .top-container span{font-family:Arial,Helvetica,sans-serif;transition:all .3s ease-in-out}.details .bottom-container{align-items:stretch;display:grid;flex-direction:column;grid-template-columns:1fr;height:auto;justify-content:center;margin:0 auto;padding-top:1rem;top:0;width:90%}.details .table-container{align-items:center;display:flex;justify-content:center;margin-top:20px;padding-bottom:10px}.details table{border-collapse:collapse;text-align:center;vertical-align:middle;width:100%}.details td,.details th{border:3px solid #000;padding:8px}.details th{background-color:#f2f2f2}@media screen and (max-width:999px){.details .top-container span{font-size:1.75em}.details .bottom-container{display:grid;grid-template-columns:1fr;height:fit-content}}
/*# sourceMappingURL=main.2ad37f5e.css.map*/