#event-form .wrap {
    box-sizing: border-box;
}
#event-form .event-wrap {
  width: calc(100% - 278px);
  padding: 10px;
  float: left;
  height: 620px;
  position: relative; }
  #event-form .event-wrap .loader .thecube {
    margin-top: 240px; }
  #event-form .event-wrap .loader .save-info {
    margin-top: 25px; }
#event-form .event-box-wrap {
  float: left;
  width: 278px; }
#event-form .event-outter-wrap:after {
  content: "";
  display: block;
  clear: both; }
#event-form .event-content {
    height: calc(100% - 30px);
}
  #event-form .event-content .event-details .event-option {
    margin-bottom: 10px; }
    #event-form .event-content .event-details .event-option.float {
      float: left;
      width: 50%; }
      #event-form .event-content .event-details .event-option.float::after {
        content: '';
        clear: both;
        display: block; }
    #event-form .event-content .event-details .event-option h3 {
      margin: 0 0 10px; }
    #event-form .event-content .event-details .event-option small {
      font-size: 12px;
      line-height: 1.3;
      display: block;
      margin-bottom: 5px; }

#event-form .event-content .event-details .event-option input.disabled {
    border: none;
}

#event-form .event-content .event-details .event-option .price {
    box-sizing: content-box;
    text-align: right;
    width: 7ch;
    padding-right: 0;
}

#event-form .event-content .event-details .event-option .toggle-help {
    font-size: 75%;
    cursor: pointer;
    margin-left: 8px;
}

#event-form .event-content .event-details .event-option .help {
    display: none;
}

#event-form .event-content .event-details .event-option .help li {
    list-style: square;
}
  #event-form .event-content .inactive {
    color: #666;
    font-size: 10px;
    margin-top: 10px;
    text-align: center; }
#event-form .active-events-wrap,
#event-form .upcoming-events-wrap {
  padding: 15px 0;
  margin-right: 10px;
  height: 300px; }
  #event-form .active-events-wrap .scrollContainer,
  #event-form .upcoming-events-wrap .scrollContainer {
    position: absolute;
    top: 15px;
    left: 0;
      bottom: 0;
    right: 0; }
  #event-form .active-events-wrap .event-controls,
  #event-form .upcoming-events-wrap .event-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
      background: #fff;
      height: 25px;
  }
  #event-form .active-events-wrap .list-info,
  #event-form .upcoming-events-wrap .list-info {
    color: #666;
    font-size: 10px;
    margin-bottom: 5px;
    padding: 0 10px; }
  #event-form .active-events-wrap .event-box-content,
  #event-form .upcoming-events-wrap .event-box-content {
    overflow-y: auto; }
  #event-form .active-events-wrap .block-title,
  #event-form .upcoming-events-wrap .block-title {
    left: 10px; }
  #event-form .active-events-wrap ul,
  #event-form .upcoming-events-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #event-form .active-events-wrap ul li,
    #event-form .upcoming-events-wrap ul li {
      background-color: #f0f0f0;
      transition: all 400ms ease-in-out;
      color: #000;
      padding: 10px;
      cursor: pointer; }
      #event-form .active-events-wrap ul li.inactive,
      #event-form .upcoming-events-wrap ul li.inactive {
        color: #383838; }
    #event-form .active-events-wrap ul li:nth-child(2n),
    #event-form .upcoming-events-wrap ul li:nth-child(2n) {
      background-color: #fafafa; }
    #event-form .active-events-wrap ul li.active,
    #event-form .active-events-wrap ul li:hover,
    #event-form .upcoming-events-wrap ul li.active,
    #event-form .upcoming-events-wrap ul li:hover {
      background-color: #e84747;
      color: white; }
      #event-form .active-events-wrap ul li.active.inactive,
      #event-form .active-events-wrap ul li:hover.inactive,
      #event-form .upcoming-events-wrap ul li.active.inactive,
      #event-form .upcoming-events-wrap ul li:hover.inactive {
        color: #ddd; }
#event-form .active-events-wrap .scrollContainer {
    bottom: 25px;
}
#event-form .upcoming-events-wrap .event-box-content .no-events {
  padding: 0 10px; }
#event-form input[type=number]::-webkit-inner-spin-button,
#event-form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }
#event-form input {
  border: 0;
  border-bottom: 2px solid #ccc;
  transition: all 300ms ease; }
#event-form input:focus {
  outline: none;
  border-color: #e84747; }
#event-form select {
  background: white;
  width: 40px;
  height: 40px;
    font-size: 16px;
}
#event-form select:disabled {
  color: #7f7f7f; }
#event-form select:focus {
  outline: none; }
#event-form textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

@media (max-width: 600px) {
  #event-form .event-box-wrap,
  #event-form .event-wrap {
    float: none;
    width: 100%;
    margin-top: 20px; }
  #event-form .event-box-wrap .active-events-wrap,
  #event-form .event-box-wrap .upcoming-events-wrap {
    margin-right: 0; } }

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