.bee-waiting {
  z-index: 5000;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  cursor: wait;
  min-width: 20px;
  min-height: 200px;
  display: none;
}
.bee-waiting-component {
  margin: 0 auto;
  position: fixed;
  top: calc(50% - 75px);
  left: calc(50% - 75px);
}
.bee-waiting-spinner svg Specificity: (0,1,1) {
  position: absolute;
  transform: rotate(-90deg);
  top: 0;
  left: 0;
  transform-origin: center;
  overflow: visible;
}

.bee-waiting-spinner circle {
  fill: transparent;
  transform-origin: center;
  transition: stroke-dashoffset 225ms linear;
}

.bee-waiting-spinner circle, .mat-spinner circle {
  stroke: #3f51b5;
}

.bee-waiting-spinner-stroke-rotate-150 {
  stroke-dashoffset: 157.507px;
  transform: rotateX(180deg) rotate(0deg);
}

@keyframes bee-waiting-spinner-stroke-rotate-150 {
  from {
    stroke-dashoffset: 0px;
    transform: rotateX(180deg) rotate(0deg);
  }

  to {
    stroke-dashoffset: 877px;
    transform: rotateX(180deg) rotate(180deg);
  }
}

.bee-waiting-animation {
  animation-name: bee-waiting-spinner-stroke-rotate-150;
  stroke-dasharray: 439.823px;
  stroke-width: 2%;
  transition-property: stroke;
  animation-duration: 10000ms;
  animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  animation-iteration-count: infinite;
}


.bee-content {
  background-color: lightgray;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.2) !important;
  margin-bottom: 32px;
  min-height: 300px;
}

.bee-page-title {
  text-align: center !important;
  font-size: 40px;
  clear: both;
  line-height: 1.2;
  margin-bottom: 16px;
  font-family: var(--global--font-primary);
  font-weight: 400;
  color: var(--global--color-black);
}

.bee-warning-message {
  background-color: #eff3c9 !important;
  margin-top: -10px !important;
  margin-left: -10px !important;
  width: calc(100% + 0px) !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  padding: 10px !important;
  margin-bottom: 15px !important;
}

.bee-login-content, .bee-forgotpw-content, .bee-ballotbox-content, .bee-receipt-content, .bee-createPw-content, bee-searchvoter-content {
}

.bee-login-links {
  float: right !important;
  display: grid !important;
}

.bee-login-stopwatch, .bee-login-stopwatch-alone {
  display: inline-flex;
  text-align: center !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.bee-login-stopwatch {
  font-size: 12px !important;
}

.bee-login-stopwatch-alone {
  font-size: 1.5rem !important;
}

.bee-formfield-div {
}

.bee-formfield-text {
  font-size: 14px !important;
}

.bee-formfield-input {
  width: calc(100% - 15px) !important;
  margin-bottom: 10px !important;
  border-radius: 5px !important;
  border: 1px solid #655b5b !important;
  padding: 8px !important;
}

.bee-formfield-button, .bee-formfield-button-nav-prev, .bee-formfield-button-nav-next, .bee-formfield-button-confirm, .bee-formfield-cancel-button, .bee-formfield-cancel2-button {
  border: 0 !important;
  padding: 10px !important;
  border-radius: 10px !important;
  margin-top: 30px; !important;
  margin-bottom: 10px !important;
  min-width: 100px !important;
  font-size: 11px !important;
}

.bee-formfield-button, .bee-formfield-button-nav-prev, .bee-formfield-button-nav-next, .bee-formfield-button-confirm {
  background-color: #655b5b;
  color: wheat;
}

.bee-formfield-button-nav-prev {
  float: left !important;
}

.bee-formfield-button-nav-next {
  float: right !important;
}

.bee-formfield-button-confirm {
  /* float: right; */
  background-color: #009688 !important;
  color: wheat !important;
  /* margin-right: 60px; */
}

.bee-formfield-cancel-button, .bee-formfield-cancel2-button {
  background-color: #a9a9a9;
  color: black;
}

.bee-formfield-cancel-button {
  right: -9px !important;
  float: right !important;
}

.bee-formfield-cancel-button {
  float: right !important;
  right: -9px !important;
  background-color: #a9a9a9;
  color: black;
}

.bee-formfield-link {
  float: right !important;
  /*background-color: lightgray;*/
  background-color: unset !important;
  border: 0 !important;
  color: blue !important;
  margin-bottom: -6px !important;
  height: 26px;
}

.bee-formfield-link:hover {
  color: black !important;
}

.bee-forgotpw-contacts-content {
}

.bee-ballotbox-line {
}

.bee-ballotbox-pool-content {
}

.bee-ballotbox-pool-title {
  width: calc(100% + 20px) !important;
  background-color: darkgrey;
  margin-bottom: 18px !important;
  margin-left: -10px !important;
  font-size: 31px !important;
  text-align: center !important;
}

.bee-ballotbox-buttons, bee-receipt-buttons {
  margin-top: 20px !important;
  text-align: center !important;
  min-height: 33px !important;
}

.bee-ballotbox-pool-line {
  padding-left: 16px !important;
  height: 36px !important;
}

.bee-ballotbox-pool-mark, .bee-ballotbox-pool-mark-selected {
  display: inline-block !important;
  min-width: 23px !important;
  min-height: 23px !important;
  width: 23px !important;
  height: 23px !important;
  max-width: 23px !important;
  max-height: 23px !important;
  margin-top: -4px !important;
  margin-bottom: -10px !important;
  margin-left: -15px !important;
  margin-right: auto !important;
  border: 2px solid !important;
  border-radius: 100% !important;
  font-size: 16px !important;
  -webkit-transition: background .3s ease-in-out !important;
  -moz-transition: background .3s ease-in-out !important;
  transition: background .3s ease-in-out !important;
}

.bee-ballotbox-pool-mark {
  background-color: white;
}

.bee-ballotbox-pool-mark-selected {
  background-color: gray;
}

.bee-ballotbox-pool-mark-selected-x {
  padding-left: 3px !important;
  font-size: 15px !important;
  margin-top: 0px !important;
  color: #1ef51e !important;
}

.bee-ballotbox-pool-text {
  display: inline-block !important;
  max-width: calc(100% - 44px) !important;
  padding-left: 10px !important;
  font-size: 12px !important;
}

@media (min-width: 700px) {
  .bee-ballotbox-pool-text {
    font-size: 1.05rem !important;
  }

  .bee-formfield-button, .bee-formfield-button-nav-prev, .bee-formfield-button-nav-next, .bee-formfield-button-confirm, .bee-formfield-cancel-button, .bee-formfield-cancel2-button {
    font-size: 1.05rem !important;
  }

  .bee-login-stopwatch {
    font-size: 1.05rem !important;
  }
}

@media (max-width: 500px) {
  .bee-ballotbox-pool-line {
    height: 60px !important;
  }

  .bee-formfield-button, .bee-formfield-button-nav-prev, .bee-formfield-button-nav-next, .bee-formfield-button-confirm, .bee-formfield-cancel-button, .bee-formfield-cancel2-button {
    font-size: 10px !important;
    min-width: 80px !important;
  }

  .bee-ballotbox-pool-mark, .bee-ballotbox-pool-mark-selected {
    margin-top: 14px !important;
  }

  .bee-login-stopwatch {
    font-size: 10px !important;
  }

  .bee-formfield-link {
    font-size: 10px !important;
  }
}

@media (max-width: 400px) {
  .bee-login-stopwatch {
    font-size: 8px !important;
  }

  .bee-formfield-button, .bee-formfield-button-nav-prev, .bee-formfield-button-nav-next, .bee-formfield-button-confirm, .bee-formfield-cancel-button, .bee-formfield-cancel2-button {
    font-size: 8px !important;
    min-width: 60px !important;
  }

  .bee-formfield-link {
    font-size: 8px !important;
  }
}