/* =========== *
 * ## Fonts ##
 * =========== */

@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto/Roboto-italic.ttf");
   font-style: italic;
}

@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto/Roboto-regular.ttf");
   font-weight: normal;
}

body {
   font-family: Roboto;
}


/* ============= *
 * ## General ##
 * ============= */

html body #noise-header { display: none !important; }


/* ===================== *
 * ## Full Row Swiper ##
 * ===================== */

.full-row-swiper .swiper-buttons-container .swiper-button-container .swiper-button {
   border-style: solid;
   border-width: 1px;
}

.full-row-swiper .swiper-buttons-container .swiper-button-container .swiper-button.swiper-button-disabled {
   display: none;
}


/* ==================== *
 * ## Grid Container ##
 * ==================== */

.db-complaints_grid #date-period-quarter,
.db-complaints_grid #date-period-year {
   display: none;
}

.db-complaints_grid .complaint-grid-info-panel .info-grid {
   column-gap: 10px;
   display: grid;
   grid-template-columns: min-content auto;
   grid-template-rows: min-content auto;
}

.db-complaints_grid .complaint-grid-info-panel .info-grid .num_complainants,
.db-complaints_grid .complaint-grid-info-panel .info-grid .num_complainants + .label {
   color: var(--primary);
   font-size: 18px;
   font-weight: bold;
}

.db-complaints_grid .complaint-grid-info-panel .info-grid .num_complainants,
.db-complaints_grid .complaint-grid-info-panel .info-grid .num_complaints {
   text-align: right
}

.db-complaints_grid .dropdown-component .display-wrapper,
.db-complaints_grid .search-location-component .search-location-input {
   background: var(--grey-lighter);
   border-radius: 15px;
}
.db-complaints_grid .dropdown-component .display-wrapper .display-container,
.db-complaints_grid .search-location-component .input-container .role-input{
   background: none;
}

.db-complaints_grid .legend-component.legend-quarter,
.db-complaints_grid .legend-component.legend-year{
   display: none;
}

.db-complaints_grid .legend-component.legend-quarter[data-time-period-unit="quarter"],
.db-complaints_grid .legend-component.legend-year[data-time-period-unit="year"] {
   display: inherit;
}


/* ===================== *
 * ## Noise Container ##
 * ===================== */

.navbar-logo-container { padding-left: 0px; }

.navbar-collapse.show .navbar-nav .nav-item a.nav-link,
.navbar-collapse.collapsing .navbar-nav .nav-item a.nav-link {
   border-style: solid;
   border-width: 0 0 1px 0;
}

.noise-table-calendar::before {
   border-style: solid;
   border-width: 0 0 1px 0;
}

.noise-table-calendar tr {
   border-style: solid;
   border-width: 0 0 1px 0;
}

input {
   border-style: solid;
   border-width: 1px;
}

.noise-container-header h1 {
   text-shadow: 1px 1px #666;
}


/* ==================== *
 * ## Radio Checkbox ##
 * ==================== */

.checkbox .role-button svg.icon,
.group-checkbox .role-button svg.icon,
.radio-checkbox .role-button svg.icon {
   stroke-width: 3px;
}

/* ============== *
 * ## Row item ##
 * ============== */

.row-item { border-radius: 20px; }
.row-item .item-header.filled-header { border-radius: 20px 20px 0 0; }


/* ========================== *
 * ## Runway Use Component ##
 * ========================== */

.runway-use-component #active #label text { 
   text-anchor: middle;
   dominant-baseline: central;
}

.runway-use-updates-component #l18Lout {
   transform: translate(68px, 80.3px);
   -webkit-transform: translate(68px, 80.3px);
}
.runway-use-updates-component #l27in {
   transform: translate(71.9px,52px);
   -webkit-transform: translate(71.9px,52px);
}
.runway-use-updates-component #l36Cin {
   transform: translate(30px,70px);
   -webkit-transform: translate(30px,70px);
}