/*** SIDEBAR ***/
.sidebar {
    background: #EAECF0;
    box-shadow: none;
    background-clip: content-box;
    height: 99%;
    min-height: unset;
    margin-top: 6px;
}

#sidebar-resizer-handler {
    display: none;
}

#content-resizer-handler {
    display: none;
}

.submenu-toggle{
    height: 4em;
    line-height: 4em;
}

#main-menu .menu .submenu a{
    padding: 0px;
}

#main-menu .menu .menu-item {
    padding-left: 12px;
}

#main-menu .menu .menu-item.active {
    background-color: #FFF;
}

#main-menu .menu .menu-item.expanded {
    background-color: #FFF;
}

#main-menu .menu .menu-item.active:not(.expanded) a {
    color: #333;
}

#main-menu .menu li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #EAECF0;
    min-height: 4em;
    font-weight: bold;
    border-bottom: 2px solid #FFF;
}

#main-menu .menu .menu-icon {
    color: #333;
}

#main-menu .menu .menu-item.active:not(.expanded) .menu-icon {
    color: #73b231;
}
.submenu-toggle-icon{
    line-height: 42px;
    margin-right: 10px;
}
/*** END SIDEBAR ***/

/*** SEARCH BAR ***/
.fas.fa-search.content-search-icon {
    visibility: hidden;
}

.content-top {
    height: 3em;
    margin-top: 3px;
    padding: 5px 15px 5px var(--content-padding-left);
    box-shadow: none;
}

.content-search, .form-action-search {
    display: flex;
    align-items: center;
    background-color: #EAECF0;
}

#ea-index-Provider > div.wrapper > section > aside > div.content-search > form > div,
#ea-index-User > div.wrapper > section > aside > div.content-search > form > div {
    height: 100%;
    background-color: #EAECF0;
}

.form-widget {
    height: 100%;
}

.form-control .is-blank {
    background-color: #EAECF0;
}

.content-top .content-search input[type=search][name=query] {
    background-color: #EAECF0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: #333;
    -webkit-animation-name: autofill;
    -webkit-box-shadow: 0 0 0px 1000px #EAECF0 inset !important;
}

.field-select.field-role.form-group {
    background-color: #FFF;
    width: 40.9%;
}

.navbar-custom-menu {
    padding-top: 2px;
    padding-left: 22px;
}

.dropdown.dropdown-appearance {
    display: none;
}
/*** END SEARCH BAR ***/

/*** FILTER MODAL ***/
.form-widget.my-2 {
    background-color: #FFF;
}

.filter-heading a {
    color: #333;
}
/*** END FILTER MODAL ***/

/*** TABLE HEAD ***/
body > div.wrapper > section > div > article > section.content-header > div.content-header-title > h1 > i {
    display: none;
}

.datagrid thead .sorted {
    box-shadow: inset 0 -2px 0 #BDE198;
}

.datagrid thead .sorted i {
    color: #BDE198;
}
/*** END TABLE HEAD ***/

/*** BUTTONS ***/
/** Filter button **/
div.wrapper > section > div > article > section.content-header > div.page-actions > div.datagrid-filters > div > a.btn.btn-secondary.btn-labeled.btn-labeled-right.action-filters-button.action-filters-applied > i {
    color: #333;
}

div.wrapper > section > div > article > section.content-header > div.page-actions > div.datagrid-filters > div > a.btn.btn-secondary.btn-labeled.btn-labeled-right.action-filters-button.action-filters-applied:hover {
    background-color: #FFF;
    color: #333;
    box-shadow: var(--button-hover-shadow);
}

div.wrapper > section > div > article > section.content-header > div.page-actions > div.datagrid-filters > div > a.btn.btn-secondary.btn-labeled.btn-labeled-right.action-filters-button.action-filters-applied:hover > i {
    background-color: #FFF;
}

div.wrapper > section > div > article > section.content-header > div.page-actions > div.datagrid-filters > div > a.btn.btn-secondary.btn-labeled.btn-labeled-right.action-filters-button.action-filters-applied > span {
    color: #333;
}

div.wrapper > section > div > article > section.content-header > div.page-actions > div.datagrid-filters > div > a:hover > i {
    color: #FFF;
}
/** End Filter Button **/

.btn-primary {
    border-color: #73b231;
    background-color: #73b231;
    box-shadow: none;
}

.btn-outline-primary {
    border: 1px solid #73b231;
    box-shadow: none;
}

.btn-primary:disabled {
    border-color: #333;
    background-color: #333;
    box-shadow: none;
    color: #FFF;
}

.btn-primary:not(:disabled):not(.disabled):not(.btn-link):active {
    background-color: #333;
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):not(.btn-link):focus {
    background-color: #333;
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):not(.btn-link):active:focus {
    background-color: #333;
    box-shadow: none;
}

.btn:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):hover {
    background-color: #333;
    color: #FFF;
    box-shadow: none;
}

.page-item.active .page-link, .page-item.active .page-link{
    background-color: #333;
    color: #FFF;
    box-shadow: none;
    border-color: unset;
}

.page-item.active .page-link, .page-item.active .page-link:hover {
    background-color: #333;
    color: #FFF;
    box-shadow: none;
    border-color: unset;
}

.form-group.field-collection .field-collection-add-button {
    color: #333;
}

.ea-dark-scheme .form-switch .form-check-input:checked, .form-switch .form-check-input:checked {
    background-color: #73b231;
    border-color: #73b231;
}

.badge.badge-secondary {
    color: #333;
    background-color: #BDE198;
}
/*** END BUTTONS ***/

/*** FORM ***/
.field-select.form-group {
    width: 40.9%;
}

.form-widget .form-select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    padding-right: 2rem;
}

/*** USER INDEX ***/
.bool-switch {
    cursor: no-drop;
}

/*** RECEIPTS EDIT FORM ***/
div.form-widget input:read-only,
div.form-widget select[readonly],
div.form-widget select[disabled],
div.form-widget textarea[disabled]{
    border-color: #EAECF0;
    background-color: #EAECF0;
}
/*** END RECEIPTS EDIT FORM ***/