.event-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.event-container-grid {
  display:  grid;
  grid-template-columns: 70% 30%;
}

.edit-event {
  grid-template-columns: 49% 50%;
}

.event-wrapper {
  width: 30%;
  padding: 1em;
  margin-right:  1em;
  margin-bottom:  1em;
  border-radius: 4px;
  position: relative;
}

.event-container-grid .event-wrapper {
  width: auto;
  padding:  0;
}

.events .event-wrapper {
  background-color: white;
  padding:  1em;
}


.event-form label, .event-wrapper label {
  display: block;
}

.event-form input,
.event-form textarea {
  width: 100%;
}

.event-form textarea {
  min-height: 200px;
}

.event-form input.dtpicker {
  background-color: #FFF;
}

/* FORM SETTINGS */

.form-setting input {
  width: auto;
}

.form-setting label {
  display: inline;
}

/* EVENT EDIT */

.delete-event {
  position: absolute;
  right:  10px;
  top:  10px;
  text-decoration: none;
  font-size: 2rem;
  line-height: 1rem;
  color:  #5e696d;
}

.delete-event button {
  cursor: pointer;
}

.event_close {
  text-decoration: none;
}


/* FLEX */

.flex {
  display: flex;
  justify-content: space-between;
}

.flex p {
  width: 49%;
}

.edit-event .flex p {
  width: 40%;
}

.edit-event .flex a {
  align-self: center;
}


/* DATES */

.dates .flex p {
  width: 44%;
}

.dates .flex .submit {
  width: 10%;
  align-self: center;
  text-align: center;
  margin-top:  1.5em;
}

.dates .past-event {
  text-decoration: line-through;
}
/* BUTTON */

.wpse-button {
  color: #ffffff;
  background-color: #02baf2;

  border: 1px solid transparent;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.6;
  border-radius: 4px;
  padding: 7px 15px 6px 15px;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

/* PANEL */
.panel {
  background-color: #FFF;
  border: 1px solid #d6e1e5;
  border-radius: 4px;
  padding:  0;
}

.panel-header, .panel-footer {
  display: block;
  color: #364347;
  background-color: #e1eef3;
  padding: 10px 15px;
  border-bottom: 1px solid #d6e1e5;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-body {
  padding: 15px;
  color: #364347;
}

.panel-footer {
  background-color: transparent;
  /* border-top:  1px solid #d6e1e5; */
  border-bottom:  none;
}

/* INFO */
[data-tooltip] {
  position: relative;
  cursor: pointer;
  background: lightblue;
  color: #FFF;
  padding:  .2em .7em;
  border-radius: 50%;
}

[data-tooltip]:before {
  visibility: hidden;
  opacity:  0;

  position: absolute;
  z-index: 2;
  left:  150%;
  content: attr(data-tooltip);
  text-align: center;
  background-color: #ccf1fd;
  color: #009dcd;
  width: 150px;
  padding: 1em;
  border-radius: 4px;
}

[data-tooltip]:hover:before {
  visibility: visible;
  opacity: 1;
}



/* INPUT STYLES */

input, textarea, input[type="number"] {
  display: block;
  width: 100%;
  background-color: #fff;
  border: 1px solid #d6e1e5;
  color: #364347;
  font-size: 1em;
  line-height: 1.467;
  padding: 7px 12px;
  height: 40px;
  -webkit-appearance: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
}