<commit_before>.modal-container {
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: auto;

  &:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(#000, .25);
    height: 100%;
    width: 100%;
    z-index: 500;
    opacity: 1;
    @include transition(opacity 200ms linear);
  }

  &.disabled {
    pointer-events: none;
  }

  &.disabled:after {
    opacity: 0;
  }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; };
  100% { opacity: 1; };
}

.modal {
  position: relative;
  z-index: 1000;
  margin: 200px auto 0;
  border-radius: $radiusDefault;
  background: #fff;
  max-width: 700px;
  padding: $baseLine ($baseLine * 1.5);
  width: 90%;
  @include animation(fadeIn 200ms linear);

  h3 {
    font-size: $fontSizeLargest;
    margin: 0 0 $baseLine 0;
  }
}

.modal form {
  .row {
    margin: ($baseLine) 0;

    &:last-child {
      margin-bottom: 0;
    }
  }

  label {
    float: left;
    width: 15%;
    font-weight: bold;
  }

  .field {
    float: left;
    width: 85%;
  }

  input {
    width: 50%;
  }

  select {
    width: 30%;
  }

  textarea {
    display: block;
    width: 100%;
  }

  input[type="submit"] {
    width: inherit;
  }

  .start-date,
  .end-date,
  .start-time,
  .end-time {
    width: 40%;
    float: left;

    label {
      width: 37.5%;
    }

    .field {
      width: 62.5%;
    }
  }

  .end-date,
  .end-time {
    margin-left: 20%;
  }

  .start-time input,
  .end-time input {
    width: 100%;
  }

  .start-date input,
  .end-date input {
    width: 70%;
  }

  .date-picker-icon {
    float: right;
    height: 27px;
    width: 25px;
    background: url('#{$staticUrl}calendar.png');
    opacity: 0.8;
    cursor: pointer;

    &:hover {
      opacity: 1;
    }
  }
}

.field.areas {
  position: relative;

  label {
    float: none;
    width: auto;
    font-weight: normal;
  }

  .areas-dropdown {
    position: absolute;
    top: -2px;
    left: -10px;
    width: 30%;
    border: 1px solid #ccc;
    padding: 5px 0;
    background: #fff;
    border-radius: $radiusDefault;
    box-shadow: 2px 2px 10px rgba(#000, .25);

    &.hidden {
      display: none;
    }
  }

  .areas-dropdown ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: $fontSizeSmaller;
  }

  input {
    width: auto;
    margin-right: 5px;
  }
}

.areas-dropdown {
  li {

  }

  label {
    padding: 0 10px;
    display: block;

    &:hover {
      background: $linkBlue;
      color: #fff;
    }
  }
}

.modal .errorlist,
.modal .errorlist ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.modal .errorlist > ul > li {
  font-weight: bold;
}<commit_msg>Update modals errors style<commit_after>.modal-container {
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: auto;

  &:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(#000, .25);
    height: 100%;
    width: 100%;
    z-index: 500;
    opacity: 1;
    @include transition(opacity 200ms linear);
  }

  &.disabled {
    pointer-events: none;
  }

  &.disabled:after {
    opacity: 0;
  }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; };
  100% { opacity: 1; };
}

.modal {
  position: relative;
  z-index: 1000;
  margin: 200px auto 0;
  border-radius: $radiusDefault;
  background: #fff;
  max-width: 700px;
  padding: $baseLine ($baseLine * 1.5);
  width: 90%;
  @include animation(fadeIn 200ms linear);

  h3 {
    font-size: $fontSizeLargest;
    margin: 0 0 $baseLine 0;
  }
}

.modal form {
  .row {
    margin: ($baseLine) 0;

    &:last-child {
      margin-bottom: 0;
    }
  }

  label {
    float: left;
    width: 15%;
    font-weight: bold;
  }

  .field {
    float: left;
    width: 85%;
  }

  input {
    width: 50%;
  }

  select {
    width: 30%;
  }

  textarea {
    display: block;
    width: 100%;
  }

  input[type="submit"] {
    width: inherit;
  }

  .start-date,
  .end-date,
  .start-time,
  .end-time {
    width: 40%;
    float: left;

    label {
      width: 37.5%;
    }

    .field {
      width: 62.5%;
    }
  }

  .end-date,
  .end-time {
    margin-left: 20%;
  }

  .start-time input,
  .end-time input {
    width: 100%;
  }

  .start-date input,
  .end-date input {
    width: 70%;
  }

  .date-picker-icon {
    float: right;
    height: 27px;
    width: 25px;
    background: url('#{$staticUrl}calendar.png');
    opacity: 0.8;
    cursor: pointer;

    &:hover {
      opacity: 1;
    }
  }
}

.field.areas {
  position: relative;

  label {
    float: none;
    width: auto;
    font-weight: normal;
  }

  .areas-dropdown {
    position: absolute;
    top: -2px;
    left: -10px;
    width: 30%;
    border: 1px solid #ccc;
    padding: 5px 0;
    background: #fff;
    border-radius: $radiusDefault;
    box-shadow: 2px 2px 10px rgba(#000, .25);

    &.hidden {
      display: none;
    }
  }

  .areas-dropdown ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: $fontSizeSmaller;
  }

  input {
    width: auto;
    margin-right: 5px;
  }
}

.areas-dropdown {
  li {

  }

  label {
    padding: 0 10px;
    display: block;

    &:hover {
      background: $linkBlue;
      color: #fff;
    }
  }
}

.modal .errorlist {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.modal .errorlist > li {
  font-weight: bold;
  background: lighten($flat-red-2, 35%);
  color: $flat-red-2;
  padding: ($baseLine / 3) ($baseLine / 2);
  border-radius: $radiusDefault / 2;

  & + li {
    margin-top: $baseLine / 3;
  }
}
{'fraction_non_alphanumeric': 0.154917008745315, 'fraction_numerical': 0.04319114759950027, 'mean_word_length': 2.034109366540336, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 6, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5488486', 'n_tokens_mistral': 2448, 'n_tokens_neox': 2156, 'n_words': 514}