/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/form-fields/circular-progress-bar/styles.scss ***!
  \*******************************************************************************************************************************************************/
/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */
.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   */
  width: 100%;
  /*
   * This fixes a centering issue with CircularProgressbarWithChildren:
   * https://github.com/kevinsqi/react-circular-progressbar/issues/94
   */
  vertical-align: middle;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  -webkit-transition: stroke-dashoffset 0.5s ease 0s;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
  /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
  stroke-linecap: round;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent;
}
/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/header/mobile/styles.scss ***!
  \***********************************************************************************************************************************/
#header {
  height: 80px !important;
}
@media (max-width: 500px) {
  #header.steps {
    height: 140px !important;
  }
}
/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/maps/style.scss ***!
  \*************************************************************************************************************************/
.second-space-map-panel {
  padding: 10px 2px 10px 10px;
  color: #302e2a;
  font-family: Roboto;
}
.second-space-map-panel h4 {
  font-size: 1rem;
  font-family: Roboto;
}
.second-space-map-panel p {
  padding-top: 6px;
  font-size: 0.8rem;
  font-family: Roboto;
}
.second-space-map-panel button {
  margin-top: 10px;
}
/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/app.scss ***!
  \*******************************************************************************************************/
#root {
  background-color: #ede9e2;
}

* {
  padding: 0;
  margin: 0;
}

input, button {
  outline: none;
}

main {
  padding-top: 80px !important;
}
@media (max-width: 500px) {
  main {
    padding-top: 120px !important;
  }
}

#header {
  z-index: 10;
}
@media (max-width: 500px) {
  #header {
    z-index: 17;
  }
}