fieldset.field-unit--nested,
div.field-unit--nested {
    border-left: 1px;
    border-style: dashed;
    &[data="field-unit--nested_rooms"]{
        border-color: $primary;
    };
    &[data="field-unit--nested_packages"]{
        border-color: $secondary;
    };
    &[data="field-unit--nested_periods"]{
        border-color: $green;
    };
    &[data="field-unit--nested_period_selected_ranges"]{
      border-top:0px!important;
      border-bottom: 0px!important;
      border-right: 0px!important;
      border-color: $indigo;
      padding: 0.35em 0.75em 0.625em;
    };
    &[data="field-unit--nested_period_refunds"]{
        border-color: $yellow;
    }
}
// .field-unit--nested_rooms{
//
// }

// fieldset {
//   background-color: transparent;
//   border: 0;
//   margin: 0;
//   padding: 0;
// }
//
// legend {
//   font-weight: $bold-font-weight;
//   margin: 0;
//   padding: 0;
// }
//
// label {
//   display: block;
//   // font-weight: $bold-font-weight;
//   // margin: 0;
// }
//
// input,
// select {
//   display: block;
//   font-family: $base-font-family;
//   font-size: $base-font-size;
// }
//
// input,
// select,
// textarea {
//   display: block;
//   font-family: $base-font-family;
//   font-size: 16px;
// }
//
// [type="color"],
// [type="date"],
// [type="datetime-local"],
// [type="email"],
// [type="month"],
// [type="number"],
// [type="password"],
// [type="search"],
// [type="tel"],
// [type="text"],
// [type="time"],
// [type="url"],
// [type="week"],
// input:not([type]),
// textarea {
//   appearance: none;
//   background-color: $white;
//   border: $base-border;
//   border-radius: $base-border-radius;
//   padding: 0.5em;
//   transition: border-color $base-duration $base-timing;
//   width: 100%;
//
//   &:hover {
//     border-color: mix($black, $base-border-color, 20%);
//   }
//
//   &:focus {
//     border-color: $action-color;
//     outline: none;
//   }
//
//   &:disabled {
//     background-color: mix($black, $white, 5%);
//     cursor: not-allowed;
//
//     &:hover {
//       border: $base-border;
//     }
//   }
//
//   &::placeholder {
//     font-style: italic;
//   }
// }
//
// textarea {
//   resize: vertical;
// }
//
// [type="checkbox"],
// [type="radio"] {
//   display: inline;
//   margin-right: $small-spacing / 2;
// }
//
// [type="file"] {
//   width: 100%;
// }
//
// select {
//   width: 100%;
// }
//
// [type="checkbox"],
// [type="radio"],
// [type="file"],
// select {
//   &:focus {
//     outline: $focus-outline;
//     outline-offset: $focus-outline-offset;
//   }
// }