@font-face {
  font-family: 'avant-garde';
  src: url('fonts/avant-garde-gothic-itcw02bd.ttf') format('truetype');
}
@font-face {
  font-family: 'helvetica-neue-regular';
  src: url('fonts/helvetica-neue-regular.ttf') format('truetype');
}
@font-face {
  font-family: 'helvetica-neue-light';
  src: url('fonts/helvetica-neue-light.ttf') format('truetype');
}
#logo {
  content:url(pdc-logo-optimized.png);
}
div[id*='_header'] {
  font: 24px 'helvetica-neue-regular', sans-serif;
}
div[id*='_subHeader'] {
  font: 20px 'helvetica-neue-regular', sans-serif;
}
div[id*='_text'] {
  font: 16px 'helvetica-neue-regular', sans-serif;
}
.separator {
  padding-bottom: 20px;
}
div[id*='_testing'], #version {
  font: 16px 'helvetica-neue-regular', sans-serif;
}
div[id*='_success'] {
  font: 16px 'helvetica-neue-regular', sans-serif;
  color: green;
  display: none;
}
div[id*='_failure'] {
  font: 16px 'helvetica-neue-regular', sans-serif;
  color: red;
  display: none;
}
.status {
  color: black; /* Default color for no status URL Response*/
}
.success {
  color: #008000; /* Color for success URL Response (200's) */
}
.error {
  color: #ff0000; /* Color for error URL Response (300's /+) */
}
.loading {
  color: #0068ff; /* Color for loading URL Response */
}
.statusIndicator {
  font-weight: bold;
  color: #0068ff;
  display: none;
}
#version {
  font: 14px 'helvetica-neue-regular', sans-serif;
}
#google_map {
  height: 0px;
  width: 0px;
}
a[href^=http]:not([href*='pdc.org']) {
  background: url(external_link.png) center right no-repeat;
  background-size: 12px 12px;
  padding-right: 20px;
}
.size-6 {
  width: 24px;
  height: 24px;
}
.hidden {
  display: none;
}
/* Spinner animation */
@keyframes spin-custom {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.animate-spin-custom {
  animation: spin-custom 2s linear infinite; 
}
table {
  border-spacing: 0; 
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}
th, td {
  border: 0.5px solid #ddd;
  padding: 8px;
}
th { 
  background-color: #71717A; 
  color: white;
  font: bold;
  vertical-align: top;
}
tr:hover {
  background-color: #fafafa;
}
.truncate { 
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.full-url {
  display: none;
}
.full-url.show {
  display: inline;
}
/* END Url Status Code Test Section */
@media (max-width: 1200px) {
  #iframeSpeedTest {
    transform: scale(.7);
    -ms-transform: scale(.7); /* IE 9 */
    -webkit-transform: scale(.7); /* Safari and Chrome */
    -o-transform: scale(.7); /* Opera */
    -moz-transform: scale(.7); /* Firefox */
     width:100%;
  }
}
@media (max-width: 655px) {
  #iframeSpeedTest {
    transform: scale(.7);
    -ms-transform: scale(.7); /* IE 9 */
    -webkit-transform: scale(.7); /* Safari and Chrome */
    -o-transform: scale(.7); /* Opera */
    -moz-transform: scale(.7); /* Firefox */
    margin-left: -15%; width: 760px; top:-100px;
  }
  .truncate:nth-child(1) {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    vertical-align: top;
  }
  .full-url {
    display: none;
  }
  .full-url.show {
    display: inline;
  }
}
@media (max-width: 419px) {
  #iframeSpeedTest {
    transform: scale(.5);
    -ms-transform: scale(.5); /* IE 9 */
    -webkit-transform: scale(.5); /* Safari and Chrome */
    -o-transform: scale(.5); /* Opera */
    -moz-transform: scale(.5); /* Firefox */
    top:-130px;
  }
  .truncate:nth-child(1) {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px;
    vertical-align: top;
  }
  .full-url {
    display: none;
  }
  .full-url.show {
    display: inline;
  }
}
