.billing-main-form {
    padding: 25px 30px;
}

.billing-input-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    flex-wrap: wrap;
    width: 100%;
}

.billing-input-item {
    flex-basis: 22% !important;
    margin-bottom: 30px !important;
}

.billing-summary-cell {
    border-bottom: none !important;
}

.billing-table-headers {
    font-family: "Proxima Nova SemiBold", serif !important;
}

.billing-table-collapsed-headers {
    font-family: "Proxima Nova SemiBold", serif !important;
}

.centered-button {
    text-align: center;
}

.margin-right-button {
    margin-right: 8px !important;
}

.bill-summary-navigation-button {
    margin-right: 20px !important;
    min-width: 165px !important;
}

.bill-summary-table-height {
    height: calc(100vh - 310px)
}

/* Utility Account Summary Page Css Start */

.utility-account-label {
    display: inline-flex;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.css-2wlhml-MuiPaper-root-MuiDialog-paper, .css-1x1n7kv {
    background-color: initial !important;
    min-width: calc(100% - 64px) !important
}

.option-selection-tooltip {
    max-width: 600px !important;
}

.utility-account-summary-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: auto;
}

.utility-account-summary-table-height {
    height: calc(100vh - 260px)
}

/* Utility Account Summary Page Css End */

@media only screen and (max-width: 600px) {
    .billing-input-item {
        flex-basis: 100% !important;
    }

    .navigation-sector {
        flex-direction: column !important;
    }
}

@media only screen and  (min-width: 601px) and (max-width: 900px) {
    .billing-input-item {
        flex-basis: 48% !important;
    }
}

@media only screen and  (min-width: 901px) and (max-width: 1439px) {
    .billing-input-item {
        flex-basis: 32% !important;
    }
}

@media only screen and  (min-width: 1440px) {
    .billing-input-item {
        flex-basis: 22% !important;
    }
}