.m_wrapper {
  padding: 50px;

  legend {
    flex: 1 25%;
  }

  form {
    display  : flex;
    flex-wrap: wrap;
  }

  hr {
    width     : 100%;
    height    : 1px;
    flex      : 1 100%;
    margin    : 40px 0;

    background: $grey;
  }
}

.minotaure-fieldset {
  // display        : flex;
  // justify-content: flex-start;
  // align-items    : center;
  flex: 1 75%;
}

.minotaure-row {
  display        : flex;
  flex-direction : row-reverse;
  justify-content: flex-end;
  align-items    : center;

  position: relative;

  + .minotaure-row {
    margin-top: 20px;
  }

  label {
    font-weight: $medium;
    margin     : 0;
  }
}

.minotaure-column {
  + .minotaure-column {
    margin-top: 20px;
  }
  label {
    font-weight  : $medium;

    display      : block;
    margin-bottom: 10px;
  }

  .m_label__icon {
    display: flex;
  }

}

.minotaure-submit {
  margin-top     : 40px;
  width          : 100%;
  display        : flex;
  justify-content: flex-end;

}

.minotaure-legend {
  display   : block;
  margin-top: 20px;
}

.minotaure-list {
  list-style: initial;
  display   : flex;
  flex-wrap : wrap;

  li {
    width: 25%;
  }

  li + li {
    // margin-left: 50px;
  }
}

.minotaure-images {
  display    : flex;
  flex-wrap  : wrap;
  align-items: center;

  .minotaure-column {
    + .minotaure-column {
      margin-top : 0;
      margin-left: 20px;
    }
  }
}

.minotaure-image {
  width              : 200px;
  height             : 200px;

  border             : 1px solid $lightblue;
  border-radius      : 5px;
  overflow           : hidden;

  box-shadow         : 0 2px 4px 0 rgba(0, 67, 175, 0.1);

  cursor             : pointer;

  background-position: center;
  background-size    : contain;
  background-repeat  : no-repeat;

  &--hover {
    width          : 100%;
    height         : 100%;
    background     : rgba($white, .8);

    display        : flex;
    justify-content: center;
    align-items    : center;

    font-weight    : 800;
    text-transform : uppercase;
    color          : $darkblue;

    &:hover {
      color: $red;
    }
  }

  &--hovered {
    opacity: 0;
  }

  &:hover {
    .minotaure-image--hovered {
      opacity: 1;
    }
  }
}

.minotaure-block {

  border       : 1px solid $lightblue;

  border-radius: 5px;
  width        : 100%;
  display      : flex;

  padding      : 40px;

  + .minotaure-block {
    margin-top: 40px;
  }

  input {
    border: 1px solid $lightblue !important;

    &:focus {
      border: 1px solid $darkblue !important;
    }
  }
}

.m_label__icon {
  display    : flex;

  align-items: center;

  position   : relative;

}

.icon {

  display    : flex;
  align-items: center;

  position   : absolute;
  right      : calc(100% + 10px);
  top        : 0;

  path,
  svg {
    fill: $red;
  }
}


li.each_etr_style {

  border: 1px solid rgba($darkblue, 0.2);
  border-radius: 5px;
  padding: 20px;
  position: relative;
  margin-bottom: 20px;

  input[type='number'] {
    width: auto !important;
    height: auto !important;
    text-align: right;
  }
  .flex {
    display: flex;
    flex-wrap: wrap;
    div {
      margin-right: 50px;
    }
  }
  
  select {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
  }

  .btn_remove {
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    width:30px;
    padding:0px;
  }

  label {
    font-weight: bolder;
  }

  input {
    // display: block;
    // width: 100% !important;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 67, 175, 0.1);
    background-color: #ffffff;
    line-height: 2;
    min-height: 20px;
    padding: 0px 5px; 
  }
  label {
    display: block;
  }
}