.bar_container {
  border-bottom: 1px solid #454b57;
  clear: both;
  padding: 0 0 20px 0;
  position: relative; }
  .bar_container .bar {
    height: 5px;
    width: 152px;
    transition: 0.4s ease-in-out;
    background: #45A4FC;
    position: absolute;
    top: 20px; }

.bar_items .bar_item {
  cursor: pointer;
  position: relative;
  height: 50px;
  display: inline-block;
  width: 152px;
  padding-top: 10px;
  text-align: center;
  color: #50657a;
  text-decoration: none;
  text-transform: uppercase; }
  .bar_items .bar_item.selected, .bar_items .bar_item:hover {
    color: white; }
    .bar_items .bar_item.selected path, .bar_items .bar_item:hover path {
      stroke: white; }
  .bar_items .bar_item span:nth-child(2) {
    position: relative;
    top: -11px; }
  .bar_items .bar_item svg {
    cursor: pointer;
    margin-right: 10px;
    height: 35px; }
    .bar_items .bar_item svg path {
      stroke: #50657a; }

/****** Media Tour Builder 2 Style Guide Colors *******/
/* Forms global */
select {
  -webkit-appearance: none;
  margin: 0; }

select, button, .btn {
  outline: none;
  border: none;
  padding: 10px;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
  border-radius: 3px; }
  select.primary, button.primary, .btn.primary {
    background-color: #45a4fc;
    color: #fff;
    text-transform: uppercase; }
    select.primary:hover, select.primary.zeroclipboard-is-hover, button.primary:hover, button.primary.zeroclipboard-is-hover, .btn.primary:hover, .btn.primary.zeroclipboard-is-hover {
      background-color: #45d8fc; }
  select.secondary, button.secondary, .btn.secondary {
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff; }
    select.secondary:hover, button.secondary:hover, .btn.secondary:hover {
      background-color: #fff;
      color: #45a4fc; }

.btn.primary {
  font-weight: bold; }
  .btn.primary .tour-builder-icon {
    font-weight: normal; }

input, textarea {
  border: none;
  outline: none;
  padding: 10px;
  resize: none;
  background-color: #12181d; }

.builder-text-input {
  position: relative; }
  .builder-text-input textarea + .textarea-placeholder {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0 10px 10px 0;
    text-transform: capitalize;
    color: #454b57;
    pointer-events: none;
    /* Let users click through the placeholder */ }
    .builder-text-input textarea + .textarea-placeholder span {
      color: #727c90; }
  .builder-text-input textarea:focus + .textarea-placeholder,
  .builder-text-input textarea.hastext + .textarea-placeholder {
    display: none; }

.button-over-image {
  color: #fff;
  background-color: transparent;
  border-radius: 3px;
  border: 2px solid #abadc2;
  height: 30px;
  line-height: 0.7; }
  .button-over-image svg {
    height: 20px;
    position: relative;
    top: -5px; }
    .button-over-image svg path {
      stroke: white; }
  .button-over-image:hover, .button-over-image.active {
    background-color: #fff;
    color: #45a4fc;
    border: 2px solid #fff; }
    .button-over-image:hover svg path, .button-over-image.active svg path {
      stroke: #45a4fc; }

/* Close button */
.close-btn {
  width: 22px;
  height: 22px;
  color: #abadc2;
  border: 1px solid #abadc2;
  border-radius: 11px;
  font-size: 10px;
  padding: 3px 5px;
  text-decoration: none; }
  .close-btn.large-close-btn {
    width: 24px;
    height: 24px;
    font-size: 12px;
    border-radius: 12px; }
  .close-btn:after {
    content: 'X'; }
  .close-btn:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #2d333d;
    text-decoration: none; }

/* Blur */
.blur {
  filter: blur(7px);
  -o-filter: blur(7px);
  -ms-filter: blur(7px);
  -moz-filter: blur(7px);
  -webkit-filter: blur(7px); }

/* Scrollbar Styles */
.leftscrollbar .iScrollVerticalScrollbar {
  left: 6px; }

.iScrollVerticalScrollbar {
  position: absolute;
  z-index: 9999;
  width: 5px;
  bottom: 2px;
  top: 2px;
  right: 2px;
  overflow: hidden; }
  .iScrollVerticalScrollbar .iScrollIndicator {
    width: 100%;
    position: absolute;
    border-width: 1px;
    border: none;
    border-radius: 8px;
    background: #3b414c; }

/* App container */
.appcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  background: #1f2831; }

#dialog-wrapper.open {
  z-index: 22; }

.w_x_h {
  display: none; }

/*# sourceMappingURL=general.css.map */