.__wb_overlay {
  filter: alpha(opacity=60); /* IE */
  opacity: 0.6; /* Safari, Opera */
  -moz-opacity: 0.6; /* FireFox */
  opacity: 0.6;

  background-color: #000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  padding: 0px !important;
  border: 0px !important;
  margin: 0px !important;
  border-radius: 0px !important;
  z-index: 2147483643 !important;
}

#__wb_record_overlay_div {
  cursor: wait !important;
}

.__wb_record_content {
  opacity: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: 0px !important;
  padding: 0px !important;

  background-color: #ffffff !important;
  border-radius: 8px;
  z-index: 2147483644 !important;
  box-shadow: 0 0 30px 5px #000;
  -moz-box-shadow: 0 0 30px 5px #000;
  -webkit-box-shadow: 0 0 30px 5px #000;
}

#__wb_record_content_loader {
  cursor: wait !important;
  padding-top: 30px !important;
  margin-left: -287px !important;
  margin-top: -177px !important;
  width: 574px !important;
  height: 355px !important;
}

#__wb_record_content_done {
  margin-left: -427px !important;
  margin-top: -177px !important;
  width: 855px !important;
  height: 355px !important;
}

.__wb_record_content > * {
  margin: auto !important;
  display: block !important;

  text-align: center !important;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.__wb_record_content > wb_h1 {
  font-size: 36px !important;
  color: #222 !important;
  margin: 0px 0px 0px 0px !important;
  padding: 0px !important;
  line-height: 2em;
  font-weight: normal !important;
  width: auto !important;
  height: auto !important;
}

.__wb_record_content > wb_p {
  font-size: 17px !important;
  color: #222 !important;
  margin: 8px 0px 8px 0px !important;
  padding: 0px !important;
  line-height: 2em;
}

.__wb_record_content > #_wb_logo {
  margin-bottom: 10px !important;
}

.__wb_record_content > #_wb_spinner {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.__wb_record_content > #_wb_curr_url {
  text-decoration: underline !important;
  font-weight: bold !important;
}

#__wb_record_content_done > #__wb_link {
  font-size: 20px !important;
  border: 1px !important;
  border-color: #aaa !important;
  border-style: solid !important;
  padding: 3px !important;
  text-align: center !important;
  width: 80% !important;
  height: auto !important;
}

#__wb_record_content_done > #__wb_link:focus {
  outline: 0px !important;
  border-color: #428bca !important;
}

/* DONATE */

#__wb_record_content_done > #__wb_donate_close {
  font-size: 18px !important;
  width: auto !important;
  float: right;
  display: inline-block;
  margin: 0px !important;
  padding: 8px 8px 0px 0px !important;
}

#__wb_donate_close > #__wb_record_done_close {
  cursor: pointer !important;
  display: inline-block;
  vertical-align: bottom !important;
}

#__wb_record_content_done > #__wb_donate_close a {
  color: #428bca !important;
}

#__wb_record_content_done > #__wb_donate_close a:link {
  color: #428bca !important;
  text-decoration: none !important;
  margin-right: 16px !important;
}

#__wb_record_content_done > #__wb_donate_close a:visited {
  color: #428bca !important;
}

#__wb_record_content_done > #__wb_donate_close a:hover {
  color: #00b1f7 !important;
}

/* Spinner */
#__wb_spinningSquaresG {
  position: relative;
  width: 240px;
  height: 20px;

  padding: 0px !important;
  margin: 30px 0px 30px 160px !important;
  border: 0px !important;
  border-radius: 0px !important;
}

.__wb_spinningSquaresG {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px !important;
  border-radius: 0px !important;

  position: absolute;
  top: 0;
  background-color: #000000;
  width: 22px;
  height: 22px;
  -moz-animation-name: bounce_spinningSquaresG;
  -moz-animation-duration: 1.9s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -moz-transform: scale(0.3);
  -webkit-animation-name: bounce_spinningSquaresG;
  -webkit-animation-duration: 1.9s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -webkit-transform: scale(0.3);
  -ms-animation-name: bounce_spinningSquaresG;
  -ms-animation-duration: 1.9s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -ms-transform: scale(0.3);
  -o-animation-name: bounce_spinningSquaresG;
  -o-animation-duration: 1.9s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  -o-transform: scale(0.3);
  animation-name: bounce_spinningSquaresG;
  animation-duration: 1.9s;
  animation-iteration-count: infinite;
  animation-direction: linear;
  transform: scale(0.3);
}

#__wb_spinningSquaresG_1 {
  left: 0;
  -moz-animation-delay: 0.76s;
  -webkit-animation-delay: 0.76s;
  -ms-animation-delay: 0.76s;
  -o-animation-delay: 0.76s;
  animation-delay: 0.76s;
}

#__wb_spinningSquaresG_2 {
  left: 30px;
  -moz-animation-delay: 0.95s;
  -webkit-animation-delay: 0.95s;
  -ms-animation-delay: 0.95s;
  -o-animation-delay: 0.95s;
  animation-delay: 0.95s;
}

#__wb_spinningSquaresG_3 {
  left: 60px;
  -moz-animation-delay: 1.14s;
  -webkit-animation-delay: 1.14s;
  -ms-animation-delay: 1.14s;
  -o-animation-delay: 1.14s;
  animation-delay: 1.14s;
}

#__wb_spinningSquaresG_4 {
  left: 90px;
  -moz-animation-delay: 1.33s;
  -webkit-animation-delay: 1.33s;
  -ms-animation-delay: 1.33s;
  -o-animation-delay: 1.33s;
  animation-delay: 1.33s;
}

#__wb_spinningSquaresG_5 {
  left: 120px;
  -moz-animation-delay: 1.52s;
  -webkit-animation-delay: 1.52s;
  -ms-animation-delay: 1.52s;
  -o-animation-delay: 1.52s;
  animation-delay: 1.52s;
}

#__wb_spinningSquaresG_6 {
  left: 150px;
  -moz-animation-delay: 1.71s;
  -webkit-animation-delay: 1.71s;
  -ms-animation-delay: 1.71s;
  -o-animation-delay: 1.71s;
  animation-delay: 1.71s;
}

#__wb_spinningSquaresG_7 {
  left: 180px;
  -moz-animation-delay: 1.9s;
  -webkit-animation-delay: 1.9s;
  -ms-animation-delay: 1.9s;
  -o-animation-delay: 1.9s;
  animation-delay: 1.9s;
}

#__wb_spinningSquaresG_8 {
  left: 210px;
  -moz-animation-delay: 2.09s;
  -webkit-animation-delay: 2.09s;
  -ms-animation-delay: 2.09s;
  -o-animation-delay: 2.09s;
  animation-delay: 2.09s;
}

@-moz-keyframes bounce_spinningSquaresG {
  0% {
    -moz-transform: scale(1);
    background-color: #000000;
  }

  100% {
    -moz-transform: scale(0.3) rotate(90deg);
    background-color: #ffffff;
  }
}

@-webkit-keyframes bounce_spinningSquaresG {
  0% {
    -webkit-transform: scale(1);
    background-color: #000000;
  }

  100% {
    -webkit-transform: scale(0.3) rotate(90deg);
    background-color: #ffffff;
  }
}

@-ms-keyframes bounce_spinningSquaresG {
  0% {
    -ms-transform: scale(1);
    background-color: #000000;
  }

  100% {
    -ms-transform: scale(0.3) rotate(90deg);
    background-color: #ffffff;
  }
}

@-o-keyframes bounce_spinningSquaresG {
  0% {
    -o-transform: scale(1);
    background-color: #000000;
  }

  100% {
    -o-transform: scale(0.3) rotate(90deg);
    background-color: #ffffff;
  }
}

@keyframes bounce_spinningSquaresG {
  0% {
    transform: scale(1);
    background-color: #000000;
  }

  100% {
    transform: scale(0.3) rotate(90deg);
    background-color: #ffffff;
  }
}
