.color-picker-container {
  position: absolute;
  z-index: 20;
  width: 366px;
  background-color: #fff;
  border: 1px solid #dce4ec;
  border-radius: 4px;
  padding: 12px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.record-field {
  min-height: 33px;
  padding: 6px 9px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}

select.record-field {
  min-height: 33px;
  line-height: 33px;
}

textarea.record-field,
select[multiple].record-field {
  height: auto;
}

.recur-schedule-picker .next-date {
  background-color: #f6f6f6;
  color: #597ea2;
  font-size: 0.8em;
  padding: 10px 20px;
  border-radius: 4px;
}

.recur-schedule-picker .next-date-label {
  font-weight: bold;
}

.search-form {
  position: relative;
}

.search-form input[type="text"] {
  font-size: 14px;
}

.search-form .clear-search {
  position: absolute;
  right: 8px;
  top: 26px;
  background: transparent;
  color: #95a5a6;
  padding: 0;
  font-size: 1.4em;
}

.search-form .submit-search {
  background-color: #18bc9c;
  color: #fff;
  padding: 3px 6px;
  margin-top: 10px;
}