/* //////////// General styles //////////// */

.page-details strong {
    min-width: 14em;
    display: inline-block;
}

[class^="ag360Select2-"] {
    width: 100%;
    min-width: 10em;
}

/* When admin bar is present, correct select2 box position */
.admin-bar .select2-container--open .select2-dropdown--above,
.admin-bar .select2-container--open .select2-dropdown--below {
    transform: translateY(32px);
}

.admin-bar .modal-content .select2-container--open .select2-dropdown--above,
.admin-bar .modal-content .select2-container--open .select2-dropdown--below {
    transform: translateY(-1px);
}

/* //////////// Recommendations styles //////////// */

.table-recom th,
.table-recom td {
    max-width: 5em;
}

.graph-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* //////////// Zonecalc //////////// */

.zonecalc-timing select,
.zonecalc-timing input {
    max-width: 7.5em;
}

/* Hide the arrow on zonecalc to prevent erasing by mistake */
.zonecalc-timing .select2-selection__arrow {
    display: none;
}

.zonecalc-timing .select2-selection__clear {
    margin-right: -15px;
}

.accordion-button:not(.collapsed),
.accordion-button {
    background-color: rgb(4, 129, 95) !important;
    color: white !important;
}

.accordion-button:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}


/* //////////// Crop Plan styles //////////// */

#repeatable-blend_price td:first-child {
    width: 50%;
}

#repeatable-innoculant td:nth-child(3) {
    width: 33%;
}

#repeatable-seed_testing td:nth-child(1),
#repeatable-seed_testing td:nth-child(2) {
    width: 16%;
}

#repeatable-fert td:nth-child(3) {
    width: 16%;
}

.select2-selection__clear {
    font-size: 1.5em;
    top: -0.1em;
}

/* //////////// File uploader //////////// */
form.dropzone {
    border-style: dashed;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

form.dropzone .dz-preview .dz-progress {
    top: 63%;
    display: none;
    margin-top: 0;
    height: 10px;
}

form.dropzone .dz-preview .dz-details {
    padding: 0.8em 0.5em;
}

form.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 6px;
    height: 85px;
}

form.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 0.5em;
}

/* //////////// DataTables with Alpine //////////// */
/* For some reason selects overflow the td's when in a data table */

.sortable-alpine .select {
    padding-right: 50px;
}

/* ////////// Fix z-index of select 2 in modals ///////////// */
.select2-container--open {
    z-index: 9999999
}

/* /////////// hide the counter for editing comments ////////// */
.sce-seperator,
.sce-timer {
    display: none;
}