/* Custom Icons  */
.aeonic-text-icon {
  background-image: url("../img/aeonic-text-icon.svg");
  background-color: transparent;
  width: 7.62306rem;
  height: 1.20119rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.blue-logo-icon {
  background-image: url("../img/blue-logo-icon.svg");
  background-color: transparent;
  width: 2.10763rem;
  height: 2.10469rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.crews-icon {
  background-image: url("../img/crews-icons.svg");
  background-color: transparent;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.cloud-icon {
  background-image: url("../img/warm-cloud.svg");
  background-color: transparent;
  width: 2.9rem;
  height: 2.4rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

[class^="weather-icon-"] {
  background-color: transparent;
  width: 2.9rem;
  height: 2.4rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  filter: brightness(0) invert(1);
}

.weather-icon-sunny {
  background-image: url("../img/sunny.svg");
}

.weather-icon-partly-cloudy {
  background-image: url("../img/partly-cloudy.svg");
}

.weather-icon-cloudy {
  background-image: url("../img/cloudy.svg");
}

.weather-icon-fog {
  background-image: url("../img/fog.svg");
}

.weather-icon-rainy {
  background-image: url("../img/rainy.svg");
}

.weather-icon-snow {
  background-image: url("../img/snow.svg");
}

.weather-icon-hail {
  background-image: url("../img/hail.svg");
}

.weather-icon-thunderstorms {
  background-image: url("../img/thunderstorms.svg");
}

.weather-icon-wind {
  background-image: url("../img/wind.svg");
}

.forward-grey-icon {
  background-image: url("../img/forward-grey.svg");
  background-color: transparent;
  width: 0.93144rem;
  height: 1.26294rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.forward-white-icon {
  background-image: url("../img/forward-white.svg");
  background-color: transparent;
  width: 0.93144rem;
  height: 1.26294rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.expandmore-blue-icon {
  background-image: url("../img/expand-more-blue.svg");
  background-color: transparent;
  height: 0.93144rem;
  width: 1.26294rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.thunderstorms-icon {
  background-image: url("../img/thunderstorms.svg");
  background-color: transparent;
  width: 2.74288rem;
  height: 2rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.sunny-icon {
  background-image: url("../img/sunny.svg");
  background-color: transparent;
  width: 2.74288rem;
  height: 2rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.snow-icon {
  background-image: url("../img/snow.svg");
  background-color: transparent;
  width: 2.74288rem;
  height: 2rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.wind-icon {
  background-image: url("../img/wind.svg");
  background-color: transparent;
  width: 2.74288rem;
  height: 2rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.hail-icon {
  background-image: url("../img/hail.svg");
  background-color: transparent;
  width: 2.74288rem;
  height: 2rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.cloudy-icon {
  background-image: url("../img/cloudy.svg");
  background-color: transparent;
  width: 2.74288rem;
  height: 2rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.partly-cloudy-icon {
  background-image: url("../img/partly-cloudy.svg");
  background-color: transparent;
  width: 2.74288rem;
  height: 2rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.rainy-icon {
  background-image: url("../img/rainy.svg");
  background-color: transparent;
  width: 2.74288rem;
  height: 2rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
}

.view {
  width: 99%;
  margin: 0.5em;
  /* margin: auto; */
}

@media only screen and (min-device-width: 1024px) {
  .view {
    width: 95vw;
    margin: 2em auto 1em;
    /* margin-bottom: 1em; */
  }
}

/* .view-center { */
/*     width: 99%; */
/*     margin: auto; */
/* } */

/* @media only screen and (min-device-width : 1024px) { */
/*     .view-center {	 */
/* 	/\* width: 60vw; *\/ */
/* 	margin: 2em; */
/* 	display: flex; */
/* 	justify-content: center; */
/* 	/\* align-items: center; *\/ */
/*     } */
/* } */

.content {
  width: 100%;
  margin: auto;
  position: relative;
  margin: 0;
}

@media only screen and (min-device-width: 1024px) {
  .content {
    width: 45vw;
    margin: 0;
  }
}

.report-content {
  width: 100%;
  margin: 0 auto;
}

@media only screen and (min-device-width: 1024px) {
  .report-content {
    width: 80vw;
    margin: 0 auto;
  }
}

.dead-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90vh;
  /* border: solid 1px grey; */
}

.launcher {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  width: 60vw;
  margin: auto;
  /* border: solid 1px grey; */
}

.center-bottom {
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, -50%);
  margin: 0 auto;
}

.launcher-title {
  position: fixed;
  left: 50%;
  top: 30vh;
  transform: translate(-50%, -50%);
  margin: 0 auto;
}

.weight-300 {
  font-weight: 300 !important;
}

.clickable {
  cursor: pointer;
}
.clickable :hover {
  background-color: #eeeeee;
}

.worker-clockin {
  width: 100%;
  display: flex;
  justify-content: center;
}

.worker-clockin-inner {
  width: 95%;
}

@media only screen and (min-device-width: 1024px) {
  .worker-clockin-inner {
    width: 65vw;
  }
}