/* PayThis shared interface, layered over the existing functional templates. */
:root{--pt-ink:#172b3a;--pt-muted:#526575;--pt-blue:#075b88;--pt-teal:#087f80;--pt-line:#dbe4e9;--pt-bg:#f2f6f8;--pt-radius:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--pt-ink);background:var(--pt-bg);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
img,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{font:inherit;max-width:100%}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{min-height:46px;border-radius:8px}
button,.btn,[role=button]{min-height:44px;cursor:pointer}
a{color:var(--pt-blue)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #e9a52c!important;outline-offset:3px}
.topnav{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:12px max(16px,calc((100% - 1200px)/2));background:#fff;border-bottom:1px solid var(--pt-line);box-shadow:0 2px 15px #16384c08}
.topnav a{float:none!important;padding:10px 14px;border-radius:8px;color:var(--pt-ink);text-decoration:none;font-weight:600;font-size:14px}
.topnav a.active,.topnav a:hover{background:#e7f2f6;color:var(--pt-blue)}
.topnav #btn_change_lang{margin-left:auto}
.s01{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 78px);padding:clamp(24px,5vw,72px) 20px;background:radial-gradient(ellipse at top right,#d9eeee 0,transparent 60%),var(--pt-bg)}
#form_search_invoice{width:min(100%,1000px);padding:clamp(22px,5vw,54px)!important;margin:0 auto 30px;background:#fff;border:1px solid var(--pt-line);border-radius:20px;box-shadow:0 16px 50px #15364c0a}
#form_search_invoice fieldset{border:0;margin:0 0 24px;padding:0}
#form_search_invoice legend{font-size:clamp(25px,4vw,38px);font-weight:750;color:var(--pt-ink);line-height:1.25;margin-bottom:0}
#form_search_invoice .inner-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:14px;margin:0;padding:0;background:transparent;box-shadow:none}
#form_search_invoice label{display:block;margin-bottom:7px;color:var(--pt-muted);font-size:14px;font-weight:600}
#form_search_invoice .input-field{width:auto!important;height:auto!important;margin:0!important;min-width:0}
#form_search_invoice input{width:100%;height:54px;padding:14px 16px;border:1px solid #becdd5;background:#fbfdfe;color:var(--pt-ink);font-size:16px}
#form_search_invoice .btn-search{width:100%;height:54px;padding:12px 28px;border:0;border-radius:8px;background:var(--pt-blue);color:#fff;font-weight:650;font-size:16px}
.media-body.content-set-small{width:min(100%,900px);margin:24px auto;padding:0 12px;text-align:center;color:var(--pt-muted);flex:none}
.media-body .page-title{font-size:clamp(23px,3vw,32px);line-height:1.3;color:var(--pt-ink)}
.media-body p{font-size:16px;line-height:1.8}
.pt-help{width:min(100%,900px);margin:24px auto;padding:24px;background:#fff;border:1px solid var(--pt-line);border-radius:12px;scroll-margin-top:24px}
.pt-help h2{font-size:22px;margin:0 0 16px;color:var(--pt-ink)}
.pt-help p{margin:12px 0;color:var(--pt-muted)}
.pt-help details{border-top:1px solid var(--pt-line);padding:14px 0}
.pt-help summary{cursor:pointer;font-weight:600;min-height:32px}
.container-contact100{background:var(--pt-bg);padding:32px 16px}
.wrap-contact100{width:min(100%,760px);padding:clamp(22px,5vw,48px);border:1px solid var(--pt-line);border-radius:20px;background:#fff;box-shadow:0 16px 40px #15364c0a}
.contact100-form-title{font-family:inherit;color:var(--pt-ink)}
.wrap-contact100 .input100{font-family:inherit;color:var(--pt-ink);font-size:16px;background:#f7fafb;border:1px solid var(--pt-line);padding:12px 16px}
.wrap-contact100 .contact100-form-btn{background:var(--pt-blue);color:white;border-radius:8px}
.wrap-contact100 .title_input{height:auto;min-height:30px}
.img-credit-card{width:auto;max-width:60px;max-height:35px;margin:10px 7px;object-fit:contain}
.result_list_invoice{width:min(100%,1200px);max-width:100%;margin:0 auto}
table{border-collapse:collapse}
.table_responsive{width:100%;background:white;border-radius:12px;margin-bottom:24px}
.table_responsive th,.table_responsive td{padding:12px;border-color:var(--pt-line);overflow-wrap:anywhere}
.table_responsive caption{padding:10px 12px;color:var(--pt-ink);text-align:left;line-height:1.5}
#table_total_amount{max-width:100%;margin-left:auto;background:white;border-radius:12px}
#table_total_amount td{padding:12px 20px}
.aside_payment{width:min(100%,650px);margin:0 auto}
.aside_payment .card{border:1px solid var(--pt-line);border-radius:var(--pt-radius);box-shadow:0 16px 40px #15364c0a;overflow:hidden}
.aside_payment .alert-success:empty{display:none}
.container-login100{min-height:calc(100vh - 60px);padding:32px 16px;background:radial-gradient(ellipse at top right,#d9eeee,transparent 65%),var(--pt-bg)!important}
.wrap-login100{width:min(100%,470px);padding:38px 34px;border:1px solid var(--pt-line);border-radius:20px;background:#fff;box-shadow:0 18px 65px #173b4a10}
.wrap-login100 .login100-form-title{color:var(--pt-ink);font-family:inherit;font-size:28px;font-weight:700}
.wrap-login100 .input100{color:var(--pt-ink);font-family:inherit;font-size:16px;padding-left:40px;background:#f8fafb}
.wrap-login100 .wrap-input100{border-bottom:1px solid #aebfc9}
.wrap-login100 .focus-input100:before{background:var(--pt-blue)}
.wrap-login100 .focus-input100:after{color:var(--pt-muted)}
.wrap-login100 .login100-form-btn{width:100%;border-radius:9px;background:var(--pt-blue);color:white;font-weight:650}
.wrap-login100 .login100-form-btn:before{display:none}
.wrap-login100 .login100-form-btn:hover{background:var(--pt-teal);color:#fff}
.wrap-login100 .input100::placeholder{color:var(--pt-muted);opacity:1}
.footer-copyright p{background:transparent!important;color:var(--pt-muted)!important}
.wrap-login100 .label_tenant,.wrap-login100 .label_parking{color:var(--pt-blue);font-family:inherit;font-size:20px}
.wrap-login100 .login100-form-logo{max-width:90px;height:auto;background:transparent}
.wrap-login100 .logo_div{display:flex;align-items:center;justify-content:center;gap:8px}
.wrap-login100 .logo_div:after{display:none}
.wrap-login100 .alert-error{color:#a52222;background:#fff0f0;border-radius:8px}
#myFooter,.footer-copyright{background:#e7eff3;color:var(--pt-muted);text-align:center}
.contact1{min-height:100vh;padding:32px 16px;background:var(--pt-bg)}
.container-contact1{width:min(100%,1200px);display:flex;gap:32px;padding:clamp(20px,4vw,44px);border-radius:20px;border:1px solid var(--pt-line);background:white}
.container-contact1 .contact1-pic{width:45%;margin:0;min-width:0}
.container-contact1 .contact1-form{width:50%;min-width:0}
.container-contact1 .header_dispute{height:auto;max-height:650px;border-color:var(--pt-line);border-radius:12px}
.container-contact1 .contact1-form-title{font-family:inherit;color:var(--pt-ink);font-size:28px}
.container-contact1 .input1{font-family:inherit;font-size:16px;border:1px solid var(--pt-line);border-radius:8px;background:#f7fafb}
.container-contact1 .contact1-form-btn{border-radius:8px;background:var(--pt-blue)}
.paythis-cms .sidebar-menu{background:#102e40}
.paythis-cms .sidebar-header{background:#102e40;border-bottom:1px solid #ffffff20;padding:25px 20px}
.paythis-cms .metismenu li a{color:#d3e4ed;min-height:44px;padding:12px 18px;white-space:normal}
.paythis-cms .metismenu li a:hover,.paythis-cms .metismenu li.active>a{background:#1d465c;color:#fff}
.paythis-cms .main-content{background:var(--pt-bg);min-width:0}
.paythis-cms .main-content-inner{padding:24px;min-width:0}
.paythis-cms .header-area,.paythis-cms .page-title-area{background:#fff;border-bottom:1px solid var(--pt-line)}
.paythis-cms .card{border:1px solid var(--pt-line);border-radius:12px;box-shadow:0 5px 18px #15364c05}
.paythis-cms .card-body{min-width:0}
.paythis-cms .table-responsive,.paythis-cms .pt-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.paythis-cms .table th{background:#edf4f7;color:var(--pt-ink);font-weight:650;white-space:nowrap}
.paythis-cms .table td{vertical-align:middle}
.paythis-cms .form-control{border-color:#bdccd4;border-radius:7px;font-size:16px}
.paythis-cms .ms-container{width:100%;max-width:100%;min-width:0;background-position:50% 50%}
.paythis-cms .ms-container .ms-selectable,.paythis-cms .ms-container .ms-selection{width:46%;min-width:0}
.paythis-cms .ms-container input{width:100%;min-width:0}
.paythis-cms .ms-container .ms-list{width:100%}
.paythis-cms div.dataTables_wrapper div.dataTables_filter label{display:flex;align-items:center;justify-content:flex-end;gap:8px;max-width:100%;white-space:normal}
.paythis-cms div.dataTables_wrapper div.dataTables_filter input{width:180px;min-width:0;max-width:calc(100% - 70px);margin-left:0}
.paythis-cms .dataTables_wrapper{width:100%;max-width:100%;min-width:0}
.paythis-cms .dataTables_wrapper>.row{margin-left:0;margin-right:0}
.paythis-cms .btn-primary{background:var(--pt-blue);border-color:var(--pt-blue)}
.paythis-cms .search-box{max-width:100%}
.paythis-cms .footer-area{padding:22px;background:transparent;color:var(--pt-muted)}
.paythis-cms .nav-btn{cursor:pointer;border-radius:6px;padding:10px}
.pt-skip{position:absolute;left:16px;top:-100px;z-index:9999;background:#fff;padding:12px 20px}
.pt-skip:focus{top:10px}
@media(max-width:1024px){.paythis-cms .main-content-inner{padding:16px}.paythis-cms .card-body{padding:18px}.paythis-cms .row>[class*=col-]{min-width:0}}
@media(max-width:767px){
 .topnav{padding:10px;gap:2px}.topnav a{padding:9px 10px;font-size:13px}
 .s01{padding:26px 14px}.s01 .container{padding:0;width:100%}.s01 .container>.row{margin:0}
 #form_search_invoice{padding:24px 18px!important}#form_search_invoice .inner-form{grid-template-columns:1fr}
 .table_responsive th,.table_responsive td{padding:10px}.table_responsive caption{font-size:16px!important}
 .aside_payment .card-body.p-5{padding:24px 18px!important}
 .wrap-login100{padding:28px 22px}.wrap-login100 .label_tenant,.wrap-login100 .label_parking{font-size:18px}
 .container-contact1{flex-direction:column;gap:24px;padding:22px 18px}.container-contact1 .contact1-pic,.container-contact1 .contact1-form{width:100%}
 .container-contact1 .header_dispute{max-height:350px;padding:18px}
 .paythis-cms .main-content-inner{padding:12px}.paythis-cms .card-body{padding:14px}.paythis-cms .header-area{padding:12px}
 .paythis-cms .page-title-area{padding:12px 16px}.paythis-cms .page-title{font-size:22px;margin:0}
 .paythis-cms .user-profile{padding:8px 12px}.paythis-cms .user-name{font-size:14px}
 .paythis-cms .search-box input{width:100%}.paythis-cms .form-group{max-width:100%}
 .paythis-cms .modal-dialog{margin:12px}.paythis-cms .pagination{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.paythis-cms select.vodiapicker{display:block!important}
.paythis-cms .ms-container li{overflow-wrap:anywhere}
@media(max-width:767px){.paythis-cms .row{margin-left:0;margin-right:0}.paythis-cms .row>[class*=col-]{padding-left:0;padding-right:0}.paythis-cms div.dataTables_wrapper div.dataTables_filter label{justify-content:flex-start}}