body {
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 10px;
}
a.page_title {
  color: #000;
  font-size: 1.5em;
}

.navbar {
  padding: 3px;
}

div.idx_block {
  text-align: center;
}

table.form td {
  padding: 3px;
}

ul.errorlist {
  color: red;
  list-style-type: none;
}

div.playlist_created {
  text-align: center;
  font-size: 1.2em;
}

.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

p.singer {
  font-size: 20px;
  font-weight: bold;
  background-color: #eeeeee;
}

p.vid_title {
  font-size: 15px;
  float: left;
  width: 60%;
}

p.pl_id {
  font-size: 2.5em;
  font-weight: bold;
}

input[readonly=readonly] {
  background-color: #ccc;
}

div.search_bar {
    float: left;
    width: 80%;
    padding-right: 5px;
}

div.search_button {
    width: 20%;
    float: right;
}

#search_box {
    box-sizing: border-box;
    width: 100%;
    height: 33px;
}

div.row {
    padding-left: 15px;
    width: 100%;
}

div.row:after {
    content: "";
    display: table;
    clear: both;
}

div.top_column {
    float: left;
    width: 33.33%;
}

div#next_song {
  top: 3px;
  left: 5px;
  float: left;
  margin-bottom: 2px;
  cursor: pointer;
}

div#blacklist {
  cursor: pointer;
  margin-bottom: 2px;
  font-size: 30px;
  text-align: right;
}

div#playlist_id {
  font-size: 30px;
  text-align: center;
}

span.playlist_id_outer {
    color: #444444;
}

span.playlist_id {
    color: #183120;
    font-weight: bold;
}

div.img_div {
  float: left;
  padding-right: 10px;
}

div.info_div {
}

div.list_ops {
  float: right;
  padding-left: 10px;
}

div.pl_item, div.srch_item {
  width: 100%;
}

div.search {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: rgba(245, 255, 245, 0.6);
}

hr {
  clear: both;
}

p.plus {
  font-size: 3em;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  color: green;
}

div#timer_div {
  color: gray;
  font-size: 2.5em;
  text-align: center;
}

p.next_video, p.on_deck_video {
  color: #788BF9;
}

p.next_singer, p.on_deck_singer, p.next_video, p.on_deck_video {
  text-align: center;
  font-size: 3em;
}

div.error {
  text-align: center;
  font-size: 3em;
  color: red;
}

div#inner_player {
    background-color: #333333;
}

div.next_up {
    background-color: #183120;
}

div.on_deck {
    background-color: #333333;
}

p.next_video, p.on_deck_video {
    color: white;
}

p.next_singer, p.on_deck_singer {
    color: lightgray;
}

span.pl_singer {
  color: #e6ba71;
  font-weight: bold;
}

img.del_vid {
  float: right;
}

#sortable {
  padding: 0px;
  list-style-type: none;
}

@media screen and (min-width:768px) {
  div.idx_block {
    text-align: left;
  }
  div.idx_block.center {
    text-align: center;
  }
}

.srch_item {
    cursor: pointer;
}