@import '_content/GriffSoft.Core.BlazorApp/GriffSoft.Core.BlazorApp.bundle.scp.css';
@import '_content/GriffSoft.Shared.UI.Blazor/GriffSoft.Shared.UI.Blazor.bundle.scp.css';

/* _content/GriffSoft.Urbanalytics.BlazorApp/Pages/ForgottenPassword.razor.rz.scp.css */
.login__form[b-e33gga0pfp] {
  padding-left: 21.8%;
  padding-right: 21.8%;
}
.login__form .subject[b-e33gga0pfp] {
  font-weight: 500;
  font-size: 30px;
  line-height: 38px;
  color: #26272B;
}
.form-group[b-e33gga0pfp] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-group .send-button[b-e33gga0pfp] {
  border: none;
  width: 306px;
  height: 28px;
  border-radius: 8px;
  background-color: #3E4784;
  color: white;
  font-size: 0.9rem;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Pages/Login.razor.rz.scp.css */
.title[b-sao7zsio8c] {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  margin-left: 16px;
}
.bg__image[b-sao7zsio8c] {
  object-fit: cover;
  height: 100vh;
}
.left__col[b-sao7zsio8c] {
  height: 100vh;
}
.login__form[b-sao7zsio8c] {
  padding-left: 21.8%;
  padding-right: 21.8%;
}
.login__form .subject[b-sao7zsio8c] {
  font-weight: 500;
  font-size: 30px;
  line-height: 38px;
  color: #26272B;
}
.login__form .sub-title[b-sao7zsio8c] {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #A0A0AB;
}
.form-group[b-sao7zsio8c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-group .login-button[b-sao7zsio8c] {
  border: none;
  width: 306px;
  height: 28px;
  border-radius: 8px;
  background-color: #3E4784;
  color: white;
  font-size: 0.9rem;
}
.form-group .horizontal-shake[b-sao7zsio8c] {
  animation: horizontal-shaking-b-sao7zsio8c 0.25s;
}
.error-message[b-sao7zsio8c] {
  height: 40px;
  background: #FEF3F2;
  border: 1px solid #FDA29B;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  display: flex;
}
.message[b-sao7zsio8c] {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #D92D20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.message .warning[b-sao7zsio8c] {
  font-size: 17px;
}
.message .x-button[b-sao7zsio8c] {
  font-size: 20px;
  cursor: pointer;
}
.message .x-button:hover[b-sao7zsio8c] {
  transition: all 0.2s ease-in-out;
  transform: scale(1.3);
}
@keyframes horizontal-shaking-b-sao7zsio8c {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Pages/MobilityMapPage.razor.rz.scp.css */
.wrapper[b-gm1apa3qa7] {
  height: 100vh;
}
.close-kepler[b-gm1apa3qa7] {
  background-color: #3E4784;
  z-index: 999;
  position: relative;
  top: 66px;
  left: 15px;
  border-radius: 8px;
  color: white;
  font-size: 14px;
  border-color: transparent;
  padding: 6px 15px;
}
@media only screen and (max-width: 900px) {
  .wrapper[b-gm1apa3qa7]  .leaflet-top .leaflet-control {
    margin-top: 20px;
    margin-left: 120px;
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Pages/NewSimulationPage.razor.rz.scp.css */
.stepper[b-p6qc5pqwtx] {
  height: 100%;
  width: 70%;
  margin: 0 auto;
  padding-top: 50px;
}
.stepper[b-p6qc5pqwtx]  .k-wizard-horizontal {
  height: 100%;
}
.stepper[b-p6qc5pqwtx]  .k-wizard-content .descr-area {
  height: 20em !important;
  resize: none;
}
.stepper[b-p6qc5pqwtx]  .k-wizard-content .simulation-input {
  height: 40px;
  font-size: 14px;
  border-radius: 8px;
  padding-bottom: 8px;
}
.stepper[b-p6qc5pqwtx]  .k-wizard .k-wizard-buttons {
  justify-content: center !important;
}
.stepper[b-p6qc5pqwtx]  .k-wizard .k-wizard-buttons .k-button-md {
  font-size: 16px;
  font-weight: 600;
}
.stepper[b-p6qc5pqwtx]  .k-wizard .k-wizard-buttons .k-button-solid-base {
  color: #3E4784 !important;
  background-image: none;
  border-color: #4E5BA6;
}
.stepper[b-p6qc5pqwtx]  .k-wizard .k-wizard-buttons .k-button-solid-primary:focus {
  box-shadow: none;
}
.stepper[b-p6qc5pqwtx]  .k-wizard .k-wizard-buttons .k-wizard-pager {
  display: none;
}
.stepper[b-p6qc5pqwtx]  .k-stepper .k-step-current .k-step-indicator {
  border-color: #3E4784;
  color: white;
  background-color: #3E4784;
}
.stepper[b-p6qc5pqwtx]  .k-stepper .k-step-done .k-step-indicator {
  border-color: #3E4784;
  color: white;
  background-color: #3E4784;
}
.stepper[b-p6qc5pqwtx]  .k-progressbar .k-selected {
  border-color: #3E4784;
  color: white;
  background-color: #3E4784;
}
.stepper[b-p6qc5pqwtx]  .k-wizard .k-wizard-step:focus,
.stepper .k-wizard .k-wizard-step.k-focus[b-p6qc5pqwtx] {
  outline: none;
}
.input-group-text[b-p6qc5pqwtx] {
  color: white;
  background: #3E4784;
  border-radius: 8px 0px 0px 8px;
  margin-right: -1px;
}
.large-icon[b-p6qc5pqwtx] {
  font-size: 32px;
  margin-right: 10px;
}
.warning-text[b-p6qc5pqwtx] {
  color: red;
  font-size: 16px;
  display: flex;
  align-items: center;
  padding: 20px;
}
.zone-grid-wrapper[b-p6qc5pqwtx]  .k-grid-md .k-table-th {
  background: #3E4784;
  color: white;
}
.zone-grid-wrapper[b-p6qc5pqwtx]  .k-grid {
  border-radius: 8px;
  overflow: hidden;
}
.simulation-input-desc[b-p6qc5pqwtx] {
  height: 40px;
  font-size: 14px;
  border-radius: 0px 8px 8px 0px;
  padding-bottom: 8px;
}
@media (max-width: 1100px) {
  .row > div[b-p6qc5pqwtx] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.zone-grid-wrapper[b-p6qc5pqwtx]  .k-button-flat-primary {
  color: #3E4784;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Pages/PasswordModification.razor.rz.scp.css */
.pw_change_form[b-eyg00jmhdq] {
  padding-left: 21.8%;
  padding-right: 21.8%;
}
.pw_change_form .subject[b-eyg00jmhdq] {
  font-weight: 500;
  font-size: 30px;
  line-height: 38px;
  color: #26272B;
}
.pw_change_form .help-marker[b-eyg00jmhdq] {
  vertical-align: sub;
  font-size: 20px;
}
.pw_change_form .input-wrapper[b-eyg00jmhdq] {
  position: relative;
}
.pw_change_form .input-wrapper .eye-icon[b-eyg00jmhdq] {
  position: absolute;
  z-index: 1;
  right: 5px;
  top: 1px;
  font-size: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
.pw_change_form #medve[b-eyg00jmhdq] {
  width: 140px;
  height: 140px;
  background: url("Images/medve.png") left center;
  background-size: cover;
  display: inline-block;
  margin-left: 33%;
}
.pw_change_form .medve-dont-look[b-eyg00jmhdq] {
  animation: play-b-eyg00jmhdq 0.3s steps(2) normal forwards;
}
.pw_change_form .medve-look[b-eyg00jmhdq] {
  animation: play-b-eyg00jmhdq 1s steps(2) normal backwards;
}
@keyframes play-b-eyg00jmhdq {
  100% {
    background-position: -590px;
  }
}
.pw_change_form .pass-quality[b-eyg00jmhdq] {
  width: 100%;
  border-radius: 5px;
  margin-top: 5px;
  height: 7px;
  padding: 2px;
}
.pw_change_form .pass-inside[b-eyg00jmhdq] {
  height: 100%;
  -webkit-transition: all 0.3s ease-out;
  border-radius: 5px;
  padding-right: 2px;
  float: left;
  width: 24%;
  margin-right: 1%;
}
.pw_change_form .pass-VeryWeak[b-eyg00jmhdq] {
  background: darkred;
}
.pw_change_form .pass-Weak[b-eyg00jmhdq] {
  background: red;
}
.pw_change_form .pass-Medium[b-eyg00jmhdq] {
  background: orange;
}
.pw_change_form .pass-Perfect[b-eyg00jmhdq] {
  background: green;
}
.form-group[b-eyg00jmhdq] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-group .save-button[b-eyg00jmhdq] {
  border: none !important;
  width: 306px !important;
  height: 28px !important;
  border-radius: 8px !important;
  background-color: #3E4784 !important;
  color: white !important;
  font-size: 0.9rem !important;
}
[b-eyg00jmhdq] a,
.btn-link[b-eyg00jmhdq] {
  color: black;
  text-decoration: none;
}
.back_to_login[b-eyg00jmhdq] {
  display: flex;
  align-items: flex-end;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Pages/Simulation.razor.rz.scp.css */
.title[b-jf14txwue1] {
  color: #3E4784;
  width: fit-content;
}
.ascDescButton[b-jf14txwue1] {
  border-radius: 15px;
  width: 50px;
  height: 50px;
  border: 0;
  margin-right: 12px;
  box-shadow: 4px 5px 10px grey;
  background-color: #3E4784;
  color: #fff !important;
}
.ascDescButton:hover[b-jf14txwue1] {
  background-color: #4E5BA6 !important;
  color: #fff !important;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.pg[b-jf14txwue1] {
  align-items: center;
  padding: 40px !important;
}
.projectCardBoxes[b-jf14txwue1] {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}
@media (min-width: 2200px) {
  .col-xxxl-2[b-jf14txwue1] {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
}
@media (min-width: 2600px) {
  .col-xxxl-2[b-jf14txwue1] {
    flex: 0 0 auto;
    width: 14.28571429%;
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Pages/TrafficMapPage.razor.rz.scp.css */
.wrapper[b-upvj3zz6nj] {
  height: 100vh;
}
.close-kepler[b-upvj3zz6nj] {
  background-color: #3E4784;
  z-index: 999;
  position: relative;
  top: 66px;
  left: 15px;
  border-radius: 8px;
  color: white;
  font-size: 14px;
  border-color: transparent;
  padding: 6px 15px;
}
@media only screen and (max-width: 900px) {
  .wrapper[b-upvj3zz6nj]  .leaflet-top .leaflet-control {
    margin-top: 20px;
    margin-left: 120px;
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Pages/TrafficTable.razor.rz.scp.css */
.k-grid-toolbar[b-jtz2qxme01] {
  display: none;
}
.d-flex[b-jtz2qxme01] {
  margin-top: 10px;
}
.k-checkbox-label[b-jtz2qxme01] {
  margin-bottom: 10px;
}
.traffic[b-jtz2qxme01] {
  padding-top: 22px;
}
.traffic[b-jtz2qxme01]  {
  /*Lenyíló lista beállításai*/
  /*Selected elemek beállításai*/
  /*Táblázat tr-jeinek beállítása*/
  /*Táblázat oldalainak számainak beállítása*/
  /*Jelenleg kiválasztott oldal számának beállítása*/
  /*Betöltő ikon színének beállítása*/
  /*Táblázat oldalainak lenyíló listájának beállításai*/
  /* dropdowns */
  /*(Forgalom fül) Táblázat td beállításai*/
  /*(Forgalom fül) Táblázat beállításai*/
  /*(Forgalom fül) Táblázat td első oszlopainak beállításai*/
  /*(Forgalom fül) Detail táblázat tdr első oszlopainak beállításai*/
  /*(Forgalom fül) Táblázat oszlopainak beállításai*/
  /*(Forgalom fül) Táblázat oszlopainak beállításai*/
  /*(Forgalom fül) Táblázat kiválasztott oszlopának beállításai*/
  /*Szövegtípusainak beállításai*/
  /*(Forgalom fül) táblázatban lévő szűrt oszlop szűrő ikonjának való beállításai*/
}
.traffic[b-jtz2qxme01]  .k-list-item.k-selected,
.traffic[b-jtz2qxme01]  .k-selected.k-list-optionlabel {
  background-color: #4E5BA6 !important;
}
.traffic[b-jtz2qxme01]  .k-grid td.k-selected,
.traffic[b-jtz2qxme01]  .k-grid tr.k-selected > td {
  background-color: #3E4784;
  color: white;
}
.traffic[b-jtz2qxme01]  .k-grid tbody tr:hover:not(.k-detail-row) td {
  background-color: #3E4784 !important;
  background-color: transparent;
  color: white;
}
.traffic[b-jtz2qxme01]  .k-pager-numbers .k-link {
  color: #3E4784 !important;
}
.traffic[b-jtz2qxme01]  .k-pager-numbers .k-link.k-selected {
  background-color: #3E4784 !important;
  color: white !important;
}
.traffic[b-jtz2qxme01]  .k-loader-primary {
  color: #3E4784;
}
.traffic[b-jtz2qxme01]  .k-toolbar {
  display: none;
}
.traffic[b-jtz2qxme01]  .k-pager .k-pager-sizes .k-dropdownlist {
  width: 6em !important;
}
.traffic[b-jtz2qxme01]  .k-popup .k-list {
  font-size: 14px;
}
.traffic[b-jtz2qxme01]  .trafficTableData td,
.traffic[b-jtz2qxme01]  .trafficTableDataDetail td {
  background-color: white !important;
  padding: 20px !important;
  font-family: inter !important;
  margin-bottom: 25px !important;
}
.traffic[b-jtz2qxme01]  .trafficTableData,
.traffic[b-jtz2qxme01]  .trafficTableDataDetail {
  margin-bottom: 25px !important;
}
.traffic[b-jtz2qxme01]  .trafficTableData td:first-child {
  font-weight: 600;
  width: 40%;
}
.traffic[b-jtz2qxme01]  .trafficTableDataDetail td:first-child {
  font-weight: inherit;
  width: inherit;
}
.traffic[b-jtz2qxme01]  .trafficTableData td:nth-child(2),
.traffic[b-jtz2qxme01]  .k-grid-header-wrap th:first-child,
.traffic[b-jtz2qxme01]  .k-grid-header-wrap th:nth-child(2) {
  width: 40%;
}
.traffic[b-jtz2qxme01]  .trafficTableDataDetail td:nth-child(2),
.traffic[b-jtz2qxme01]  .trafficTableDataDetail .k-grid-header-wrap th:first-child,
.traffic[b-jtz2qxme01]  .trafficTableDataDetail .k-grid-header-wrap th:nth-child(2) {
  width: 25%;
}
.traffic[b-jtz2qxme01]  .k-grid td.k-selected,
.traffic[b-jtz2qxme01]  .k-grid tr.k-selected > td {
  background: #4E5BA6 !important;
}
.traffic[b-jtz2qxme01]  .filter-values-container label,
.traffic[b-jtz2qxme01]  .k-column-title,
.traffic[b-jtz2qxme01]  .inter-font {
  font-family: inter !important;
}
.traffic[b-jtz2qxme01]  .k-grid-header .k-grid-filter.k-active,
.traffic[b-jtz2qxme01]  .k-grid-header .k-header-column-menu.k-active,
.traffic[b-jtz2qxme01]  .k-grid-header .k-grid-header-menu.k-active,
.traffic[b-jtz2qxme01]  .k-grid-header .k-hierarchy-cell .k-icon.k-active {
  background-color: #3E4784;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Pages/TrafficToggle.razor.rz.scp.css */
.toggle-urb[b-vp0y5x8phz] {
  position: absolute;
  z-index: 1000;
  top: 20px;
  margin-left: 25px;
}
/*(Forgalom fül) táblázat és térkép közötti nézetváltó box*/
.toggle-urb[b-vp0y5x8phz]  .k-button-text {
  display: flex;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/AmChart.razor.rz.scp.css */
#chartdiv[b-a9opvvzu46] {
  width: 100%;
  height: 640px;
}
#exportdiv[b-a9opvvzu46] {
  padding-bottom: 15px;
}
@media screen and (max-height: 830px) and (orientation: landscape) {
  #chartdiv[b-a9opvvzu46] {
    width: 100%;
    height: 80vh;
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/BaseFilterPanel.razor.rz.scp.css */
.wrapper[b-ft79cr4c2r]  .accordion {
  width: 400px;
  background-color: #FFFFFF;
  position: absolute;
  z-index: 999;
  top: 40px;
  right: 40px;
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
  /*Gomboknak (pl. dátumválasztás gombjainak) beállításai*/
  /*Csúszka (kiválasztott részének) beállításai*/
  /*Csúszkán lévő húzható gomb hover beállításai*/
  /*Csúszkán lévő húzható active gomb beállításai*/
  /*Csúszkán lévő gomb beállításai*/
  /*Csúszkán lévő húzható gomb focus beállításai*/
  /*Csúszka bevonalazásának megszűntetése*/
  /*Csúszka beállításai*/
  /*Csúszka gombja*/
  /*"Egyedi határérték megadása" box beállításai*/
  /*Egyedi határértek boxának beállítása*/
}
.wrapper[b-ft79cr4c2r]  .accordion .accordion-button {
  background-color: white;
  border: none;
  height: 50px;
  padding: 1rem 1.25rem 1rem 1.25rem;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.wrapper[b-ft79cr4c2r]  .accordion .accordion-button:focus {
  border: none !important;
}
.wrapper[b-ft79cr4c2r]  .accordion .accordion-body {
  max-height: 80%;
  padding: 0px 24px 16px 24px;
  max-height: 710px;
}
.wrapper[b-ft79cr4c2r]  .accordion .accordion-body form {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 8px;
}
.wrapper[b-ft79cr4c2r]  .accordion .accordion-body .no-data {
  text-align: center;
  animation: horizontal-shaking-b-ft79cr4c2r 0.25s;
}
.wrapper[b-ft79cr4c2r]  .accordion .accordion-body .no-data .no-data-text {
  font-weight: 500;
  color: red;
}
.wrapper[b-ft79cr4c2r]  .accordion .sensor-title {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #26272B;
  padding-left: 8px;
}
.wrapper[b-ft79cr4c2r]  .accordion .sensor-name {
  height: 40px;
  width: fit-content;
  color: #3E4784;
  background-color: #F8F9FC;
  border: 1px solid #B3B8DB;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.wrapper[b-ft79cr4c2r]  .accordion .sensor-name .sensor-close {
  border: none;
  background-color: transparent;
  color: #3E4784;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.wrapper[b-ft79cr4c2r]  .accordion .sensor-name .sensor-close:hover {
  transition: all 0.2s ease-in-out;
  transform: scale(1.3);
}
.wrapper[b-ft79cr4c2r]  .accordion .info-label,
.wrapper[b-ft79cr4c2r]  .accordion .warning-label {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: center;
  font: normal 12px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin: 20px 0px 10px 0px;
}
.wrapper[b-ft79cr4c2r]  .accordion .info-label {
  background: #FFFBEB;
}
.wrapper[b-ft79cr4c2r]  .accordion .warning-label {
  background: red;
}
.wrapper[b-ft79cr4c2r]  .accordion .group-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: end;
}
.wrapper[b-ft79cr4c2r]  .accordion .group-wrapper-scroll {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  justify-items: center;
  align-items: center;
  max-height: 110px;
  overflow: auto;
}
.wrapper[b-ft79cr4c2r]  .accordion .group-title {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #26272B;
  padding: 0px 2px;
  margin-top: 10px;
}
.wrapper[b-ft79cr4c2r]  .accordion .fixed-height {
  overflow-y: scroll;
  max-height: 120px;
}
.wrapper[b-ft79cr4c2r]  .accordion .query-row {
  display: flex;
  justify-content: end;
}
.wrapper[b-ft79cr4c2r]  .accordion .query-row .query-button {
  width: 103px;
  height: 40px;
  background-color: #3E4784;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  color: white;
}
.wrapper[b-ft79cr4c2r]  .accordion .query-row .reset-button {
  width: 103px;
  height: 40px;
  background-color: white;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  color: buttontext;
}
.wrapper[b-ft79cr4c2r]  .accordion .query-row .query-button:disabled {
  opacity: 0.5;
}
.wrapper[b-ft79cr4c2r]  .accordion button:disabled {
  cursor: not-allowed;
}
@media (max-height: 800px) {
  .wrapper[b-ft79cr4c2r]  .accordion .accordion-body {
    padding: 0px 24px 16px 24px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 8px;
    max-height: 88vh;
  }
}
.wrapper[b-ft79cr4c2r]  .accordion .k-input-button {
  border-inline-start-width: 0px;
}
.wrapper[b-ft79cr4c2r]  .accordion .k-slider .k-slider-selection {
  background-color: #3E4784;
}
.wrapper[b-ft79cr4c2r]  .accordion .k-slider .k-draghandle:hover {
  border-color: #3E4784;
  background-color: white;
}
.wrapper[b-ft79cr4c2r]  .accordion .k-slider .k-draghandle:active {
  border-color: #3E4784;
  background-color: white;
}
.wrapper[b-ft79cr4c2r]  .accordion .k-slider .k-draghandle {
  border-color: #3E4784;
  background-color: white;
}
.wrapper[b-ft79cr4c2r]  .accordion .k-slider .k-draghandle:focus {
  box-shadow: 0 0 2px #3E4784;
}
.wrapper[b-ft79cr4c2r]  .accordion .k-slider .k-slider-track-wrap .k-tick {
  flex: 0;
}
.wrapper[b-ft79cr4c2r]  .accordion .k-slider-horizontal .k-slider-track,
.wrapper[b-ft79cr4c2r]  .accordion .k-slider-horizontal .k-slider-selection {
  height: 8px;
  margin-top: -4px;
}
.wrapper[b-ft79cr4c2r]  .accordion .k-draghandle {
  height: 24px;
  width: 24px;
}
.wrapper[b-ft79cr4c2r]  .accordion .filter-checkbox {
  font-size: 14px;
  margin-top: 10px;
}
.wrapper[b-ft79cr4c2r]  .accordion .filter-checkbox input[type=checkbox] {
  height: 1rem !important;
  width: 1rem !important;
  accent-color: #3E4784;
  vertical-align: text-bottom;
}
.wrapper[b-ft79cr4c2r]  .accordion .static-limit-box {
  max-width: 100px;
}
@keyframes horizontal-shaking-b-ft79cr4c2r {
  0% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(-5px);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/ChartModalComponent/Mobility/MobilityChartModal.razor.rz.scp.css */
.chart-modal[b-dhgpukk6to] {
  position: absolute;
  z-index: 9999999;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 950px;
  height: 880px;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.chart-modal .modal-body[b-dhgpukk6to] {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.chart-modal .type-button[b-dhgpukk6to] {
  display: flex;
  width: fit-content;
  height: 36px;
  background-color: #F8F9FC;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  z-index: 100;
  width: 95px;
}
.chart-modal .small[b-dhgpukk6to] {
  font-size: 14px;
  padding: 1px;
  margin-left: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.chart-modal .close[b-dhgpukk6to] {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 20px;
  background-color: transparent;
  color: #000000;
  border: none;
  z-index: 100;
}
.chart-modal .close-button[b-dhgpukk6to] {
  height: 40px;
  width: fit-content;
  background: #FFFFFF;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.chart-modal .page-button[b-dhgpukk6to] {
  background: none;
  border: none;
}
.chart-modal .page-button i[b-dhgpukk6to] {
  font-size: 5rem;
}
.chart-modal .info-bar[b-dhgpukk6to] {
  cursor: pointer;
  z-index: 100;
  position: relative;
}
.chart-modal .chunk-data[b-dhgpukk6to] {
  font-size: 14px;
  font-weight: bold;
}
.chart-modal .small-screen[b-dhgpukk6to] {
  display: none;
}
@media screen and (max-height: 830px) {
  .chart-modal[b-dhgpukk6to] {
    width: 85%;
    height: 99%;
  }
  .chart-modal .big-screen[b-dhgpukk6to] {
    display: none;
  }
  .chart-modal .small-screen[b-dhgpukk6to] {
    display: flex;
    font-size: 1.5rem;
  }
  .chart-modal .chart-display[b-dhgpukk6to] {
    position: relative;
    top: -50px;
  }
  .chart-modal .chunk-data-info[b-dhgpukk6to] {
    position: relative;
    top: -28px;
  }
  .chart-modal .table-space[b-dhgpukk6to] {
    position: relative;
    top: -30px;
  }
  .chart-modal .chart-table[b-dhgpukk6to]  .k-grid tbody tr {
    height: 8vh !important;
  }
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
  .chart-modal[b-dhgpukk6to] {
    width: 85%;
    height: 85%;
  }
  .chart-modal .big-screen[b-dhgpukk6to] {
    display: none;
  }
  .chart-modal .small-screen[b-dhgpukk6to] {
    display: flex;
    font-size: 1.5rem;
  }
  .chart-modal .chart-display[b-dhgpukk6to] {
    position: relative;
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/ChartModalComponent/Mobility/MobilityInfoBar.razor.rz.scp.css */
.type-button[b-qmjugn48hd] {
  display: flex;
  width: fit-content;
  height: 36px;
  background-color: #F8F9FC;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
@media screen and (max-height: 830px) {
  .small-screen[b-qmjugn48hd] {
    width: 250px;
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/ChartModalComponent/Traffic/TrafficChartModal.razor.rz.scp.css */
.chart-modal[b-lcspljbsd6] {
  position: absolute;
  z-index: 9999999;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 950px;
  height: 880px;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.chart-modal .modal-body[b-lcspljbsd6] {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.chart-modal .type-button[b-lcspljbsd6] {
  display: flex;
  width: fit-content;
  height: 36px;
  background-color: #F8F9FC;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  z-index: 100;
  width: 95px;
}
.chart-modal .small[b-lcspljbsd6] {
  font-size: 14px;
  padding: 1px;
  margin-left: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.chart-modal .close[b-lcspljbsd6] {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 20px;
  background-color: transparent;
  color: #000000;
  border: none;
  z-index: 100;
}
.chart-modal .close-button[b-lcspljbsd6] {
  height: 40px;
  width: fit-content;
  background: #FFFFFF;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.chart-modal .page-button[b-lcspljbsd6] {
  background: none;
  border: none;
}
.chart-modal .page-button i[b-lcspljbsd6] {
  font-size: 5rem;
}
.chart-modal .info-bar[b-lcspljbsd6] {
  cursor: pointer;
  z-index: 100;
  position: relative;
}
.chart-modal .chunk-data[b-lcspljbsd6] {
  font-size: 14px;
  font-weight: bold;
}
.chart-modal .small-screen[b-lcspljbsd6] {
  display: none;
}
@media screen and (max-height: 830px) and (orientation: landscape) {
  .chart-modal[b-lcspljbsd6] {
    width: 85%;
    height: 99%;
  }
  .chart-modal .big-screen[b-lcspljbsd6] {
    display: none;
  }
  .chart-modal .small-screen[b-lcspljbsd6] {
    display: flex;
    font-size: 1.5rem;
  }
  .chart-modal .chart-display[b-lcspljbsd6] {
    position: relative;
    top: -50px;
  }
  .chart-modal .chunk-data-info[b-lcspljbsd6] {
    position: relative;
    top: -28px;
  }
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
  .chart-modal[b-lcspljbsd6] {
    width: 85%;
    height: 85%;
  }
  .chart-modal .chart-space[b-lcspljbsd6] {
    /*   position: absolute;
            width: 100%;
            top: 26px;
            right: 8px;*/
  }
  .chart-modal .big-screen[b-lcspljbsd6] {
    display: none;
  }
  .chart-modal .small-screen[b-lcspljbsd6] {
    display: flex;
    font-size: 1.5rem;
  }
  .chart-modal .chart-display[b-lcspljbsd6] {
    position: relative;
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/ChartModalComponent/Traffic/TrafficInfoBar.razor.rz.scp.css */
.type-button[b-zkgkvslbse] {
  display: flex;
  width: fit-content;
  height: 36px;
  background-color: #F8F9FC;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
@media screen and (max-height: 830px) {
  .small-screen[b-zkgkvslbse] {
    width: 250px;
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/Dashboard/DashboardCard.razor.rz.scp.css */
.card-body[b-l0fnufo9sq] {
  height: 450px;
  background-color: white;
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 12px 16px -4px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.card-body[b-l0fnufo9sq]  .type-select {
  position: absolute;
  right: 50px;
  z-index: 100;
}
.card-body[b-l0fnufo9sq]  .type-select .k-radio:checked,
.card-body[b-l0fnufo9sq]  .type-select .k-radio.k-checked {
  background-color: #3E4784;
  border-color: #3E4784;
}
.card-body[b-l0fnufo9sq]  .type-select .k-radio:checked:focus,
.card-body[b-l0fnufo9sq]  .type-select .k-radio.k-checked.k-focus {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/DaySelector.razor.rz.scp.css */
.day-select[b-jk68t5dwb2] {
  position: relative;
  margin: 15px 0px 60px 0px;
}
.day-select .day-select-item[b-jk68t5dwb2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.day-select .day-select-item .urb-select[b-jk68t5dwb2] {
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.day-select .urb-select-body[b-jk68t5dwb2] {
  background-color: white;
  z-index: 10000;
  position: relative;
  border-radius: 8px;
  border: 0.5px solid #b6b2b2;
  padding: 3px 15px;
  margin-top: -8px;
  box-shadow: 1px 10px 12px 3px #0000003d;
}
.transition-visible[b-jk68t5dwb2] {
  transition: transform 0.3s ease-out;
  height: auto;
  transform: scaley(1);
  transform-origin: top;
}
.transition-visible.transition-collapsed[b-jk68t5dwb2] {
  transform: scaley(0);
  overflow: hidden;
}
.transition-visible.transition-collapsed .day-select-body[b-jk68t5dwb2] {
  height: 1px;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/DropdownSelector.razor.rz.scp.css */
.urb-select[b-2latvw52u6] {
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/LabelList.razor.rz.scp.css */
.type-button[b-e096ny9w0k] {
  display: flex;
  width: fit-content;
  height: 40px;
  background-color: #FFFFFF;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.selected[b-e096ny9w0k] {
  background-color: #3E4784;
  color: white;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/LeafletDraw.razor.rz.scp.css */
#map[b-3j3m614pov] {
    height: 100%;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/LoadingSpinner.razor.rz.scp.css */
.bg.Small[b-uyexsa2g3y] {
  width: 150px;
  height: 150px;
  background-color: transparent !important;
}
.bg.Medium[b-uyexsa2g3y] {
  width: 450px;
  height: 450px;
}
.bg.Large[b-uyexsa2g3y] {
  width: 680px;
  height: 680px;
}
.loading-spinner[b-uyexsa2g3y] {
  z-index: 9999;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.loading-spinner .bg[b-uyexsa2g3y] {
  border-radius: 8px;
  background-color: #f5f5f5;
}
.loading-spinner .loader[b-uyexsa2g3y] {
  position: relative;
  width: 75px;
  height: 100px;
  background-repeat: no-repeat;
  background-image: linear-gradient(#DDD 50px, transparent 0), linear-gradient(#DDD 50px, transparent 0), linear-gradient(#DDD 50px, transparent 0), linear-gradient(#DDD 50px, transparent 0), linear-gradient(#DDD 50px, transparent 0);
  background-size: 8px 100%;
  background-position: 0px 90px, 15px 78px, 30px 66px, 45px 58px, 60px 50px;
  animation: pillerPushUp-b-uyexsa2g3y 4s linear infinite;
}
.loading-spinner .loader[b-uyexsa2g3y]:after {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #3E4784;
  border-radius: 50%;
  animation: ballStepUp-b-uyexsa2g3y 4s linear infinite;
}
@keyframes pillerPushUp-b-uyexsa2g3y {
  0%,
  40%,
  100% {
    background-position: 0px 90px, 15px 78px, 30px 66px, 45px 58px, 60px 50px;
  }
  50%,
  90% {
    background-position: 0px 50px, 15px 58px, 30px 66px, 45px 78px, 60px 90px;
  }
}
@keyframes ballStepUp-b-uyexsa2g3y {
  0% {
    transform: translate(0, 0);
  }
  5% {
    transform: translate(8px, -14px);
  }
  10% {
    transform: translate(15px, -10px);
  }
  17% {
    transform: translate(23px, -24px);
  }
  20% {
    transform: translate(30px, -20px);
  }
  27% {
    transform: translate(38px, -34px);
  }
  30% {
    transform: translate(45px, -30px);
  }
  37% {
    transform: translate(53px, -44px);
  }
  40% {
    transform: translate(60px, -40px);
  }
  50% {
    transform: translate(60px, 0);
  }
  57% {
    transform: translate(53px, -14px);
  }
  60% {
    transform: translate(45px, -10px);
  }
  67% {
    transform: translate(37px, -24px);
  }
  70% {
    transform: translate(30px, -20px);
  }
  77% {
    transform: translate(22px, -34px);
  }
  80% {
    transform: translate(15px, -30px);
  }
  87% {
    transform: translate(7px, -44px);
  }
  90% {
    transform: translate(0, -40px);
  }
  100% {
    transform: translate(0, 0);
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/MobilityFilterPanel.razor.rz.scp.css */
.k-form-field-wrap[b-aqt7t7586k]  .k-radio-list {
  flex-direction: row;
  justify-content: space-evenly;
}
.k-form-field-wrap[b-aqt7t7586k]  .k-radio-list .k-radio:checked,
.k-form-field-wrap[b-aqt7t7586k]  .k-radio-list .k-radio.k-checked {
  border-color: #3E4784;
  color: white;
  background-color: #3E4784;
}
.k-form-field-wrap[b-aqt7t7586k]  .k-radio-list .k-radio:focus,
.k-form-field-wrap[b-aqt7t7586k]  .k-radio-list .k-radio.k-focus {
  box-shadow: none;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/MobilityLabelList.razor.rz.scp.css */
.type-button[b-nqoinjy8lz] {
  display: flex;
  width: fit-content;
  height: 40px;
  background-color: #FFFFFF;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.selected[b-nqoinjy8lz] {
  background-color: #3E4784;
  color: white;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/OutageIndicator.razor.rz.scp.css */
.outage[b-53c4p9npnd] {
  display: flex;
  width: fit-content;
  cursor: pointer;
  height: 36px;
  background-color: #FFFBEB;
  color: #D97706;
  border: 1px solid #D97706;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  /*    margin-left: -8px;
    margin-top: 3px;*/
}
.outage i[b-53c4p9npnd] {
  font-size: 1.2rem;
  margin-right: 4px;
}
.outage-small[b-53c4p9npnd] {
  color: #D97706;
  z-index: 9999999;
  position: relative;
}
.outage-small i[b-53c4p9npnd] {
  font-size: 1.5rem;
  margin-right: 4px;
}
.small-title[b-53c4p9npnd] {
  color: #D97706;
  text-align: center;
  margin-top: 8px;
}
.outage-table[b-53c4p9npnd] {
  color: #D97706;
  border: 1px solid #D97706;
  margin-top: 22px;
}
@media (max-width: 1024px), (max-height: 830px) {
  .outage[b-53c4p9npnd] {
    display: none;
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/Simulation/ProjectCard.razor.rz.scp.css */
.startButtonRow[b-waf8aoroxl] {
  height: 70%;
  text-align: center;
  align-items: center;
}
.startButton[b-waf8aoroxl] {
  border: 0;
  background: #3E4784;
  color: white;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  line-height: normal;
}
.startButton:hover[b-waf8aoroxl] {
  background: #4E5BA6;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
h3[b-waf8aoroxl] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dropbtn[b-waf8aoroxl] {
  border: none;
  padding: 4px 4px;
  display: flex;
}
.dropdown[b-waf8aoroxl] {
  position: relative;
  display: flex;
  justify-content: end;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0.25rem;
}
.dropdown-content[b-waf8aoroxl] {
  position: absolute;
  z-index: 1;
  top: 100%;
  min-width: max-content;
  padding-top: 2px;
}
.dropdown-content a[b-waf8aoroxl] {
  display: flex;
  padding: 4px 4px;
  color: black;
  text-decoration: none;
  text-align: left;
  border-radius: 8px;
}
.dropdown-content a:first-of-type[b-waf8aoroxl] {
  color: red;
}
.dropdown-content a:hover[b-waf8aoroxl] {
  background-color: #3E4784;
  color: white;
}
.dropdown-active[b-waf8aoroxl] {
  background-color: #3E4784;
  border-radius: 8px;
  color: white;
}
.tooltip-target[b-waf8aoroxl] {
  cursor: pointer;
}
@keyframes fade-in-b-waf8aoroxl {
  100% {
    opacity: 1;
    display: block;
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/Simulation/ProjectEditorModal.razor.rz.scp.css */
.editor-modal[b-5v02l373pn] {
  position: absolute;
  z-index: 1100;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 950px;
  height: 880px;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.editor-modal .modal-body[b-5v02l373pn] {
  display: flex;
  height: calc(100% - 118px) !important;
  flex-direction: column;
}
.editor-modal .type-button[b-5v02l373pn] {
  display: flex;
  width: fit-content;
  height: 36px;
  background-color: #F8F9FC;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  z-index: 100;
  width: 95px;
}
.editor-modal .small[b-5v02l373pn] {
  font-size: 14px;
  padding: 1px;
  margin-left: 16px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.editor-modal .close[b-5v02l373pn] {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 20px;
  background-color: transparent;
  color: #000000;
  border: none;
  z-index: 100;
}
.editor-modal .close-button[b-5v02l373pn] {
  height: 40px;
  width: fit-content;
  background: #FFFFFF;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.editor-modal .page-button[b-5v02l373pn] {
  background: none;
  border: none;
}
.editor-modal .page-button i[b-5v02l373pn] {
  font-size: 5rem;
}
.editor-modal .info-bar[b-5v02l373pn] {
  cursor: pointer;
  z-index: 100;
  position: relative;
}
.editor-modal .chunk-data[b-5v02l373pn] {
  font-size: 14px;
  font-weight: bold;
}
.editor-modal .small-screen[b-5v02l373pn] {
  display: none;
}
.editor-modal button:hover[b-5v02l373pn] {
  background: #3E4784 !important;
  color: white !important;
}
@media screen and (max-height: 830px) and (orientation: landscape) {
  .editor-modal[b-5v02l373pn] {
    width: 85%;
    height: 99%;
  }
  .editor-modal .big-screen[b-5v02l373pn] {
    display: none;
  }
  .editor-modal .small-screen[b-5v02l373pn] {
    display: flex;
    font-size: 1.5rem;
  }
  .editor-modal .editor-display[b-5v02l373pn] {
    position: relative;
    top: -50px;
  }
  .editor-modal .chunk-data-info[b-5v02l373pn] {
    position: relative;
    top: -28px;
  }
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
  .editor-modal[b-5v02l373pn] {
    width: 85%;
    height: 85%;
  }
  .editor-modal .editor-space[b-5v02l373pn] {
    /*   position: absolute;
            width: 100%;
            top: 26px;
            right: 8px;*/
  }
  .editor-modal .big-screen[b-5v02l373pn] {
    display: none;
  }
  .editor-modal .small-screen[b-5v02l373pn] {
    display: flex;
    font-size: 1.5rem;
  }
  .editor-modal .editor-display[b-5v02l373pn] {
    position: relative;
  }
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/Simulation/ScenarioSaveModal.razor.rz.scp.css */
/* Make the modal centered */
.modal-dialog-centered[b-e3jfrbqcee] {
  margin: auto;
}
/* Add rounded corners to the modal content */
.modal-content.rounded[b-e3jfrbqcee] {
  border-radius: 10px;
}
.modal-content[b-e3jfrbqcee] {
  border-radius: 0.4rem !important;
}
/* Reduce the width of the modal */
.modal-dialog[b-e3jfrbqcee] {
  max-width: 400px;
  /* Keep the max width */
}
/* Style the close button */
.btn-close[b-e3jfrbqcee] {
  color: white !important;
  background-color: #3E4784 !important;
  border-color: #3E4784;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8.293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
/* Style the primary button */
.btn-primary-blue[b-e3jfrbqcee] {
  background-color: #3E4784 !important;
  border-color: #3E4784 !important;
  color: white !important;
}
/* Optional: Adjust the modal backdrop */
.modal-backdrop[b-e3jfrbqcee] {
  background-color: rgba(0, 0, 0, 0.5);
  /* Adjust opacity as needed */
}
.rounded[b-e3jfrbqcee] {
  border-color: #3E4784 !important;
}
.modal-header[b-e3jfrbqcee] {
  background-color: #3E4784 !important;
  border-color: #3E4784 !important;
  color: white !important;
}
.notification-wrapper[b-e3jfrbqcee] {
  position: fixed;
  z-index: 9999;
}
   .notification-wrapper[b-e3jfrbqcee]  .telerikNotification .k-notification-container .k-notification {
      min-width: 200px;
      max-width: 400px;
      width: auto;
      min-height: 30px;
      height: auto;
      font-size: 1.5em;
      text-align: center;
      align-items: center;
      padding: 10px 15px;
      word-wrap: break-word;
      white-space: normal;
   }
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/Simulation/SimulationOdModal.razor.rz.scp.css */
.zone-modal[b-cp3eavnaef] {
  position: absolute;
  z-index: 9999999;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 400px;
  height: 500px;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.zone-modal .modal-body[b-cp3eavnaef] {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.zone-modal .modal-body .title[b-cp3eavnaef] {
  font-size: 30px;
  color: #3E4784;
  text-align: center;
  font-weight: 600;
}
.zone-modal .modal-body[b-cp3eavnaef]  .zone-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  height: 100%;
}
.zone-modal .modal-body[b-cp3eavnaef]  .zone-form .zone-label {
  display: flex;
  flex-direction: column;
  width: 280px;
  margin-top: 20px;
}
.zone-modal .modal-body[b-cp3eavnaef]  .zone-form .zone-label .zone-input {
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  height: 40px;
  font-size: 14px;
  border-radius: 8px;
}
.zone-modal .modal-body[b-cp3eavnaef]  .zone-form .zone-button {
  width: 103px;
  height: 40px;
  background-color: #3E4784;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  color: white;
}
.zone-modal .modal-body .close[b-cp3eavnaef] {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 20px;
  background-color: transparent;
  color: #000000;
  border: none;
  z-index: 100;
}
.zone-modal .modal-body .close-button[b-cp3eavnaef] {
  height: 40px;
  width: fit-content;
  background: #FFFFFF;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/Simulation/ZoneParameterModal.razor.rz.scp.css */
.zone-modal[b-pfd8f2v5t1] {
  position: absolute;
  z-index: 9999999;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 400px;
  height: 500px;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.zone-modal .modal-body[b-pfd8f2v5t1] {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.zone-modal .modal-body .title[b-pfd8f2v5t1] {
  font-size: 30px;
  color: #3E4784;
  text-align: center;
  font-weight: 600;
}
.zone-modal .modal-body[b-pfd8f2v5t1]  .zone-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  height: 100%;
}
.zone-modal .modal-body[b-pfd8f2v5t1]  .zone-form .zone-label {
  display: flex;
  flex-direction: column;
  width: 280px;
  margin-top: 20px;
}
.zone-modal .modal-body[b-pfd8f2v5t1]  .zone-form .zone-label .zone-input {
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  height: 40px;
  font-size: 14px;
  border-radius: 8px;
}
.zone-modal .modal-body[b-pfd8f2v5t1]  .zone-form .zone-button {
  width: 103px;
  height: 40px;
  background-color: #3E4784;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  color: white;
}
.zone-modal .modal-body .close[b-pfd8f2v5t1] {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 20px;
  background-color: transparent;
  color: #000000;
  border: none;
  z-index: 100;
}
.zone-modal .modal-body .close-button[b-pfd8f2v5t1] {
  height: 40px;
  width: fit-content;
  background: #FFFFFF;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/TrafficFilterPanel.razor.rz.scp.css */
.mode-select[b-frtxdmvjw4] {
  position: absolute;
  z-index: 999;
  top: 7px;
  right: 329px;
}
.mode-select[b-frtxdmvjw4]  .k-button-group {
  height: 33px;
}
.mode-select[b-frtxdmvjw4]  .k-button-solid-base {
  background-color: #ffffff;
}
.mode-select[b-frtxdmvjw4]  .k-rounded-md {
  border-radius: 8px 8px 0px 0px;
}
.mode-select[b-frtxdmvjw4]  .material-symbols-outlined {
  line-height: -1;
}
.mode-select[b-frtxdmvjw4]  .k-button-text {
  margin: auto;
}
.mode-select[b-frtxdmvjw4]  .k-button-solid-base:hover,
.mode-select .k-button-solid-base.k-hover[b-frtxdmvjw4] {
  background-color: #ffffff;
}
.mode-select :deep .k-button-md[b-frtxdmvjw4] {
  padding-block: 0px;
  padding-inline: 0px;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/TrafficLabelList.razor.rz.scp.css */
.wrapper[b-re756gga4m]  .k-button-solid-base {
  background-color: white;
}
.wrapper[b-re756gga4m]  .k-button-solid-base .k-button-text {
  font-size: 13px;
}
.type-button[b-re756gga4m] {
  display: flex;
  width: 45px;
  height: 40px;
  background-color: #FFFFFF;
  border: 1px solid #D1D1D6;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  align-content: center;
  justify-content: center;
}
.selected[b-re756gga4m] {
  background-color: #3E4784;
  color: white;
}
/* _content/GriffSoft.Urbanalytics.BlazorApp/Shared/Components/WarningModal.razor.rz.scp.css */
.warning-modal[b-pub2ujot0m] {
  position: absolute;
  z-index: 999;
  top: 30px;
  right: 40px;
  width: 400px;
  height: 40px;
  background: #FFFBEB;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 3px 10px;
}
.warning-modal .title[b-pub2ujot0m] {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #D97706;
}
.warning-modal .close[b-pub2ujot0m] {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 20px;
  background-color: transparent;
  color: #D97706;
  border: none;
}