.input-editor {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 500px;
}

#litmus-editor {
  height: 550px;
}

#record-editor {
  height: 500px;
}

#herdoutput-editor {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 300px;
}

.carousel-indicators {
  bottom:-50px;
}

.carousel-indicators li {
  border-color:#999;
  background-color:#ccc;
}
.carousel-inner {
   margin-bottom:50px;
}

.dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #333;
  white-space: nowrap;
}

.glyphicon {
    color: #333;
}

.dropdown-menu li a:focus, .dropdown-menu li a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #E8E8E8;
  background-image: linear-gradient(to bottom, #F5F5F5 0px, #E8E8E8 100%);
  background-repeat: repeat-x;
}

#campaign-table {
    width: 100%;
    max-height: 550px;
    overflow-y: scroll;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 9999;
  display: none;
  overflow: auto;
}

.overlay-content {
  position: absolute;
  /* bottom: 0%;
  left: 0%; */
  z-index: 10000;
  display: none;
}

.arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: rgb(20,70,160);
}

.arrow-top {
  top: -10px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.arrow-right {
  position: absolute;
  top: 50%;
  right: -2%;
  transform: translate(0, -50%) rotate(45deg);
}

.arrow-left {
  position: absolute;
  top: 50%;
  left: -2%;
  transform: translate(0, -50%) rotate(45deg);
}

.arrow-bottom {
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.label {
  position: relative;
  background-color: rgb(20,70,160);
  color: white;
  padding: 5px;
  margin-top: 10px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

.optional-label {
  background-color: rgb(251,139,36);
  font-size: 18px;
}

#overlaybutton {
  position: absolute;
  top: 6px;
  right: 6px;
  background-color: rgb(150,0,24); 
  border: 1px solid rgb(120,0,19); 
  color: white;
  font-weight: bolder;
}

#overlaybutton:hover{
  background-color: rgb(171, 51, 70); 
  border: 1px solid rgb(150,0,24); 
}