/* Container */
  .edit_view{
    width: 100%;
  }

/* ColorPicker */
    span.input-group-addon {
        height: 2.3555555rem !important;
        border: 1px solid #ced4da;
        display: flex;
        width: 3rem;
        border-radius: 0 3px 3px 0;
        border-left: 0;
        align-items: center;
    }
    .colorpicker-element .input-group-addon i, .colorpicker-element .add-on i {
        display: block;
        height: 60%;
        width: 70%;
        border-radius: 3px;
        margin: auto;
    }
/* Custom File Input */
    .custom-file-label {
      overflow: hidden;
      white-space: nowrap;
      padding-right: 8em;
      text-overflow: ellipsis;
    }
    .custom-file-input {
      cursor: pointer;
    }
/* Textarea autosize */
    textarea.textarea-autosize {
      height: 2.25rem;
      min-height: 2.25rem;
      resize: none;
      overflow-y:hidden;
    }

    textarea.textarea-autosize.form-control-lg {
      height: 3.75rem;
      min-height: 3.75rem;
    }

    textarea.textarea-autosize.form-control-sm {
      height: 2rem;
      min-height: 2rem;
    }
/* Relation entity many card / Permission*/
  .relation-entity-many-card-item,
  .permission-card-item{
    opacity: 0.5;
  }
  .relation-entity-many-card-item.active,
  .permission-card-item.active{
    opacity: 1;
  }
  [ftype="FieldRelationEntityManyCard"].is-invalid~.invalid-feedback,
  [ftype="FieldSchedule"].is-invalid~.invalid-feedback,
  [ftype="FieldGalery"].is-invalid~.invalid-feedback,
  [ftype="FieldPermission"].is-invalid~.invalid-feedback,
  [ftype="FieldImage"].is-invalid~.invalid-feedback {
    display: block;
  }
  [ftype="FieldRelationEntityManyCard"].is-invalid,
  [ftype="FieldSchedule"].is-invalid,
  [ftype="FieldGalery"].is-invalid,
  [ftype="FieldPermission"].is-invalid,
  [ftype="FieldImage"].is-invalid {
    border: 1px solid #dc3545;
    border-radius: 5px;
  }
  .field-select-all,
  .field-unselect-all {
    float: right;
    font-size: 0.7em;
    margin-right: 1rem;
    cursor: pointer;
  }

/* LINKS */
  .link{
    color:#2e7199;
  }
/* SCHEDULE */
  tr.field-schedule-separator td,
  tr.field-schedule-separator th {
    background-color: #e4e4e4;
    padding: 0.2rem;
  }
/* GALERY */
  .galery-control{

  }
  .galery-image{
    border-radius: 5px;
    background-color: white;
    height: 5rem;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
  }
  .galery-image-preview{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
  }
  .galery-image-item-icons{
    top: 0;
    bottom:0;
    left: 0;
    right: 0;
    z-index: 1;
    color: #FFFFFF;
    background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
  }
  /*.galery-image-item-icons:hover{
    color: #16c7ff;
    text-shadow: 0px 0px 10px rgba(22, 199, 255, 0.5);
  }*/
  .galery-image-remove,
  .galery-image-download,
  .galery-image-view,
  .galery-image-add{
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
  }

  .galery-image-remove,
  .galery-image-download,
  .galery-image-view{
    display: none;
  }
  .galery-image-preview.with_data .galery-image-add{
    display: none;
  }
  .galery-image-preview.with_data .galery-image-remove,
  .galery-image-preview.with_data .galery-image-view{
    display: block;
  }
  .galery-image-preview.from_server .galery-image-download{
    display: block;
  }
  .galery-image-wp.is-invalid .galery-image{
    opacity: 0.5;
    box-shadow: 0 4px 5px 0 rgba(255,0,0,0.34), 0 1px 10px 0 rgba(255,0,0,0.32), 0 2px 4px -1px rgba(255,0,0,0.5);
  }
/* IMAGE */
  .single-image-control{

  }
  .single-image-image{
    border-radius: 5px;
    background-color: white;
    height: 5rem;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
  }
  .single-image-image-preview{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
  }
  .single-image-image-item-icons{
    top: 0;
    bottom:0;
    left: 0;
    right: 0;
    z-index: 1;
    color: #FFFFFF;
    background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
  }

  /*.single-image-image-item-icons:hover{
    color: #16c7ff;
    text-shadow: 0px 0px 10px rgba(22, 199, 255, 0.5);
  }*/

  .single-image-image-remove,
  .single-image-image-view,
  .single-image-image-download,
  .single-image-image-add{
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
  }

  .single-image-image-remove,
  .single-image-image-view,
  .single-image-image-download{
    display: none;
  }
  .single-image-image-preview.with_data .single-image-image-add{
    display: none;
  }
  .single-image-image-preview.with_data .single-image-image-remove,
  .single-image-image-preview.with_data .single-image-image-view{
    display: block;
  }
  .single-image-image-preview.from_server .single-image-image-download{
    display: block;
  }
  .single-image-image-wp.is-invalid .single-image-image{
    opacity: 0.5;
    box-shadow: 0 4px 5px 0 rgba(255,0,0,0.34), 0 1px 10px 0 rgba(255,0,0,0.32), 0 2px 4px -1px rgba(255,0,0,0.5);
  }
/* FILES */
    .files-control{

    }
    .files-file{
      border-radius: 5px;
      background-color: white;
      height: 5rem;
      box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    }
    .files-file-preview{
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      border-radius: 5px;
    }
    .files-file-item-icons{
      top: 0;
      bottom:0;
      left: 0;
      right: 0;
      z-index: 1;
      color: #FFFFFF;
      background-color: rgba(0,0,0,0.5);
      border-radius: 5px;
    }

    .files-file-remove,
    .files-file-download,
    .files-file-remove,
    .files-file-add{
      text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
    }

    .files-file-remove,
    .files-file-download{
      display: none;
    }
    .files-file-preview.with_data .files-file-add{
      display: none;
    }
    .files-file-preview.with_data .files-file-remove{
      display: block;
    }
    .files-file-preview.from_server .files-file-download{
      display: block;
    }
    .files-file-wp.is-invalid .files-file{
      opacity: 0.5;
      box-shadow: 0 4px 5px 0 rgba(255,0,0,0.34), 0 1px 10px 0 rgba(255,0,0,0.32), 0 2px 4px -1px rgba(255,0,0,0.5);
    }
/* Pagination*/
.pagination .active .page-link{
  background-color: #00bcd4;
}
/* bootstrap select*/
.bootstrap-select button{
  min-width: 4rem;
  background-color: white !important;
  border-color: #dae0e5;
}
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
    background-color: #2cabc3;
    color: white;
}
.form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select {
    padding-left: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #2cabc3 !important;
    color: white;
}
/* field map */
  .field-geometry-map {
    height: 15rem !important;
    border: 1px solid;
    border-radius: 5px;
  }
  .field-geometry-map-controls {
    z-index: 1000;
    position: absolute;
    right: 0.6rem;
    top: 0.6rem;
  }
  .field-geometry-map-control {
    width: 2rem;
    height: 2rem;
    background-color: white;
    border-radius: 5px;
    margin-bottom: 0.3rem;
    cursor: pointer;
  }
  .field-geometry-map-control i {
    font-size: 1rem !important;
  }
  .field-geometry-map.is-invalid {
    border: 1px solid red;
  }
/* end field map*/
/* Field plot ranges */
  .field-plot-icon{
    background-image:url(../img/icons/leafiness.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
  }
  .field-plot-icon.leafiness{
    background-image:url(../img/icons/leafiness.svg);
  }
  .field-plot-icon.production{
    background-image:url(../img/icons/production.svg);
  }
  .field-plot-icon.vigor{
    background-image:url(../img/icons/vigor.svg);
  }
  .field-plot-icon.leaf_fruit_ratio{
    background-image:url(../img/icons/leaf_fruit.svg);
  }
  .field-plot-icon.caliber{
    background-image:url(../img/icons/caliber.svg);
  }
  .field-plot-icon-color {
      width: 1rem;
      height: 1rem;
      border-radius: 5px;
  }
  .field-plot-icon-color.one {
      background-color: rgb(237,30,121);
      /*background-color: #ffffff;
      border: 1px solid #007565;*/
  }
  .field-plot-icon-color.two {
      background-color: rgb(252,238,33);
      /*background-color: #ff8080;
      border: 1px solid #007565;*/
  }
  .field-plot-icon-color.three {
      background-color: rgb(140,198,63);
      /*background-color: #ff0000;
      border: 1px solid #007565;*/
  }
  .field-plot-icon-item-ranges {
      font-size: 0.75rem;
      text-align: right;
      margin-right: 0.5rem;
      cursor: pointer;
  }
  .field-plot-item-wp{
    width: 33%;
    text-align:center;
  }
  .field-plot-range {
      width: calc(100% - 5rem);
      margin-left: -3rem;
  }
  .field-plot-icon-item-ranges.break-1 span,
  .field-plot-icon-item-ranges.break-2 span{
      border: 1px solid #777;
      padding: 0.2rem 0.4rem;
      border-radius: 3px;
      margin-left: 0.2rem;
  }
  .field-plot-items.is-invalid, .was-validated .field-plot-items:invalid {
      border-color: #dc3545;
      padding-right: calc(1.5em + .75rem);
      background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E);
      background-repeat: no-repeat;
      background-position: center right calc(.375em + .1875rem);
      background-size: calc(.75em + .375rem) calc(.75em + .375rem);
      display: block;
      border-width: 1px;
      border-style: solid;
      border-radius: 5px;
  }
  .field-plot-items.is-invalid~.invalid-feedback,
  .field-plot-items.is-invalid~.invalid-tooltip,
  .was-validated .field-plot-items:invalid~.invalid-feedback,
  .was-validated .field-plot-items:invalid~.invalid-tooltip {
      display: block;
  }
/* End field plot ranges */
/* Field relation entity search, field text multiple */
  .field-entity-relation-item-wp,
  .field-text-multiple-item-wp {
      border: 1px solid #d6d4d4;
      border-radius: 3px;
  }
/* End Field relation entity search */
/* tablas de campos relacionados */
  .relation-entity-many-count-content .table,
  .relation-entity-many-content .table{
    font-size: 0.8rem;
  }
/* end tablas de campos relacionados */
/* field text multiple*/
.field-text-multiple input[type="text"]{
  width: calc(100% - 2.6rem);
}
.field-text-multiple .field-text-multiple-add{
  position: absolute;
  top: 1.7rem;
  right: 0.9rem;
}
.field-text-multiple-item-content{
  word-break: break-all;
}
/* end field text multiple*/
/* field file */
.field-file-btns button {
    color: #fff;
    background-color: #007769;
    border-color: #ffffff;
}
.field-file-btns button:hover {
    color: #007769;
    background-color: #fff ;
    border-color:#007769;
}

/* end field file */
/* field Relation entity table */
.is-invalid[ftype="FieldRelationEntityTable"] {
    border: 1px solid red;
    padding: 0.4rem;
    border-radius: 3px;
}
.is-invalid[ftype="FieldRelationEntityTable"] ~ .invalid-feedback {
    display: block;
}
/* end field relation entity table */
/* field Plot Selector */

.plot-selector-item {
    display: block;
    padding: 0.5em;
    border: 1px solid #ced4da;
    margin: 0.3em;
    width: 18%;
    text-align: center;
    border-radius: 4px;
}

.field-plot-selector-items {
    display: flex;
    flex: wrap;
    flex-wrap: wrap!important;
}
.plot-selector-item.item-selected {
    background-color: #007769c9;
    color: white;
}
.plot-selector-item:hover {
    opacity: 0.8;
}
@media screen and (max-width: 995px) {
    .plot-selector-item {
        width: 23%;
    }
}
@media screen and (max-width: 770px) {
    .plot-selector-item {
        width: 31%;
    }
}
@media screen and (max-width: 450px) {
    .plot-selector-item {
        width: 47%;
    }
}

/* end field Plot Selector */