.front-end-edit ul {
    padding: 0 !important;
}

.front-end-edit li {
    list-style: none;
    margin-bottom: 6px !important;
}


.front-end-edit label {
    color: var(--color-red);
}

.front-end-edit .radio label {
    float: none;
}

.front-end-edit .readonly {
    border: none !important;
    color: #666;
}

.front-end-edit #editor-xtd-buttons {
    height: 50px;
    width: 600px;
    float: left;
}

.front-end-edit .toggle-editor {
    height: 50px;
    width: 120px;
    float: right;
}

#access-rules a:hover {
    background: #f5f5f5 url('../images/slider_minus.png') right top no-repeat;
    color: #444;
}

fieldset.radio label {
    width: 50px !important;
}

/*
form{
	text-align: center;
  }
*/
form div.button-div {
    margin-left: 110px;
}

.nav-tabs img {
    display: inline;
}

.tab-content {
    margin-top: 20px;
}

.esub-activityselect-field {
    max-width: 250px;
}

.esub-activity-selected {
    clear: both;
}

.esub-activity-layout>div:nth-child(2) {
    padding-left: 5px;
}

.esub-activity-layout>div:nth-child(3) {
    padding-left: 10px;
}

/** New Rules for Joomla! 5 **/
.toolbar {
    padding: 1rem .5rem;

    button {
        border-radius: .25rem;
    }

    .btn-group {
        display: inline-flex;

        &:not(:last-child)>.dropdown-toggle-split {
            border-radius: 0 .25rem .25rem 0;
            order: 1;
            margin-inline-start: -.25rem;
        }
    }
}

.esub-form {
    background-color: var(--color-table-body-bg);
    border-radius: 0.875rem 0.875rem 0rem 0rem;
    border: .6px solid var(--color-border);
    padding: 0.94rem 1.94rem;

    label {
        font-weight: 800;
    }

    &.js-stools-container-filters {
        border-radius: 0.875rem;
        margin-bottom: 4rem;
    }

    select,
    input {
        border: .6px solid var(--color-border);
        border-radius: 0.1875rem;
        height: auto;
        min-height: 2.5rem;
        padding-left: 0.5rem;
    }



    .esub-columns {
        input {
            margin-top: 1rem;
        }
    }

    .esub-form-row {
        border-bottom: 1px solid var(--color-border);
    }
}


/** Search bar **/
.js-stools-field-filter {
    &.jform_filter_search {
        display: flex;
        gap: .5rem;
        justify-content: flex-start;
        align-items: center;

        #jform_filter_search {
            border: 1px solid var(--color-border);
            border-radius: var(--boreder-radius--button);
        }
    }
}




.form-group {
    padding: .5rem 1rem;
    border-bottom: .6px solid var(--color-border);

    input {
        &:focus {
            background-color: var(--color-background);
            padding: 0 1rem;
        }
    }

    textarea {
        border-radius: 4px;
        height: 10rem;

        &:focus {
            background-color: var(--color-background);
            height: 20rem;
        }
    }
}

.esub-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 48%));
    grid-template-rows: repeat(4, 15rem);
    gap: 1rem;
}

.esub-edit-images {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 1rem .5rem;
}

label.invalid {
    background: var(--color-red);
    color: white !important;
    padding: .5rem .3rem;
    border-radius: .4rem;

    .form-control-feedback {
        padding: 1rem;
    }
}

.field-inreview {
    background: hsla(45, 100%, 51%, .5) !important;
    padding: 1rem;

    * {
        border-color: black !important;
    }
}

.esub-field__oldvalue {
    border-radius: var(--boreder-radius--button);
    padding: .5rem 1rem;
    background-color: hsla(255, 100%, 100%, .49);
}

option:checked,
option:active {
    background-color: transparent !important;
    font-weight: 600;


    &:after {
        content: url('../images/fi-rr-check.svg');
        margin-left: .25rem;
        margin-top: .5rem;

    }
}

.choices__inner {
    border: .6px solid var(--color-border) !important;
    flex-direction: column;
}

.is-open .choices__list--dropdown,
.choices__list--dropdown .choices__item--selectable {
    background-color: #e9e9ed !important;
}

.choices[data-type*="select-one"] .choices__input {
    background-color: white !important;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #d8d8dc !important;
}

.js-stools-field-filter.filter_id_enquery_company {
    width: 18rem;
}