@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@500;700&display=swap");body,html{max-width:100vw;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box;padding:0;margin:0}.card-hover{transition:transform .3s ease}.card-hover:hover{transform:scale(1.05)}.custom-header-font{font-family:Nunito,sans-serif}@media (max-width:500px){.metric-selector{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:8px!important;gap:8px!important}.metric-selector .btn{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important}}@media (max-width:768px){.route-modal .modal-dialog{margin:.5rem;max-width:calc(100% - 1rem)}.route-modal .modal-content{border-radius:1rem}.apexcharts-xaxis-label,.apexcharts-yaxis-label{font-size:10px!important}.container-fluid{padding-left:.5rem!important;padding-right:.5rem!important}.main-content .d-flex.justify-content-between.align-items-center{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.main-content .d-flex.justify-content-between.align-items-center .btn-group{width:100%!important;display:flex!important;justify-content:center!important}.table-responsive{overflow-x:visible!important}.table-responsive table{display:block!important;width:100%!important}.table-responsive thead{display:none!important}.table-responsive tbody{display:block!important;width:100%!important}.table-responsive tr{display:block!important;margin-bottom:1rem!important;border:1px solid #dee2e6!important;border-radius:8px!important;background-color:#fff!important}.table-responsive td{display:block!important;text-align:right!important;padding:.75rem!important;border:none!important;border-bottom:1px solid #dee2e6!important}.table-responsive td:last-child{border-bottom:none!important}.table-responsive td:before{content:attr(data-label)!important;float:left!important;font-weight:700!important;text-transform:uppercase!important;color:#6c757d!important}.table-responsive td[data-label="Trafik Skoru"] .d-flex{justify-content:flex-end!important}.table-responsive td[data-label="Trafik Skoru"] .d-flex>div{order:1!important}.table-responsive td[data-label="Trafik Skoru"] .d-flex>span{order:2!important;margin-left:8px!important}}@media (max-width:991px){#city-dropdown{max-width:280px;margin:0 auto}}