/* NETCOMP responsive compatibility layer: desktop, tablet and mobile */
:root{--nc-space:clamp(12px,2vw,24px)}
html{width:100%;max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:320px;max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%}
img,video{height:auto}
input,select,textarea,button{max-width:100%;font:inherit}
input,select,textarea{min-width:0}
.container,.container-fluid{width:100%;max-width:100%}
.row{min-width:0}
[class^="col-"],[class*=" col-"]{min-width:0}
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%}
.card,.modal-content,.dropdown-menu,.form-control,.custom-select{max-width:100%}
form .form-row,form .row{row-gap:.5rem}
.btn,button{white-space:normal;overflow-wrap:anywhere}
textarea{resize:vertical}
pre,code{white-space:pre-wrap;overflow-wrap:anywhere}
iframe{border:0}
@media (max-width:1199.98px){
 .container{max-width:100%;padding-left:16px;padding-right:16px}
 .navbar-nav{flex-wrap:wrap}
 .table{font-size:.94rem}
}
@media (max-width:991.98px){
 .container{padding-left:14px;padding-right:14px}
 .navbar,.navbar .container,.navbar>.container{flex-wrap:wrap}
 .navbar-collapse{width:100%;flex-basis:100%}
 .navbar-nav{align-items:stretch}
 .navbar-nav .nav-link{white-space:normal}
 .net-main-nav>.container{flex-wrap:wrap;gap:8px;padding-top:10px;padding-bottom:10px}
 .net-main-nav .navbar-toggler{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
 .net-main-nav .navbar-collapse{display:none;flex-basis:100%;width:100%;align-items:stretch}
 .net-main-nav .navbar-collapse.show{display:flex;flex-direction:column}
 .net-main-nav .navbar-nav{flex-direction:column;align-items:stretch;width:100%}
 .net-main-nav .nav-link{white-space:normal}
 .net-main-nav .d-flex{flex-wrap:wrap}
 .row.g-4{--bs-gutter-x:1rem}
}
@media (max-width:767.98px){
 body{font-size:14px}
 h1{font-size:clamp(1.5rem,6vw,2rem)}
 h2{font-size:clamp(1.3rem,5vw,1.7rem)}
 h3{font-size:clamp(1.1rem,4vw,1.4rem)}
 .container,.container-fluid{padding-left:12px;padding-right:12px}
 .card{margin-bottom:12px}
 .card-body{padding:14px}
 .table{font-size:12px}
 .table td,.table th{padding:.45rem;vertical-align:middle}
 .btn{min-height:38px}
 .form-control,.custom-select,select,input:not([type=checkbox]):not([type=radio]){min-height:40px}
 .form-inline{display:flex;flex-wrap:wrap;gap:8px}
 .form-inline .form-control{width:100%;max-width:100%}
 .modal-dialog{margin:.5rem}
 .modal-body{max-height:75vh;overflow-y:auto}
 .net-topbar .container{align-items:flex-start}
 .net-main-nav .navbar-brand{min-width:0;margin-right:8px}
 .net-main-nav .brand-net,.net-main-nav .brand-comp{font-size:25px}
 .net-footer .row>[class*="col-"]{margin-bottom:12px}
 .horizontal-slider-wrap{padding-left:8px;padding-right:8px}
 .hero{padding:1.5rem 1rem}
 .hero-fallback{min-height:240px}
}
@media (max-width:575.98px){
 .d-flex:not(.keep-inline){flex-wrap:wrap}
 .btn-group{display:flex;flex-wrap:wrap;gap:6px}
 .btn-group>.btn{border-radius:.25rem!important}
 .pagination{flex-wrap:wrap;gap:3px}
 .table-responsive table{min-width:620px}
 .net-main-nav .navbar-brand small{font-size:9px}
 .net-topbar{font-size:12px}
 .alert{overflow-wrap:anywhere}
 .input-group{flex-wrap:wrap}
 .input-group>.form-control{flex:1 1 100%;width:100%}
 .input-group-append,.input-group-prepend{display:flex}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}