.react-vis-magic-css-import-rule{display:inherit}.rv-treemap{font-size:12px;position:relative}.rv-treemap__leaf{overflow:hidden;position:absolute}.rv-treemap__leaf--circle{align-items:center;border-radius:100%;display:flex;justify-content:center}.rv-treemap__leaf__content{overflow:hidden;padding:10px;text-overflow:ellipsis}.rv-xy-plot{color:#c3c3c3;position:relative}.rv-xy-plot canvas{pointer-events:none}.rv-xy-plot .rv-xy-canvas{pointer-events:none;position:absolute}.rv-xy-plot__inner{display:block}.rv-xy-plot__axis__line{fill:none;stroke-width:2px;stroke:#e6e6e9}.rv-xy-plot__axis__tick__line{stroke:#e6e6e9}.rv-xy-plot__axis__tick__text{fill:#6b6b76;font-size:11px}.rv-xy-plot__axis__title text{fill:#6b6b76;font-size:11px}.rv-xy-plot__grid-lines__line{stroke:#e6e6e9}.rv-xy-plot__circular-grid-lines__line{fill-opacity:0;stroke:#e6e6e9}.rv-xy-plot__series,.rv-xy-plot__series path{pointer-events:all}.rv-xy-plot__series--line{fill:none;stroke:#000;stroke-width:2px}.rv-crosshair{position:absolute;font-size:11px;pointer-events:none}.rv-crosshair__line{background:#47d3d9;width:1px}.rv-crosshair__inner{position:absolute;text-align:left;top:0}.rv-crosshair__inner__content{border-radius:4px;background:#3a3a48;color:#fff;font-size:12px;padding:7px 10px;box-shadow:0 2px 4px rgba(0,0,0,0.5)}.rv-crosshair__inner--left{right:4px}.rv-crosshair__inner--right{left:4px}.rv-crosshair__title{font-weight:bold;white-space:nowrap}.rv-crosshair__item{white-space:nowrap}.rv-hint{position:absolute;pointer-events:none}.rv-hint__content{border-radius:4px;padding:7px 10px;font-size:12px;background:#3a3a48;box-shadow:0 2px 4px rgba(0,0,0,0.5);color:#fff;text-align:left;white-space:nowrap}.rv-discrete-color-legend{box-sizing:border-box;overflow-y:auto;font-size:12px}.rv-discrete-color-legend.horizontal{white-space:nowrap}.rv-discrete-color-legend-item{color:#3a3a48;border-radius:1px;padding:9px 10px}.rv-discrete-color-legend-item.horizontal{display:inline-block}.rv-discrete-color-legend-item.horizontal .rv-discrete-color-legend-item__title{margin-left:0;display:block}.rv-discrete-color-legend-item__color{display:inline-block;vertical-align:middle;overflow:visible}.rv-discrete-color-legend-item__color__path{stroke:#dcdcdc;stroke-width:2px}.rv-discrete-color-legend-item__title{margin-left:10px}.rv-discrete-color-legend-item.disabled{color:#b8b8b8}.rv-discrete-color-legend-item.clickable{cursor:pointer}.rv-discrete-color-legend-item.clickable:hover{background:#f9f9f9}.rv-search-wrapper{display:flex;flex-direction:column}.rv-search-wrapper__form{flex:0}.rv-search-wrapper__form__input{width:100%;color:#a6a6a5;border:1px solid #e5e5e4;padding:7px 10px;font-size:12px;box-sizing:border-box;border-radius:2px;margin:0 0 9px;outline:0}.rv-search-wrapper__contents{flex:1;overflow:auto}.rv-continuous-color-legend{font-size:12px}.rv-continuous-color-legend .rv-gradient{height:4px;border-radius:2px;margin-bottom:5px}.rv-continuous-size-legend{font-size:12px}.rv-continuous-size-legend .rv-bubbles{text-align:justify;overflow:hidden;margin-bottom:5px;width:100%}.rv-continuous-size-legend .rv-bubble{background:#d8d9dc;display:inline-block;vertical-align:bottom}.rv-continuous-size-legend .rv-spacer{display:inline-block;font-size:0;line-height:0;width:100%}.rv-legend-titles{height:16px;position:relative}.rv-legend-titles__left,.rv-legend-titles__right,.rv-legend-titles__center{position:absolute;white-space:nowrap;overflow:hidden}.rv-legend-titles__center{display:block;text-align:center;width:100%}.rv-legend-titles__right{right:0}.rv-radial-chart .rv-xy-plot__series--label{pointer-events:none}

.logo {
  text-align: center;
  padding-bottom: 200px;
  padding-top: 50px;

}
.logo__text {
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 119.9%;
  /* identical to box height, or 58px */

  text-align: center;

  color: #ffffff;
}

.box {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  background: #ffffff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 80px;
  min-height: 200px;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  .box {
    padding: 40px 1rem;
  }
}

.box h1 {
  font-weight: bold;
  font-size: 2rem;
}

@media (max-width: 400px) {
  .box h1 {
    font-size: 1.5rem;
  }
}

.box-wrapper {
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  margin: 0 1rem;
}

.blank-block {
  background-image: url(/750c41a3d81ad495a8b1.jpg);
  background-position: center;
  background-size: cover;
  position: relative;
}
.blank-block * {
  &:hover,&:focus {
    outline: none;
  }
}

.blank-block input {
    margin: 1em 0;
    width: 100%;
    max-width: 100%;
    border-radius: 2px;
    border: 1px solid #a4a4a4;
    transition: all .2s ease;
    padding: 1em;
}


.spinner {
  display: block;
  width: 64px;
  height: 64px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #464646;
  border-radius: 100%;
  animation: spin 0.7s ease-out infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.loader-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}

.loader {
  display: flex;
  margin: 0 auto;
  align-items: center;

}
.loader--absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.login-form {
  max-width: 350px;
  margin: 0 auto;

}

.login-form button {
  width: 180px;
}

body {
  background-color: #f9fbff;
  color: #5f6d80;
  margin: 0;
  min-width: 320px;
  font-family: Arial, Helvetica, sans-serif;
}

* {
  box-sizing: border-box;
}

.button,
button,
[type='submit'] {
  background: #5493d2;
  background: linear-gradient(207.51deg, #3e5a7e -10.56%, #5493d2 125.4%);
  border-radius: 8px;
  font-weight: bold;
  font-size: 17px;
  color: #fff;
  border: none;
  padding: 13px 26px;
  cursor: pointer;
  outline: none;
  text-transform: uppercase;
  transition: none;
}

a {
  color: inherit;
  text-decoration: none;
}

.field {
  text-align: left;
  margin-bottom: 1rem;

}
.field__error {
  font-size: 0.9em;
  color: #ff7473;
}

form {
  width: 100%;
}

* {
  &:focus,
  &:hover {
    outline: none;
  }
}

.empty-placeholder {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.2rem;
}

.relative {
  position: relative;
}