@import"https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css";body,html{margin:0;padding:0;height:100%;background:#60a3bc!important}.brand_logo_container{position:absolute;height:170px;width:170px;top:-75px;border-radius:50%;background:#60a3bc;padding:10px;text-align:center;display:flex;justify-content:center;margin-bottom:20px}.brand_logo{width:150px;height:150px;border-radius:50%;border:2px solid white}.login_btn{width:100%;background:#c0392b!important;color:#fff!important}.pay_btn{width:60px;height:40px;background:#c0392b!important;color:#fff!important;padding:0}.login_container{padding:0 2rem}.input-group-text{background:#c0392b!important;color:#fff!important;border:0!important;border-radius:.25rem 0 0 .25rem!important}ul{list-style-type:none}.justify-between{justify-content:space-between}.nav-link{text-decoration:none;color:inherit}.nav-link:hover{text-decoration:none;color:#f39c12}.nav-item{display:inline-block;padding:5px 10px;font-size:22px}.active-link{color:#f39c12;text-shadow:2px 2px white}a:hover{color:#f39c12;text-decoration:none}.past-due-balance{color:red}#divheight{height:30px}.error-message{color:red;font-weight:700;font-size:large}.login-message{font-weight:700;font-size:large}a{cursor:pointer}h1{font-size:1.8rem;text-align:center;margin-bottom:20px}.col{flex:1;font-size:1rem}@media (max-width: 768px){.brand_logo_container{height:120px;width:120px;top:-60px}.brand_logo{height:100px;width:100px}.login_container{padding:0 1rem}.nav-item{display:block;padding:10px 0;font-size:18px}.nav-link{font-size:18px}.login_btn{font-size:16px;padding:10px}.pay_btn{width:100%;height:auto;padding:10px;font-size:16px}.error-message,.login-message{font-size:medium}ul{padding:0}.justify-between{flex-direction:column;align-items:flex-start}.col{font-size:.9rem;margin-bottom:5px}}.user_card{height:auto;min-height:350px;width:100%;max-width:400px;margin:20px auto;background:#f39c12;position:relative;display:flex;justify-content:center;flex-direction:column;padding:20px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border-radius:8px}@media (max-width: 768px){.user_card{width:90%;padding:15px}h1{font-size:1.5rem}}.user_card[data-v-199ecc98]{height:auto;min-height:550px;width:100%;max-width:400px;margin:20px auto;background:#f39c12;position:relative;display:flex;justify-content:center;flex-direction:column;padding:20px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border-radius:8px}.pay_online[data-v-199ecc98]{font-weight:700;background-color:#60a3bc;padding:10px;text-align:center;border-radius:4px}input[type=checkbox][data-v-199ecc98]{margin-right:10px}.pay_btn[data-v-199ecc98]{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;width:100%}.pay_btn[data-v-199ecc98]:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.user_card[data-v-199ecc98]{width:90%;padding:15px}h1[data-v-199ecc98]{font-size:1.5rem}.pay_btn[data-v-199ecc98]{padding:12px;font-size:1rem}}.user_card[data-v-509385cf]{height:auto;min-height:350px;width:350px;margin-top:auto;margin-bottom:auto;background:#f39c12;position:relative;display:flex;justify-content:center;flex-direction:column;padding:10px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:5px}.login[data-v-b2fc8c2a]{max-width:300px;margin:0 auto}label[data-v-b2fc8c2a]{display:block;margin-bottom:5px}input[data-v-b2fc8c2a]{width:100%;padding:8px;margin-bottom:10px}button[data-v-b2fc8c2a]{padding:10px 20px}p[data-v-b2fc8c2a]{color:red}.user_card[data-v-b9325739]{height:auto;min-height:550px;width:350px;margin-top:auto;margin-bottom:auto;background:#f39c12;position:relative;display:flex;justify-content:center;flex-direction:column;padding:10px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:5px}.user_card[data-v-996e57e0]{height:auto;min-height:350px;width:350px;margin-top:auto;margin-bottom:auto;background:#f39c12;position:relative;display:flex;justify-content:center;flex-direction:column;padding:10px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:5px}header{display:flex;align-items:center;justify-content:space-between}.nav-menu{display:flex}.nav-link{text-decoration:none;color:#fff;padding:.5rem 1rem}@media (max-width: 768px){header{flex-direction:column;align-items:flex-start}.nav-menu{display:none;width:100%}.nav-menu.flex-col{display:flex;align-items:flex-start;background-color:#60a3bc;border-radius:5px}.nav-item{width:100%}.nav-link{display:block;width:100%;text-align:left}}footer{padding:1rem;font-size:.9rem}