/* TekLan VPN client-area styling (fonts, colours, layout) on top of Allure.
   Lives in plugins/teklan_autopay so Allure updates never remove it; Allure's layout links it
   (teklan_allure_patches.py). */
:root{--tkv-red: #c93630;--tkv-red-dark: #a82b26;--tkv-red-hover: #f44336;--tkv-red-soft: rgba(201, 54, 48, .08);--tkv-slate: #2d465e;--tkv-text: #212529;--tkv-muted: #6c757d;--tkv-pale: #f7f7f8;--tkv-line: rgba(33, 37, 41, .1);--tkv-panel-shadow: 0 14px 40px rgba(45, 70, 94, .06);--tkv-header-shadow: 0 2px 15px rgba(0, 0, 0, .1);--tkv-body: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--tkv-heading: "Nunito", "Roboto", sans-serif;--tkv-nav: "Inter", "Roboto", sans-serif}body,.allure-site-container,.allure-main{background:#fff;color:var(--tkv-text);font-family:var(--tkv-body);font-size:16px}a{color:var(--tkv-red)}a:hover{color:var(--tkv-red-hover)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--tkv-heading);font-weight:700;color:var(--tkv-slate)}.text-primary{color:var(--tkv-red) !important}.bg-primary{background-color:var(--tkv-red) !important}.allure-header{background:transparent !important;box-shadow:none !important;border:0 !important;padding:14px 12px 0}.allure-header>.container,.allure-header>.container-fluid,.allure-header>.container-sm,.allure-header>.container-md,.allure-header>.container-lg,.allure-header>.container-xl{background:#fff;border-radius:50px;box-shadow:var(--tkv-header-shadow);padding:8px 10px 8px 22px}.allure-header .allure-logo img{max-height:36px;width:auto}.allure-header .allure-date-time{display:none !important}.allure-header .btn-link{font-family:var(--tkv-nav);font-weight:500;color:var(--tkv-slate);text-decoration:none}.allure-header .btn-link:hover{color:var(--tkv-red)}.allure-header .btn-success,.allure-header .btn-primary,.allure-header .card-blesta button[type="submit"].btn-light,.card-blesta .allure-header button[type="submit"].btn-light,.allure-header .card-blesta input[type="submit"].btn-light,.card-blesta .allure-header input[type="submit"].btn-light,.allure-header .card-blesta .btn.btn-light,.card-blesta .allure-header .btn.btn-light{padding:6px 18px;font-size:14px}.allure-nav,.allure-nav.is-light{background:transparent !important;border:0 !important;box-shadow:none !important}.allure-nav .nav-link,.allure-mobile-nav .nav-link{font-family:var(--tkv-nav);font-weight:500;font-size:15px;color:var(--tkv-slate);padding:10px 16px}.allure-nav .nav-item.active>.nav-link,.allure-nav .nav-link:hover,.allure-nav .nav-link:focus,.allure-mobile-nav .nav-item.active>.nav-link,.allure-mobile-nav .nav-link:hover{color:var(--tkv-red);background:transparent}.dropdown-menu{border:1px solid var(--tkv-line);border-radius:14px;box-shadow:var(--tkv-panel-shadow);padding:6px}.dropdown-item{border-radius:10px;font-family:var(--tkv-nav);font-size:14px;color:var(--tkv-slate)}.dropdown-item:hover,.dropdown-item:focus,.dropdown-item.active{background:var(--tkv-red-soft);color:var(--tkv-red)}.allure-article-title{background:linear-gradient(135deg, rgba(201, 54, 48, 0.05) 50%, rgba(201, 54, 48, 0.02) 100%) !important;border:0 !important;box-shadow:none !important;padding-top:26px;padding-bottom:26px;margin-bottom:24px}.allure-article-title h1,.allure-article-title h2,.allure-article-title h3{font-weight:700;color:var(--tkv-slate);margin:0}.btn{border-radius:50px;font-family:var(--tkv-body);font-weight:500;padding:10px 26px;transition:background-color 0.2s, border-color 0.2s, color 0.2s}.btn-sm,.btn-group-sm>.btn{padding:5px 14px}.btn-lg,.btn-group-lg>.btn{padding:12px 40px;font-size:16px}.btn-primary,.card-blesta button[type="submit"].btn-light,.card-blesta input[type="submit"].btn-light,.card-blesta .btn.btn-light,.btn-success{background:var(--tkv-red) !important;border-color:var(--tkv-red) !important;color:#fff !important}.btn-primary:hover,.card-blesta button.btn-light[type="submit"]:hover,.card-blesta input.btn-light[type="submit"]:hover,.card-blesta .btn.btn-light:hover,.btn-primary:focus,.card-blesta button.btn-light[type="submit"]:focus,.card-blesta input.btn-light[type="submit"]:focus,.card-blesta .btn.btn-light:focus,.btn-success:hover,.btn-success:focus{background:var(--tkv-red-hover) !important;border-color:var(--tkv-red-hover) !important}.btn-outline-primary{color:var(--tkv-red) !important;border-color:var(--tkv-red) !important;background:transparent !important}.btn-outline-primary:hover{color:#fff !important;background:var(--tkv-red) !important}.btn-light,.btn-default,.btn-secondary{background:#fff;border:1px solid var(--tkv-line);color:var(--tkv-slate)}.btn-light:hover,.btn-default:hover,.btn-secondary:hover{border-color:var(--tkv-red);color:var(--tkv-red);background:#fff}.btn:focus,.btn.focus{box-shadow:0 0 0 0.2rem rgba(201, 54, 48, 0.2) !important}.card,.panel,.allure-content .card{background:#fff;border:1px solid var(--tkv-line);border-radius:18px;box-shadow:var(--tkv-panel-shadow);overflow:hidden}.card-header,.panel-heading{background:#fff;border-bottom:1px solid var(--tkv-line);font-family:var(--tkv-heading);font-weight:700;color:var(--tkv-slate)}.card-footer{background:var(--tkv-pale);border-top:1px solid var(--tkv-line)}.list-group-item{border-color:var(--tkv-line)}.list-group-item.active{background:var(--tkv-red-soft);border-color:var(--tkv-line);color:var(--tkv-red)}.form-control,.custom-select,select.form-control{border-radius:10px;border:1px solid #dee2e6;padding:0.55rem 0.9rem;height:auto;font-family:var(--tkv-body)}.form-control:focus,.custom-select:focus{border-color:var(--tkv-red);box-shadow:0 0 0 0.2rem rgba(201, 54, 48, 0.15)}label{font-weight:500;color:var(--tkv-slate)}.custom-control-input:checked~.custom-control-label::before{background-color:var(--tkv-red);border-color:var(--tkv-red)}.table thead th{background:var(--tkv-pale);color:var(--tkv-slate);font-family:var(--tkv-nav);font-weight:600;font-size:14px;border-bottom:1px solid var(--tkv-line);border-top:0}.table td,.table th{border-color:var(--tkv-line);vertical-align:middle}.nav-tabs .nav-link.active,.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--tkv-red);border-bottom-color:var(--tkv-red);background:transparent}.nav-pills .nav-link.active{background:var(--tkv-red-soft);border-radius:50px}.page-item.active .page-link{background:var(--tkv-red);border-color:var(--tkv-red)}.page-link{color:var(--tkv-red);border-radius:50px !important;margin:0 2px}.badge,.label{border-radius:50px;font-weight:500;padding:0.35em 0.7em}.badge-primary{background:var(--tkv-red)}.alert{border-radius:14px;border:1px solid var(--tkv-line)}.alert-info{background:var(--tkv-pale);color:var(--tkv-slate)}body.login-classic .allure-main,body[class*="client_login"] .allure-main{background:linear-gradient(135deg, rgba(201, 54, 48, 0.05) 50%, rgba(201, 54, 48, 0.02) 100%)}.allure-footer{background:#fff;border-top:1px solid var(--tkv-line);color:var(--tkv-muted);font-size:14px}.allure-footer a{color:var(--tkv-muted)}.allure-footer a:hover{color:var(--tkv-red)}.allure-back-top{border-radius:50px}.tkv-hero{margin:0 0 32px;padding:48px 40px;border-radius:18px;background:linear-gradient(135deg, rgba(201, 54, 48, 0.06) 50%, rgba(201, 54, 48, 0.02) 100%)}.tkv-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;border-radius:50px;background:var(--tkv-red-soft);color:var(--tkv-red);font-size:14px;font-weight:500}.tkv-hero h1{font-size:clamp(2rem, 4vw, 3.2rem);font-weight:700;line-height:1.15;margin-bottom:14px}.tkv-hero h1 .tkv-accent{color:var(--tkv-red)}.tkv-hero p{max-width:38rem;font-size:17px;color:var(--tkv-text);margin-bottom:26px}.tkv-hero .btn{margin:0 10px 10px 0}.tkv-heading{margin:8px 0 20px}.tkv-heading h2{font-size:28px;margin-bottom:4px}.tkv-heading p{color:var(--tkv-muted);margin:0}.tkv-card{display:block;height:100%;padding:28px 26px;border-radius:18px;background:#fff;border:1px solid var(--tkv-line);box-shadow:var(--tkv-panel-shadow);color:var(--tkv-text);text-decoration:none;transition:transform 0.2s ease, border-color 0.2s ease}.tkv-card:hover{transform:translateY(-3px);border-color:rgba(201, 54, 48, 0.35);color:var(--tkv-text);text-decoration:none}.tkv-card .tkv-icon{width:52px;height:52px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;background:var(--tkv-red-soft);color:var(--tkv-red);font-size:20px;margin-bottom:16px}.tkv-card h3{font-size:19px;margin-bottom:6px}.tkv-card p{color:var(--tkv-muted);font-size:15px;margin-bottom:12px}.tkv-card .tkv-more{color:var(--tkv-red);font-weight:500;font-size:15px}.tkv-contact{margin:16px 0 8px;padding:22px 26px;border-radius:18px;background:var(--tkv-pale);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.tkv-contact h2{font-size:20px;margin:0 0 2px}.tkv-contact p{margin:0;color:var(--tkv-muted)}.tkv-contact a{font-weight:500;margin-right:18px}@media (max-width:767.98px){.allure-header{padding:10px 8px 0}.tkv-hero{padding:32px 22px}}/*# sourceMappingURL=allure.min.css.map *//* Fix 1: solid white header area so the sticky nav never overlaps content */ .allure-header, .allure-nav, .allure-nav.is-light { background: #fff !important; } .allure-nav { border-bottom: 1px solid rgba(33, 37, 41, .06) !important; padding-bottom: 2px; } .allure-nav .nav-link i, .allure-nav .nav-link .fa, .allure-nav .nav-link .fas { color: inherit; } /* Home page: the hero replaces the page title bar */ body.cms_main_index .allure-article-title { display: none !important; } body.cms_main_index .allure-content-container { padding-top: 28px; } /* Fix 2: sign-in, reset and 2FA pages like the site: tinted background, white panel, no stock photo */ body[class*="client_login"] .allure-login-bg { display: none !important; } body[class*="client_login"] .allure-main { min-height: 100vh; background: linear-gradient(135deg, rgba(201, 54, 48, .06) 50%, rgba(201, 54, 48, .02) 100%) !important; padding: 56px 16px 32px; } body[class*="client_login"] .allure-login-header { text-align: center; margin-bottom: 18px; } body[class*="client_login"] .allure-login-header img { max-height: 54px; width: auto; margin-bottom: 10px; } body[class*="client_login"] .allure-login-header h1, body[class*="client_login"] .allure-login-header h2, body[class*="client_login"] .allure-login-header h3, body[class*="client_login"] .allure-login-header .title { color: #2d465e !important; font-family: 'Nunito', 'Roboto', sans-serif; font-weight: 700; text-shadow: none; } body[class*="client_login"] .allure-login-header p, body[class*="client_login"] .allure-login-header i { color: #6c757d !important; text-shadow: none; } body[class*="client_login"] .allure-content-container { max-width: 480px; margin: 0 auto; } body[class*="client_login"] .allure-content { margin: 0 !important; padding: 34px 32px 26px; background: #fff; border-radius: 18px; border: 1px solid rgba(33, 37, 41, .1); box-shadow: 0 14px 40px rgba(45, 70, 94, .08); } body[class*="client_login"] .allure-content > * { padding-left: 0; padding-right: 0; } body[class*="client_login"] .allure-content label { color: #2d465e; } body[class*="client_login"] .allure-content a { color: #c93630; font-size: 14px; } body[class*="client_login"] .allure-login-footer { text-align: center; color: #6c757d !important; margin-top: 22px; font-size: 13px; text-shadow: none; } body[class*="client_login"] .allure-login-footer a { color: #6c757d !important; } /* Fix 3: sign-in pages - tint the whole page, flatten Allure's column box and the inner form border */ body[class*="client_login"] .allure-site-container { background: linear-gradient(135deg, rgba(201, 54, 48, .06) 50%, rgba(201, 54, 48, .02) 100%) !important; } body[class*="client_login"] .allure-main { background: transparent !important; box-shadow: none !important; border: 0 !important; max-width: none !important; width: 100% !important; } body[class*="client_login"] .allure-content .card, body[class*="client_login"] .allure-content .panel, body[class*="client_login"] .allure-content fieldset, body[class*="client_login"] .allure-content .card-body { border: 0 !important; box-shadow: none !important; padding: 0 !important; background: transparent !important; } /* Fix 4: mobile header logo size like the site */ .allure-header .allure-mobile-logo img, .allure-header .allure-logo img { max-height: 34px !important; width: auto !important; } @media (max-width: 767.98px) { .allure-header > .container, .allure-header > .container-fluid { padding: 6px 8px 6px 14px; } } 
/* TekLan: no blue. Bootstrap info styles and focus glows in neutral greys and the brand red. */.alert-info{background:var(--tkv-pale);border-color:#e5e7eb;color:var(--tkv-slate)}.alert-info .alert-link{color:var(--tkv-red)}.badge-info,.bg-info{background-color:var(--tkv-slate)!important;color:#fff}.text-info{color:var(--tkv-slate)!important}.btn-info{background-color:var(--tkv-slate);border-color:var(--tkv-slate);color:#fff}.btn-info:hover,.btn-info:focus{background-color:#22384d;border-color:#22384d;color:#fff}.form-control:focus,.custom-select:focus,.form-select:focus{border-color:rgba(201,54,48,.5);box-shadow:0 0 0 .2rem rgba(201,54,48,.15)}.btn:focus,.btn.focus,.page-link:focus{box-shadow:0 0 0 .2rem rgba(201,54,48,.2)}.custom-control-input:checked~.custom-control-label::before{background-color:var(--tkv-red);border-color:var(--tkv-red)}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(201,54,48,.15)}.page-item.active .page-link{background-color:var(--tkv-red);border-color:var(--tkv-red)}.list-group-item.active{background-color:var(--tkv-red);border-color:var(--tkv-red)}

/* TekLan: the current sidebar item reads white on red. */
.allure-sidebar .list-group .list-group-item.active,.allure-sidebar .list-group .list-group-item.active:hover,.allure-sidebar .list-group .list-group-item.active i,.allure-sidebar .list-group .list-group-item.active svg{color:#fff}
/* TekLan: services list on phones. No box-in-a-box: the list sits on the page, the status links are
   a row of pills, and each service is one clean card (plan, label, term, renewal, Manage). */
@media (max-width:767.98px){
#client_services.card{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
#client_services>.card-header{background:transparent;border:0;padding:0 2px 12px;font-size:22px;color:var(--tkv-slate)}
#client_services .card-body{padding:0}
#client_services .card-nav{display:flex;align-items:center;gap:10px;margin:0 0 14px}
#client_services .card-nav .float-left{float:none!important;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:24px}
#client_services .card-nav .float-left::-webkit-scrollbar{display:none}
#client_services .card-nav .float-right{float:none!important;flex:none}
#client_services .card-nav .clearfix{display:none}
#client_services ul.card-links{display:flex;gap:6px;margin:0;padding:0;white-space:nowrap}
#client_services ul.card-links li{list-style:none;margin:0;padding:0;border:0}
#client_services ul.card-links li::before,#client_services ul.card-links li::after{display:none!important;content:none!important}
#client_services ul.card-links li a{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:50px;background:#fff;border:1px solid var(--tkv-line);color:var(--tkv-slate);font-size:13px;font-weight:500;text-decoration:none}
#client_services ul.card-links li.active a{background:var(--tkv-red);border-color:var(--tkv-red);color:#fff}
#client_services ul.card-links .badge{min-width:20px;padding:2px 6px;border-radius:50px;background:rgba(45,70,94,.1);color:inherit;font-size:12px}
#client_services ul.card-links li.active .badge{background:rgba(255,255,255,.25)}
#client_services .filter-toggle{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
#client_services .table-responsive{overflow:visible;margin:0}
#services,#services tbody{display:block;width:100%;margin:0;border:0;background:transparent}
#services thead{display:none}
#services tr.service_info{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:18px 18px 16px;margin:0 0 12px;border:1px solid var(--tkv-line);border-radius:18px;background:#fff;box-shadow:var(--tkv-panel-shadow)}
#services tr.service_info td{display:block;border:0;padding:0;background:transparent!important;box-shadow:none!important;font-size:15px;font-weight:500;color:var(--tkv-text)}
#services tr.service_info td::after{display:none!important}
#services tr.service_info td:nth-child(1){grid-column:1/-1;font-family:var(--tkv-heading);font-weight:700;font-size:19px;line-height:1.25;color:var(--tkv-slate)}
#services tr.service_info td:nth-child(2){grid-column:1/-1;margin:4px 0 14px;padding-bottom:14px!important;border-bottom:1px solid var(--tkv-line);color:var(--tkv-muted);font-size:14px;font-weight:400;overflow-wrap:anywhere}
#services tr.service_info td:nth-child(4){display:none}
#services tr.service_info td:nth-child(3)::before,#services tr.service_info td:nth-child(5)::before,#services tr.service_info td:nth-child(6):not(:has(.btn-group))::before{display:block;margin-bottom:3px;font-size:12px;font-weight:400;color:var(--tkv-muted)}
#services tr.service_info td:nth-child(3)::before{content:"Billing"}
#services tr.service_info td:nth-child(5)::before{content:"Renews"}
#services tr.service_info td:nth-child(6):not(:last-child)::before{content:"Suspended"}
#services tr.service_info td:nth-child(6):last-child:not(:has(.btn-group))::before{content:"Cancelled"}
#services tr.service_info td:has(.btn-group){grid-column:1/-1;margin-top:16px}
#services tr.service_info td .btn-group,#services tr.service_info td .btn-group .btn{display:flex;width:100%;justify-content:center;align-items:center;gap:8px}
#services tr.service_info td .btn-group .btn{padding:12px 20px;font-size:15px}
#services tr.expand_details{display:block}
#services tr.expand_details td{display:block;border:0;padding:0}
}
/* Phone header: the row's -15px gutters overhung the header pill by 7px and clipped the account menu */
@media (max-width: 767.98px) { .allure-header > .container > .row, .allure-header > .container-fluid > .row { margin-left: -14px; margin-right: -8px; } }