[ng\:cloak],
[ng-cloak],
.ng-cloak {
  display: none !important;
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  color: black;
  margin-top: 20px;
  min-width: 400px;
  font-size: 18px;

  background-image: url("../img/bg.png");
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: contain;
}

*:focus {
  outline: none;
}

.accent-text {
  color: #00a4dc;
}

.nopadding {
  padding: 0px;
}

.row {
  background: white;
  padding: 0 20px;
}

a {
  color: black;
}

.modal-body .row {
  padding: 15px;
}

.text-bold {
  font-weight: bold;
}

.iconList {
  list-style-type: none;
  padding: 0;
}

.iconList li {
  margin-bottom: 10px;
  cursor: pointer;
}

.legendIcon {
  width: 50px;
  margin-right: 15px;
}

.nextPickupList {
  font-size: 14px;
  list-style-type: none;
  padding: 0px;
}

.nextPickupList li {
  margin-bottom: 10px;
  padding: 5px;
  background: red;
  color: white;
}

.nextPickupList li>img,
.nextPickupList li>span {
  display: inline-block;
}

.nextPickupList li>span {
  vertical-align: middle;
}

.toast-bottom-full-width {
  bottom: 50%;
}

.btn-primary {
  background-color: white;
  border-color: black;
  color: black;
  border-radius: 0;
}

.btn:focus {
  outline: none !important;
}

.selectize-input {
  border-radius: 0;
  padding: 12px;
}

.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active:active,
.btn-primary.active:active:focus {
  background-color: #00a4dc;
  border-color: #00a4dc;
  color: white;
}

.infoList>li {
  color: #00a4dc;
  list-style-type: none;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}

.infoList>li:before {
  content: '< '
}

.configListImg {
  height: 62px;
  margin: 5px;
}

.greyedOut {
  opacity: .5;
}

.ac-select-main {
  border: 0;
}

div.ac-select-popup {
  top: 30px;
  left: 0;
}

.ac-select-wrapper,
.ac-select-wrapper input,
.ac-select-wrapper select {
  font-size: 14px;
}

.ac-select-wrapper input:focus {
  outline: none;
}

.icon4 {
  width: 50%;
  height: 50%;
  float: left;
}

.icon2 {
  width: 50%;
  height: 100%;
  float: left;
}

.GREY {
  text-align: center;
  background: #7b7b7a;
}

.GREEN {
  text-align: center;
  background: #a2c617;
}

.PAPER {
  text-align: center;
  background: #312784;
}

.TEXTILE {
  text-align: center;
  background: #4f277a;
}

.TREE {
  text-align: center;
  background: #9b3638;
}

.PACKAGES {
  text-align: center;
  background: #f47030;
}

.TRANSFERPOINT {
  text-align: center;
  background: #ffcc03;
}

.GLASS {
  text-align: center;
  background: #d3d800;
}

.KCA {
  text-align: center;
  background: #b73170;
}

.ASBESTOS {
  text-align: center;
  background: #c75306;
}

.TIRES {
  text-align: center;
  background: #205c6e;
}

.CONSTRUCTION {
  text-align: center;
  background: #41b078;
}

.ELECTRICAL {
  text-align: center;
  background: #6666a7;
}

.BULKLITTER {
  text-align: center;
  background: #8e6d64;
}

.REUSABLE {
  text-align: center;
  background: #00b1aa;
}

.RECYCLE {
  text-align: center;
  background: #00b1aa;
}

.DIAPER {
  text-align: center;
  background: #92368c;
}

.STYROFOAM {
  text-align: center;
  background: #528dcb;
}

.BRANCHES {
  text-align: center;
  background: #009640;
}

.METAL {
  text-align: center;
  background: #1987c9;
}

.GREENGREY {
  text-align: center;
  background: linear-gradient(to right, #41873e 0%, #41873e 50%, #646469 51%, #646469 100%);
}

.GREYPACKAGES {
  text-align: center;
  background: linear-gradient(to right, #ff6b0b 0%, #ff6b0b 50%, #646469 51%, #646469 100%;
  }