.toast-error {
    background-color: #E7515A !important;
}

.toast-container .ngx-toastr {
    margin: 0 0 6px;
    padding: 20px 20px 20px 50px !important;
    border-radius: 8px 8px 8px 8px !important;
}

.toast-success {
    background-color: #00AB55;
}

.toast-success {
    background-color: #E2A03F;
}

.HESlogo {
    background: url('../img//HES_SLS.png');
    background-repeat: no-repeat;
    height: 100px;
}

.authbg {
    background-image: url('../img/Loginbg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.logincard {
    background-image: linear-gradient(to right, #b9bdcf 0%, #dfcb92 100%) !important;
    border: none !important;
}

.btn-secondary.disabled,
.btn-secondary.btn[disabled],
.btn-secondary:disabled {
    background-color: #2c52ab !important;
    border-color: #2b569c !important;
}

.btn-secondary {
    background-color: #2c52ab !important;
    border-color: #2c52ab !important;
    box-shadow: 0 10px 20px -10px rgb(43 84 166) !important;
}

.logintextwarning {
    color: #d23844 !important;
}
.sidebar-nhhes-logo{
    width: 57px;
    height: 45px;
}
.sidebar-hes-logo{
    width: 195px;
    height: 100px
}
.spinner-grow {
    color: #2D53A8;
}

#load_screen {
    background-color: rgb(255 255 255 / 50%) !important;
}

#sidebar ul.menu-categories li.menu:not(.active)>.dropdown-toggle[aria-expanded="true"] {
    /* background-image: linear-gradient(115deg, #3754db 50%, #db4049 120%); */
    background-image: linear-gradient(115deg, #2c54a3 50%, #db2f35 120%);
    color: #ffffff;
}

#sidebar ul.menu-categories li.menu>.dropdown-toggle {
    /* margin: 0 10px 0 5px !important; */
    padding: 13px 8px !important;
}

.layout-top-spacing {
    margin-top: 5px !important;
}

.action-btn-padding {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.p-datatable .p-datatable-thead>tr>th {
    font-weight: 500 !important;
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
    font-size: 12px;
}

.p-datatable .p-datatable-tbody>tr {
    color: #494545 !important;
    font-size: 13px;
}

.widget-content-area {
    border-radius: 5px !important;
    border: 1px solid #e0e6ed !important;
}

hr {
    border-top: 1px solid #b2b2b4 !important;
}

.marginleft-15 {
    margin-left: 15px;
}

.boxborder {
    border: 1px solid #e0e6ed;
}

.p-dialog-footer button {
    border: 0px !important;
}

.widget.box .widget-header {
    border-radius: 5px !important;
    border: 1px solid #e0e6ed !important;
}

#sidebar ul.menu-categories li.menu>.dropdown-toggle {
    font-size: 14px !important;
}

#sidebar ul.menu-categories ul.submenu>li a {
    font-size: 14px !important;
}

button.p-column-filter-menu-button {
    border-radius: 5px !important;
}

.form-group {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}

.menu-icon {
    vertical-align: middle;
    font-size: larger !important;
    width: 35px;
    text-align: center;
    /* color: #3a3b3c; */
    margin-right: 6px;
}

.shadow-bottom {
    margin-top: -10px !important;
}

.profile-pgsize {
    font-size: 25px !important;
    padding-left: 8px;
    padding-top: 5px;
}

.avatar-sm {
    color: #5b5858;
}

.rounded-circle {
    border: 1px solid;
}

table.p-datatable-table thead tr .p-inputtext.p-dropdown-label {
    font-size: 14px !important;
}

/* .blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
} */

.blink_me {
    animation: animate 1.9s linear infinite;
    
}
.blink_me:hover {
    animation: none;
}
@keyframes animate {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 0;
    }
}

/* .p-component-overlay
{
    background-color:transparent !important;
    transition-duration:none;
} */

.p-datatable .p-datatable-loading-overlay {
    display: none !important;
}

.custom-sidebar {
    background-image: linear-gradient(115deg, #cdd1e6 50%, #a6797b 120%) !important;
}

#mapDiv {
    flex: 1;
}

#map {
    width: 78%;
    z-index: 0;
}

#mainContainer #map {
    height: 565px;
    width: calc(100% - 362px);
    left: 362px;
}

#mapZoneDetails {
    /* // display: flex; */
    /* // align-items: center; */
    position: absolute;
    /* top: 70px; */
    /* right: 30px; */
    width: 355px;
    /* // height: 50px; */
    background-color: white;
    border-radius:4px;
    /* border-color: gray;
    border-style: solid; */
    /* // border-width: 1px 1px 1px 1px;
    // opacity: 0.6;
    // text-align: center; */
    z-index: 500;
    padding: 9px;
    /* border: 1px solid rgba(0, 0, 0, 0.2); */
    /* // overflow: auto; */
    height: 565px;
}

.Treeviewtitle
{
    font-weight: bold;
    color: #2c52ab;
}

.leaflet-container a.leaflet-popup-close-button
{
    padding-right: 23px !important;
    padding-top: 8px !important;
}

.card-dashboard
{
    height: 415px;
}

.meter-card-details
{
    font-size: 18px;
}

.meter-card-subdetails
{
    font-size: 32px;
}

.meter-details{
    color: #fff !important;
    background-color: #3B5992 !important;
}

.Consumption-card {
    background-color: #b5aeae !important;
    color: #ffff !important;
}

#mainContainer
{
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.appversion {
    position: fixed;
    bottom: 0px;
    right: 0px;
    color: #6e7981;
}

/******(Start)Added for Mobile UI***********/
/* @media (max-width: 1850px) {
    .meter-card-details {
        font-size: 15px;
    }
    .meter-card-subdetails
    {
        font-size: 30px;
    }
} */

@media (max-width: 1400px) {
    .meter-card-subdetails
    {
        font-size: 25px;
    }
}
/******(End)Added for Mobile UI***********/

/******(Start)Added for LapTopScreen(1280px)***********/
@media (min-width: 1280px) and (max-width: 1685px) {
    .meter-card-subdetails
    {
        font-size: 25px;
    }
    .meter-card-details
    {
        font-size: 16px;
    }
    .card-Title
    {
        font-size: 13px;
    }
}
@media (min-width: 990px) and (max-width: 1280px) {
    .meter-card-subdetails
    {
        font-size: 12px;
    }
    .meter-card-details
    {
        font-size: 14px;
    }
    .card-Title
    {
        font-size: 13px;
    }
}
/******(End)Added for LapTopScreen(1280px)***********/


.min-box-title
{
    font-size: 13px;
    font-weight: bold;
    color: black;
    padding-left: 5px;
}

.min-box-content
{
    font-size: 23px;
}

.min-box-card
{
    height: 103px;
}


.link-primary:focus, .link-primary:hover
{
    cursor: pointer;
}

.meter-dashboard-list
{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.meter-dashboard-list>li {
    background: #ffffff;
    padding: 2px;
    border-radius: 3px;
    margin: 0 5px 0 5px;
}

p-calendar .disabled-date td span.p-disabled {
    color: #afafaf !important;
    
}

/* (Start) CSS for loading */

::-webkit-scrollbar {
    width: 15px;
    height: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /* -webkit-box-shadow: inset 0 0 3px rgba(112, 111, 111, 0.685); */
    background-color: #9a9d9f; 
}

.nameplatetable td,th{
    text-align: left;
    
}
.nameplatetable > * > * > *{
    padding: 0px !important;
}
/* (End) CSS for loading */


/* added for Custom tooltip for Dashboard Count*/

.dashboard-tooltip {
  position: relative;
  display: inline-block;
}

.dashboard-tooltip .tooltiptext {
    visibility: hidden;
    /* width: 93px; */
    background-color: #6a6868;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    /* padding: 5px 0px; */
    position: absolute;
    z-index: 1;
    font-size: 15px;
    /* margin: 2px; */
    padding: 4px;
    text-wrap: nowrap;
    top: 45px;
    left: 90px
}

.dashboard-tooltip:hover .tooltiptext {
  visibility: visible;
}

/*(Start)region Primeng FieldSet*/
fieldset legend a.p-element {
    width: max-content;
    background: #f1f1f1;
    top: -21px;
    font-size: 15px;
    border: 2px solid;
    border-color: #cdcdcd;
    right: -15px;
    padding: 10px !important;
}

 

.p-fieldset .p-fieldset-legend {
    width: 0;
    height: 0;
    margin-bottom: 20px;
    border: 0;
    position: absolute;
    background: transparent !important;
    border: 0 !important;
}

 

fieldset {
    padding: 0 0px 15px 0;
    min-height: 40px;
    display: flex;
}

.p-fieldset .p-fieldset-legend:hover {
    background: transparent;
    border: 0;
}

.p-fieldset-legend>a, .p-fieldset-legend>span {
    font-size: 15px;
    width: max-content;
    position: absolute;
    top: -12px;
    background: #f7f7f7;
    padding: 6px;
    border: 2px solid;
    border-color: #ebebeb;
    border-radius: 6px;
    font-weight: 500;
}

 

p-fieldset {
    position: relative;
    top: 30px;
    margin-bottom: 22px;
    display: block;
}

 

 

.p-fieldset .p-fieldset-content {
    padding-top: 30px;
}

 

p-fieldset .p-toggleable-content {
    width: 100%;
}

/*(End)region Primeng FieldSet*/


.daylist{
    padding: 10px;
    font-size: 14px;
}


.policies-link {
    position: fixed;
    bottom: 0;
    width: 255px;
    background-color: #959aa7;
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 1040;
}


.metetr-uncommission-section {
    float: left;
    cursor: pointer;
    padding: 5px;
    width: 29px;
    height: 29px;
    border: 1px solid;
    border-color: gray;
    border-radius: 5px;
    border: #e7e3e3 solid 1px;
}

.metetr-uncommission-btn {
    float: left;
    cursor: pointer;
    color: #00000094;
    padding: 8px;
    border-radius: 5px;
    right: 30px;
    font-weight: bold;
    background-color: #f4c60042;
    border: #e7e3e3 solid 1px;
}

.metetr-deactive-section {

    float: left;
    cursor: pointer;
    padding: 8px;
    width: 29px;
    height: 29px;
    border: 1px solid;
    border-color: gray;
    border-radius: 5px;
    border: #e7e3e3 solid 1px;
}

.metetr-deactive-btn {
    float: left;
    cursor: pointer;
    color: #00000094;
    padding: 8px;
    border-radius: 5px;
    right: 30px;
    font-weight: bold;
    background-color: #adacaa42;
    border: #e7e3e3 solid 1px;
}

.reset-btn
{
    height: 37px;    
    width: 37px;
}