.topbar-admin {
  background: #fff;
}

#adminoverlay {
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
}

#adminoverlay #adminpanel {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  bottom: 70px;
  background: #fff;
  padding: 40px;
  overflow-y: auto;
}

#adminoverlay #adminpanel h1 {
  font-family: 'PantonBold';
}

#adminoverlay #adminpanel .editor {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.7);
  padding: 20px;
  text-align: center;
}

#adminoverlay #adminpanel .editor.white {
  background: #fff;
  text-align: left;
}

#adminoverlay #adminpanel .editor.white .done {
  float: right;
}

#adminoverlay #adminpanel .editor label {
  display: block;
  text-align: left;
}

#adminoverlay #adminpanel textarea {
  width: 80%;
  min-height: 150px;
  background: #fff;
  font-size: 20px;
}

#adminoverlay #adminpanel .textfield {
  width: 80%;
}

#adminoverlay #admincontrols {
  position: absolute;
  right: 20px;
  left: 20px;
  bottom: 20px;
  height: 50px;
  background: #fff;
  padding: 40px;
}

.admin {
  position: relative;
}

.admin .admin_button {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}

.admin:hover {
  display: inline-block;
  border: 1px dotted #4b206b;
}

.admin:hover .admin_button {
  display: block;
}

.upload img {
  float: left;
}

.upload #dropzone {
  width: 50%;
  float: left;
  height: 100px;
  position: relative;
  display: none;
  background: #4b206b;
  color: #fff;
}

.upload #dropzone .cancel {
  float: right;
}

.upload #dropzone .dropzone_info {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  line-height: 100px;
  text-align: center;
}

.upload #dropzone .dropzone_status {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  line-height: 100px;
  text-align: left;
  display: none;
}

.upload #dropzone .dropzone_status div {
  display: inline-block;
  height: 20px;
  background: #fff;
  width: 100%;
  color: #4b206b;
  overflow: hidden;
}

.admin_button {
  background: #4b206b;
  color: #fff;
  border: none;
  font-size: 16px;
}

.admin_button2 {
  background: #4b206b;
  color: #fff;
  border: none;
  font-size: 16px;
  position: absolute;
  left: 20px;
  top: 50px;
  z-index: 20;
}

.admin_button3 {
  background: #4b206b;
  color: #fff;
  border: none;
  font-size: 16px;
}

.admin_right {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 20;
  left: 0px;
  text-align: right;
  border: 5px solid #fff;
}

.admin_right a {
  display: inline-block;
  padding: 5px;
  background: #4b206b;
  color: #fff;
  border: none;
  font-size: 16px;
}

.admin_right .alert {
  float: left;
  margin: 0px;
  margin-left: 10px;
  color: red !important;
}

li.placeholder {
  background: #fff078;
}

li.placeholder:before {
  content: "Drop here";
  color: #e1d25a;
}

ul.list {
  list-style: none;
}

ul.list li {
  font-size: 20px;
  clear: both;
  position: relative;
  min-height: 30px;
}

ul.list li.highlight {
  background: red;
  color: #fff;
}

ul.list li .controls {
  position: absolute;
  top: 0px;
  right: 0px;
}

ul.list li .controls a {
  margin-left: 5px;
}

ul.list li+li {
  border-top: 1px solid #ccc;
}

.table {
  width: 100%;
}

.table tr+tr {
  border-top: 1px solid #ccc;
}

button {
  border: 0px;
  padding: 5px;
  padding-left: 25px;
  padding-right: 25px;
  background: #4b206b;
  color: #fff;
  display: inline-block;
}

.youtube_row img {
  float: right;
  width: 80px;
  height: auto;
}

.youtube_row input {
  width: 90%;
}

.info {
  display: inline-block;
  border: 1px solid #ccc;
  text-align: left;
  padding: 10px;
  background: #FFe;
  margin-bottom: 20px;
}

.table {
  text-align: left;
}

.table .admin_button4 {
  background: #4b206b;
  color: #fff;
  border: none;
  font-size: 16px;
  display: inline-block;
  padding: 5px;
}

.table .admin_button4:hover {
  color: #fff;
}

.userinfo {
  display: inline-block;
  margin-left: 10px;
}

.userinfo span {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  border: 1px solid #000;
  -webkit-border-top-left-radius: 50%;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -moz-border-radius-topleft: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.userinfo .info {
  position: absolute;
}