/* Login CSS starts here */
#login-form1 button[type="submit"] {
    width: 100% !important;
}
/* Login CSS ends here */




/* Register CSS starts here */
.login-form > #registerFrm #register {
    width: 100%;
}

.container-fluid .row .signup-col-img {
    position: relative;
}

.container-fluid .row .signup-col-img .image-text {
    position: absolute;
    bottom: 0;
}
/* Register CSS ends here */

.text-small{
    font-size: small !important;
}



/* Account CSS starts here */
.view-bill-btn, .view-bill-btn:hover {
    background-color: #FBD504;
    color:#000;
}

.pay-bill-btn, .pay-bill-btn:hover {
    background-color: #F0F0F0;
    color:#000;
}

.nav-item a.active .table,
.nav-item a.active .card,
.nav-item a:hover .table,
.nav-item a:hover .card {
    background-color: #2D3958;
    --bs-table-bg: unset;
    --bs-table-color: unset
}

.nav-item a .table,
.nav-item a .card {
    --bs-table-color: unset
}

#paybill-modal .modal-header button.close, #view-bill-modal .modal-header button.close, .row .modal .modal-dialog .modal-content .modal-header button.close, #prepaid_close, .modal-header button.close {
    border:none;
    background-color: transparent;
    margin-left: auto !important;
}

#paybill-modal .modal-header button.close img, #view-bill-modal .modal-header button.close img, .row .modal .modal-dialog .modal-content .modal-header button.close img, #prepaid_close img, .modal-header button.close img, .modal-header button.close img {
    height: 30px;
    width:30px;
    opacity: 0.5;
}

#paybill-modal .modal-header button.close img:hover, #view-bill-modal .modal-header button.close img:hover, .row .modal .modal-dialog .modal-content .modal-header button.close img:hover, #prepaid_close img:hover, .modal-header button.close:hover img {
    opacity: 1;
}


.modal-footer > .d-block >.row {
    --bs-gutter-x: 1.5rem;
    display: flex !important;
    justify-content: center;
    gap:1rem;
}


.modal-footer >.d-block >.row > *{
    flex-shrink: 1 !important;
    width:auto;
    left: unset !important;
}

table.app-usage-table td {
    background-color: transparent;
}


.attach-icon-btn-div .attach-icon, #save_exit, #save-exit1, #save-exit2, #save_exit4, .service-steps-save-exit-btn, .paymentcancelBtn, .btn-default, .cancel-btn, .logout-btn {
    background-color: #2D3958;
    color: #fff;
}
/* Account CSS ends here */



/* Service CSS starts here */
.white-bg .service-table {
    max-width: 100%;
    margin: 0;
}

#a6a0ec1b-f220-4b4b-9dc3-0067458dcc07-modal h4, #e1df24ac-b414-4341-b472-59826604168d-modal h4, #fbabf39c-6b6d-404c-8881-7991e446a377-modal h4, #d6045fed-824f-4610-bac3-4af6e922269e-modal h4, #d59c6069-64e6-4f7e-86de-a4f35b0ed6c9-modal h4 {
    color: #2D3958;
    font-size: 1.5rem !important;
}
/* Service CSS ends here */




/* Tracking and Activities CSS starts here */
.mr-2 {
    margin-right: 0.5rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

#Reset, #closebtn {
    background-color: #e5e5e5 !important;
}

.primary-text-color{
    color: #2D3958 !important;
  }

.secondary-text-color{
color:#7B88A8 !important;
}

select#activityType{
    appearance: auto;
    -webkit-appearance: auto;
    /* height: 100%; */
}

#activities-search-input > .input-group {
    padding: 0 15px;
} 

#refresh .row {
    align-items: center
}
/* Tracking and Activities CSS ends here */




/* Feedback CSS starts here */
.edit-profile-input input[type=radio] {
    /* line-height: 1.5em; */
    margin: 0 0 0 15px;
}
/* Feedback CSS ends here */




/* Outage CSS starts here */
#activity-tab{
    box-shadow: 1px 2px 3px #bfbfbf;
    z-index: 999;
  }

  .outage-current-div {
    position: relative;
  }

  .main-container .row .col-md-8 {
    position: relative;
    /* background-color: yellow; */
  }

.main-container .row  .col-md-8 .shadow {
    box-shadow: none !important;
  }

  .shadow .map-viewr-info {
    /* background-color: yellow; */
    position: absolute;
  }

.base-container .main .main .main-container .rounded {
    box-shadow: none !important;
}

.card-outage-current .list-unstyled .outage-card-acive,
#list_view_1 .outage-card .outage-card-acive .table {
    background-color: #2D3958 !important;
    --bs-table-bg: unset;
    --bs-table-color: unset;
}

#list_view_1 li:hover .table  {
    background-color: #4d5f8e !important;
    --bs-table-bg: unset;
    --bs-table-color: unset;
  }
/* Outage CSS ends here */



/* Electricity theft CSS start here */
.base-container .main .main-container .shadow {
    box-shadow: none !important;
}

.base-container .main .main-container .primary-text-color {
    font-size: 14px !important;
}
/* Electricity theft CSS ends here */



/* Profile CSS start here */
.acc-select-table {
    --bs-table-bg: unset;
}

#verifyCardBtn {
    width: max-content;
    margin-left: -80px !important;
}


.base-container > .main > .main-container > .white-bg > #SettingsTab {
    display: flex;
    flex-wrap: nowrap;
}
/* Profile CSS ends here */