body.ea-index .search-input{
    outline: var(--bi-orange-color);
    width: fit-content;
}

body.ea-index .search-input span{
    margin-right: 11px !important;
}

body.ea-index table .icon{
    vertical-align: middle;
}

body.ea-index table .icon i {
    color: var(--bi-orange-color);
    font-size: 20px;
}

.datagrid thead .sorted{
    box-shadow: inset 0 -2px 0 var(--bi-orange-color);
}

table .badge.badge-secondary{
    background: var(--bi-purple-color) !important;
    color: #fff !important;
    border-radius: 2px;
    padding: 2px 10px;
    font-size: 11px;
}

#paginator-id{
    box-shadow: none !important;
}

#paginator-id:focus{
    border-color: var(--bi-orange-color);
}

.action-new{
    background: var(--bi-orange-color) !important;
    color: #fff !important;
    border-radius: 3px !important;
}

.action-new:focus{
    box-shadow: none !important;
}

.action-saveAndAddAnother{
    display: none !important;
}

.action-new {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 8px;
    padding: 3px 12px !important;
}

.action-label{
    font-size: 12px!important;
}

.action-new .icon{
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#modal-ajax-form #building {
    display: flex;
    flex-wrap: wrap;
}

#modal-ajax-form #building .release-date {
    padding-right: 10px;
}

#modal-ajax-form #building .start-service-provision {
    padding-left: 10px;
}

#modal-ajax-form #building .delivery-date {
    padding-right: 10px;
}

#modal-ajax-form #building .end-service-provision {
    padding-left: 10px;
}

@media(max-width: 768px){
    #modal-ajax-form #building .release-date {
        padding-right: 0;
    }

    #modal-ajax-form #building .start-service-provision {
        padding-left: 0;
    }

    #modal-ajax-form #building .delivery-date {
        padding-right: 0;
    }

    #modal-ajax-form #building .end-service-provision {
        padding-left: 0;
    }
}

#ea-index-Building #main .table-container{
    overflow-x: auto !important;
    white-space: nowrap !important;
}

#ea-index-Building #main .table-container table{
    width: 100% !important;
    min-width: max-content !important;
}

#ea-index-Building #main .table-container table.datagrid{
    width: 100% !important;
    min-width: max-content !important;
}


td.actions{
    white-space: nowrap;
}

td.actions .action-edit,
td.actions .action-delete{
    background: var(--bi-orange-color);
    padding: 3px 16px;
    color: #fff !important;
    text-decoration: none;
    font-weight: 400 !important;
}