header,
.summary {
  min-width: 400px;
}

header {
  align-items: center;
  display: flex;
  padding: 0 12px;
}

header h1 {
  flex: 1;
  /* TODO(dbeam): reconcile font/line-height/margin with chrome_shared.css */
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1;
  margin: 15px 0;
}

header > :-webkit-any(form, input[type='search']) {
  flex: none;
}

.summary {
  background-color: rgb(235, 239, 249);
  border-top: 1px solid rgb(156, 194, 239);
  display: flex;
  padding: 5px 10px;
  white-space: nowrap;
}

.summary > * {
  flex: none;
}

.summary > :first-child {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


#downloads-summary-text {
  font-weight: bold;
}

#download-actions {
  -webkit-margin-start: 16px;
}

#downloads-actions > * ~ * {
  -webkit-margin-start: 10px;
}

#downloads-display,
#no-downloads-or-results {
  max-width: 740px;
  padding: 0 10px 34px;
}

.download {
  -webkit-margin-start: 114px;
  -webkit-padding-start: 52px;
  margin-bottom: 15px;
  position: relative;
}

.download,
#no-downloads-or-results {
  margin-top: 6px;
}

.date-container {
  left: -110px;
  position: absolute;
  width: 110px;
}

html[dir=rtl] .date-container {
  left: auto;
  right: -110px;
}

.date-container .since {
  color: black;
}

.date-container .date {
  color: #666;
}

.download .icon {
  height: 32px;
  left: 9px;
  position: absolute;
  top: 2px;
  width: 32px;
}

html[dir=rtl] .icon {
  left: auto;
  right: 9px;
}

.download.otr > :-webkit-any(.safe, .dangerous) {
  -webkit-transition: opacity 150ms;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAhCAYAAABeD2IVAAAFN0lEQVR4Xt2YaUwUZxjHFSxUCm3SStJIEARW7oBNQKhfyCKFVKUlJQEVaKMNbUqxCSDwgVIi8cIq1sYqsQlWqBy1Sq1cC3Is9yK4Qt3lkcNKI7dWLKd8oP/3LZOgzKzbsm3avskvy8zCzm+eeY53WTE/P/+v4/8hNTc3p5Pe3r4V7e03OFjmYC2wAWtw7u+RwnoBbACOYB14BZgvnH9pQcLFyMhIHhYWFnn06OcpWVlZh5OSkvdCTGZwKazVO3fuCkcUstTqm2dLS8sOHj+e+TFWVHR0dERqamr0sWPHP7t06fL5hoZG1fXrbdTael1Aa21tHQQxY0NL2VRWXst4/HiOxJienuECKlUrp6VFJcCP5XJ5KLsxQ0vZIwInpaRmZx9zqebmliUwsYiIiPcgZWFoKRkicJoJSHHrlkZSKiFhXyzLQYNHqrGx6UtdUvfuDUhKZWRkpLBCWLYU1nNgHdgUHPxWaHd3T74uqZmZWUKCi0plZ587aWJiIl9oEUZ/SQrLzsvLa3tZWfmh+/cfKEUk9I6WkOx1dfWNJ058kWZhYbFFKmo6hRDujyYmJttZAv9JeG41NTUv5gm5a9eqFN7em94WE5MSMraysgqEkFpaQDf4W2praxeEqLZWyaL0hFxVVXWVmZkZi9hKfaRWh4eHh4kI8A9Hl6b6+np6+HBcp9jw8AidPfs1RUZGka+vL6HHLYlafHwCr0h9pFaamprKkUcNLHGfAkINFBISQra2tuTn50d79rxPycnJqK6jdOjQYVwonoKDg8ne3p6cnJwoLi6eampquQyqV4Afp6R8Gg8pS0mphbVqgXX796d/ODU1rWEiYqjVai4SHr6DfHx8yM3NjTw8PCggIIAweujChTwaG7uPRzlBQ0PDNDg49DRdgYGB70DqebBqiRRPJGNjuaen57bFnDmTFf/o0W832AgxNJ2dP+W7urpuc3R05EDhRbFIud++3V3wRySYgOGZnJxC1IZIq+1CTrVwVCoVXbx48RwEnMWkXt648bXtCHkzHhstF0SYP76BgUHCPos6OjpRcVUazE8CQm6xfFNJRkrYCaSlpX2Aktayu5Kip6eX/P39WfXQqVNfUVHRD+zDeRFcufIjlZcr0MGzKTPzBJI5hQ1jQiOmI0eOtLLfWQxm4ifsus+qPhl6SCbESApEgSe1g4MD2dnZ0fr163k12tjYcAoLv4OENzvP35fJZPxVoajQsH4lkJ+fnwMhF31agqm5ufmWvr47peziUhw4cJALOTs7C/A2EBQUxPtYXl4eubi4sHNcKDY2lp9XKpUcPMpWJPh2tmPVd8y8il4TipxQj48/IjHQx1hj5BESorV582YqLi4RIoGfiyGzlxITk9B4mUwdfwU4lxgHIVt9x4wMDXC3paXlG2gJ+x48+JV0UVJSShiyVFBQyPsRtstUXV3DQZ4JEvwYacHJzf2WPTZXvQYylgMSNwFR0N6583MlNv87MBKycUwSLBbkxxqNllWZAGSqOcKxQqEQeWzSHX1NVNS7u3C3naOjYwRY1+3IyclNQ34pR0ZGSR9wM1RRUSkJKrMNebaVtQB9pDxv3uwoWjwSIMjBqmbH+oKtCbu4GFzs/Pmcb1jVAWkpZh0TE7O7v/8Xunu3f7nwPdPVq8Vi8ELA1zNKT09PY/1Jl5QMv3wanZc1xmXT1UW8iaKpisHfw/fDJki9rkvKG1+PqthMMhRoCZhp30ty+XIRYVscADEjKam1mNhvuru7bzUkqLKt6PoSyFiyb3hWoq/6p/nP/Cvod4M+AYycVdHoAAAAAElFTkSuQmCC)
              no-repeat right bottom;
  opacity: .66;
}

html[dir=rtl] .download.otr > :-webkit-any(.safe, .dangerous) {
  background-position: left bottom;
}

.download.otr > :-webkit-any(.safe, .dangerous):hover {
  opacity: 1;
}

.description.malware {
  color: rgb(196, 42, 23);
}

.progress {
  height: 48px;
  left: 0;
  position: absolute;
  top: -6px;
  width: 48px;
}

html[dir=rtl] .progress {
  left: auto;
  right: 0;
}

.progress.background {
  background: url(progressbackground.png);
  background-size: 48px;
}

.title-area {
  align-items: baseline;
  display: flex;
}

.title-area > * {
  flex-shrink: 0;
}

.name,
.src-url,
.controls a,
.description {
  -webkit-padding-end: 4px;
  -webkit-padding-start: 4px;
}

.name {
  -webkit-padding-end: 16px;
  display: inline-block;
  max-width: 450px;
  word-break: break-all;
}

.interrupted {
  color: red;
}

.download .status {
  color: #999;
  white-space: nowrap;
}

.download .src-url {
  color: rgb(85, 102, 221);
  display: inline-block;
  max-width: 500px;
  overflow: hidden;
  padding-bottom: 1px;
  padding-top: 4px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.controls a {
  -webkit-margin-end: 12px;
  color: #777;
}

.safe .controls a {
  display: inline;
}

#downloads-pagination {
  -webkit-margin-start: 18px;
  padding-top: 24px;
}