/**
 * @package WP_ExternalMedia
 * Instagram popup CSS.
 */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  padding-right: 15px;
  padding-left: 5px;
}
nav .container {
  padding-right: 0px;
  padding-top: 5px;
  font-size: 14px;
  width: 100%;
}
nav .name {
  float: right;
  color: #125688;
}
nav .counts {
  float: left;
  font-size: 12px;
  color: #999;
}
nav .counts span {
  padding-right: 10px;
}
#photos {
  position: fixed;
  top: 30px;
  padding: 10px;
  bottom: 70px;
  left: 0;
  right: 0;
  overflow: auto;
  border-top: 1px solid #edeeee;
  background-color: #fafafa;
}
#photos a img {
  border: 2px solid #fafafa;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#photos a.selected img,
#photos a:hover img {
  border: 2px solid #4090db;
  opacity: 1.0;
  filter: alpha(opacity=100);
}

#controls {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  background-color: #fff;
}

#controls .container {
  float: right;
  position: relative;
  padding-top: 20px;
  padding-right: 15px;
}

#controls a {
  background: 0 0;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  font-weight: 600;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-appearance: none;
  border: 1px solid #4090db;
  color: #4090db;
  line-height: 29px;
  padding: 6px 16px;
  text-decoration: none;
  font-weight: lighter;
}

#controls #count {
  padding-right: 20px;
  color: #4090db;
  font-size: 12px;
}

#controls a#pick:hover {
  border: 1px solid #125688;
  color: #125688;
}

#controls a#pick.disabled {
  border: 1px solid #A2D0FA;
  color: #A2D0FA;
}

#controls a#cancel {
  border: 1px solid #999;
  color: #999;
}

#controls a#cancel:hover {
  border: 1px solid #818488;
  color: #818488;
}