.recurring {
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
}

.recurring label,
.recurring span {
  font-size: 18px;
  margin-bottom: 10px;
  display: inline-block;
  font-weight: bold;
}

.recurring label span {
  margin-bottom: 0;
}

.recurring .form-group > .form-item {
  margin-top: 0;
}

.recurring .cogecoSelect {
  background-color: transparent;
  margin-bottom: 0;
}

.recurring .cogecoSelect:after {
  z-index: 20;
}

.recurring .cogecoSelect select {
  background-color: #DDF3FD;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: border-color ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s;
  transition: border-color ease-in-out .15s;
}

.recurring .cogecoSelect select:hover,
.recurring .cogecoSelect select:active {
  border: 2px solid #077DBA;
}

.recurring .cogecoSelect select[disabled] {
  background-color: #eee;
  border: 2px solid #eee;
  cursor: not-allowed;
}

.recurring input[type="date"].form-control {
  margin-bottom: 0 !important;
}

.recurring-date {
  margin: 30px 0;
}

.recurring-date label,
.recurring-date > div {
  display: inline-block;
  vertical-align: bottom;
}

.recurring-date > div,
#recurring-monthly .row > div,
#recurring-end-date .datetime > .form-inline {
  margin: 0 15px;
}

.recurring-date .form-group > .form-item,
.recurring-date .form-group > .form-item .form-control,
.recurring-date .cogecoSelect,
.recurring-date .cogecoSelect select {
  margin-bottom: 0 !important;
  width: 200px;
}

#recurring-monthly .row {
  display: block;
  margin: 0 0 30px;
  position: relative;
}

#recurring-monthly .row input[type="radio"] {
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

#recurring-monthly .row .form-group {
  display: inline-block;
}

#recurring-monthly .field {
  display: inline-block;
  margin-left: 30px !important;
  margin-bottom: 0;
}

#recurring-monthly .field > span,
#recurring-monthly .field > div {
  margin-bottom: 0;
  vertical-align: middle;
  display: inline-block;
}

#recurring-end-date .datetime label,
#recurring-end-date .datetime > .form-inline {
  display: inline-block;
  vertical-align: bottom;
}

#recurring-end-date .error {
  display: none;
  color: #EE0000;
  font-size: 13px;
}

#recurring-end-date .error.active {
  display: block;
}

@media screen and (max-width: 768px) {
  .recurring {
    width: 100%;
  }

  #recurring-type .form-group > .form-item {
    margin-bottom: 0;
  }

  .recurring-date > div,
  #recurring-monthly .row > div,
  #recurring-end-date .datetime > .form-inline {
    margin: 0;
  }

  .recurring input[type="date"].form-control,
  .recurring-date .form-group > .form-item,
  .recurring-date .form-group > .form-item .form-control,
  .recurring-date .cogecoSelect,
  .recurring-date .cogecoSelect select,
  #recurring-type .cogecoSelect,
  #recurring-type .cogecoSelect select {
    width: 150px;
  }

  #recurring-daily label:first-of-type,
  #recurring-weekly label {
    display: block;
  }

  /*#recurring-weekly label:first-of-type + div {
    margin-bottom: 30px;
  }*/

  #recurring-monthly .field {
    vertical-align: middle;
    width: calc(100% - 30px);
  }

}