.consumer_ac {
    width: 40%;
    margin: 10% auto;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.loadingScreen {
  position: absolute;
  z-index: 5;
  width: 100%;
   height: 100%;
  background-color: white;
  opacity:0.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loadingScreen img,h3{
padding-left:40%;
padding-top:20%;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media only screen and (max-width: 767px) {
    .consumer_ac {
        width: 97%;
        margin: 2% auto
    }
}

#showInfo,
#newMob,#inputOtp {
    display: none;
}

.app_icon {
    position: absolute;
}

.app_icon i {
    font-size: 20px;
}

.app_icon .input-group-text {
    background: transparent;
    border: 0px;
    padding: 4px 8px;
}

.form_custom {
    position: relative;
    padding-left: 35px;
}

@media (min-width:1600px) and (max-width:2200px) {

    .table_5 {
        left: 39% !important;
    }
    .table_6 {
        left: 20% !important;
    }
    .table_7 {
        left: 20% !important;
    }
    .table_9 {
        left: 58% !important;
    }
    }
    @media (min-width:991px) and (max-width:1024px) and (orientation:landscape) {
        .blck-bg-box {
            background-color: rgba(0, 0, 0, .6);
            padding: 5px 15px;
            border-radius: 10px
        }
        .blck-bg-box .w-clr {
            text-align: center;
            line-height: 18px;
            font-size: 13px
        }
        .video-icon-pos img {
            width: 66px
        }
      
            .hpseb-login-popu-btn {
        width: 100%;
        height: 50px;
       
    }
        #cssheadmenu{
            display: none;
        }
        .blck-bg-box {
            background-color: rgba(0, 0, 0, .6);
            padding: 5px 15px;
            border-radius: 10px
        }
        .blck-bg-box .w-clr {
            text-align: center;
            line-height: 18px;
            font-size: 13px
        }
      
        .blck-bg-box {
            background-color: rgba(0, 0, 0, .6);
            padding: 10px 12px;
            border-radius: 10px
        }
        .mb-flex-dir {
            flex-direction: row
        }
            .hpseb-login-popu-btn {
        width: 100%;
        height: 50px;
       
    }
    .btn-outline-light{
        margin: 2px;
    }
    .hpseb-integrated-btn{
        height: 100%;
    }
    }
    
    @media (min-width:1024px) and (max-width:1074px) {
    .tiles-container{
        height: auto;
        padding: 0px;
    }
    .tile-icon{
           width: 45px;
        height: 45px; 
    }
    .btn-outline-light{
        margin: 2px;
    }
    .weekdate{
        margin: 2px;
    }
    .glry-sldr-pos-rel.content img{
        height: auto;
    }
    .demand{
        padding: 0;
    }
    .hpseb-integrated-btn{
        height: 100%;
    }
    }
    @media (min-width:768px) and (max-width:991px) {
         
        .min-hght {
        min-height: 271px;
    }
        .menu-show-hide {
            display: block!important
        }
        span.slicknav_icon {
            display: none
        }
        .mobile-menu {
            display: none
        }
        .phn-p-0 {
            padding: 0!important
        }
        .phn-mb-20 {
            margin-bottom: 20px
        }
        .phn-mb-10 {
            margin-bottom: 10px
        }
        
        .news-sec-padding {
            padding-left: 0;
            padding-right: 0;
            margin-top: 10px;
            margin-bottom: 20px
        }
        .msg-sec-padding {
            padding-left: 0;
            padding-right: 0;
            margin-bottom: 10px
        }
        .msg-sec p,
        .news-sec p {
            font-size: 16px
        }
        .news-text p {
            font-size: 14px
        }
        .vision-slider-text {
            font-size: 16px;
            font-weight: 400;
            color: #fff;
            line-height: 22px
        }
        .pseudo_border {
            font-size: 32px;
                line-height: 26px;
    
        }
        
        .infocus-sec {
            padding-bottom: 30px
        }
        .view-all-text {
            margin-top: 10px;
            margin-bottom: 20px;
            font-size: 18px;
            color: #fff;
            font-weight: 400;
            text-align: center
        }
        
        .blck-bg-box .w-clr {
            text-align: center;
            line-height: 19px;
            font-size: 16px
        }
        .video-icon-pos img {
            width: 66px
        }
        .footer-item-list {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            width: 100%;
            justify-content: center;
            flex-wrap: wrap
        }
        .blck-bg-box .w-clr {
            text-align: center;
            line-height: 19px;
            font-size: 12px
        }
        .address-sec {
            padding: 20px
        }
        .nws-lttr-sec {
            padding: 20px
        }
        .sm-pb-20 {
            padding-bottom: 20px
        }
        .sm-p-20 {
            padding: 20px!important
        }
        .sm-pl-15 {
            padding-left: 15px!important
        }
        .recent-dsm-table td, th {
        font-size: 13px!important;
        }
        .hpseb-login-popu-btn {
        width: 100%;
        height: 50px;
       
    }
        .hpseb-login-popu-btn {
        width: 100%;
        height: 50px;
       
    }
    }
    
    @media only screen and (max-width:767px) {
       
    
        /* header css */
        .comm_btn{
        padding: 5px 10px;
        font-size: 12px;
        }
        label{
        font-size: 12px;
    }
    .inpt-type {
            text-align: center;
        margin-left: 0px !important;
    }
    .sub_btns{
         font-size: 12px;
         margin-left: 5px;
    }
    .select_year{
        font-size: 12px;
    }
    .selectMonth{
      font-size: 12px;
          margin-left: 8px;   
    }
        .comm_btn-active{
           padding: 5px 10px;
        font-size: 12px;  
        }
        
        .th-min-width{
            min-width: unset;
        }
        .current-date-time{
        justify-content: center;
        align-items: center;
        }
        .min-hght{
           min-height: 271px;
        }
        .popup{
         padding-right: 0;
        }
        .demand {
        justify-content: center;
    }
    .latest-news-ticker{
        padding: 7px 2px 8px 7px;
    }
    .latest-news-strip .latest-news-ticker p{
        font-size: 12px;
    }
    .tabulardata-btn-icon::before{
            top: 5px;
            font-size: 12px;
         left: 10%;
    }
    .marquees p{
         font-size: 12px;
    }
        .custom-dot:after{
            display: none;
        }
    
        .sm-p-0{
            padding:0px;
        }
        .all-btns-click-sec{
            justify-content: center;
        }
        .sec-zindex{
        justify-content: center;
        align-items: center;
        padding: 0px;
        }
        .wpml-ls-display{
         font-size: 12px;
        padding-right: 5px;
        }
        .btns-sub-graph{
             flex-direction: column;
        }
        .recent-dsm-date{
             font-size: 10px;   
        }
       .sm-pm-0{
            padding: 0;
            margin-top: 0 !important;
    
        }
       
        .login-button{
         font-size: 12px;
             padding: 5px 6px 5px 6px;
        }
        .menu-show-hide {
            display: block!important
        }
        .about-us-icon:hover {
            background-position: 0;
            background-position-y: 5px
        }
        
       
        
        
        
       
        .archives-icon:hover {
            background-position: 0;
            background-position-y: 5px
        }
       ul a {
        padding-left: 0px;
    }
        .news-evnt-sec {
            margin: 20px 0 0 0!important
        }
        .header-right {
            display: none
        }
        .header-wrapper {
           /* padding-top: 10px;*/
            padding-bottom: 10px
        }
        .mb-flex-dir {
            flex-direction: row;
           /* padding-right: 30px*/
        }
        .flex.flex-align-center.flex-justify-between.mb-flex-dir.pos-rel-header{
        height: 95px;
        }
        .social-icon-list i {
            font-size: 19px;
            padding-left: 2px;
            padding-right: 2px
        }
        .mb-mb-10 {
            margin-bottom: 10px
        }
        .call-email-text p,
        .date-time-text p {
            font-size: 11px
        }
        .mb-justify-btn {
            justify-content: space-between
        }
        .bdr-rgt {
            border-style: none
        }
        .nav-bar .container {
            max-width: 100%;
            padding-right: 0;
            padding-left: 0
        }
        .footer-item-list {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            width: 100%;
            justify-content: center;
            flex-wrap: wrap
        }
        .phn-pd-lr-0 {
            padding-left: 0;
            padding-right: 0
        }
        .down-pdf-hgt {
            height: 40px
        }
        .content-wrapper {
            padding-left: 0;
            padding-right: 0
        }
        .dy-data-sec thead tr th {
            font-weight: 400;
            font-size: 14px;
            color: #fff;
            border-bottom: 0;
            padding: 6px 10px;
            vertical-align: middle
        }
        .tbl-show-text {
            margin-right: 5px;
            margin-left: 5px
        }
        ul.sidenav {
            display: none
        }
        span.slicknav_icon {
            display: block
        }
        .mobile-menu {
            display: none
        }
        .main-page {
            width: 100%
        }
        .slicknav_nav i.fa.fa-caret-down {
            display: none
        }
        .main-menu-more {
            display: none
        }
        li.networking-icon a {
            padding-left: 34px;
            padding-top: 9px
        }
        li.home-icon a {
            padding-left: 34px;
            padding-top: 9px
        }
        li.regulatory-icon a {
            padding-left: 34px;
            padding-top: 9px
        }
        li.tender-icon a {
            padding-left: 34px;
            padding-top: 9px
        }
        li.contact-us-icon a {
            padding-left: 34px;
            padding-top: 9px
        }
        .side-menu {
            display: none
        }
       
        .address-sec {
            padding: 20px
        }
        .nws-lttr-sec {
            padding: 20px
        }
        .sm-pb-20 {
            padding-bottom: 20px
        }
        .sm-p-20 {
            padding: 20px!important
        }
        .sm-pl-15 {
            padding-left: 15px!important
        }
        .sm-align-center {
            text-align: center
        }
        .tiles-container-sec {
            grid-template-columns: 1fr
        }
        .logo-head:after {
            display: none
        }
        .login-button {
            z-index: 1;
            margin-top: 0;
            margin-right: 5px
        }
        .top-header {
            background: #fff
        }
        .sm-dis-block {
            display: block!important
        }
        .months_section {
            margin-left: 5px!important
        }
        .reports {
            padding-bottom: 8px;
            text-align: center
        }
        .breadcrumb {
            padding: 17px 20px 0;
            font-size: 12px
        }
        .sub_btns {
            margin-right: 5px;
            margin-bottom: 5px
        }
        .both_m_y {
        margin-bottom: 10px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        }
        .pop_download .popupdownload {
            display: none
        }
        .tablinks {
            margin-bottom: 5px
        }
        .download-sec {
            padding: 0
        }
        .pop_view .popupview {
            display: none
        }
        .select_m {
            margin-left: 0px;
    
        }
        .both-btn-sec {
            margin-top: 5px;
            margin-bottom: 5px
        }
        .head-line-border {
            font-size: 20px;
            margin-bottom: 5px;
        }
        .sm-ml-5 {
            margin-left: 5px!important
        }
        .select_year {
            padding: 0 15px;
            margin-left: 16px
        }
        .sm-ml-22 {
            margin-left: 22px
        }
        .graph {
            padding: 6px 2px!important
        }
        .grph-btn-sec {
            width: 120px;
        font-size: 12px;
        }
        .fav-icon {
            left: 0
        }
        .tble-btn-sec {
            width: 120px;
             font-size: 12px;
        }
        input.back-btn{
          padding-bottom: 10px;
        padding-top: 0;
        }
        .sm-justify-center {
            justify-content: center!important
        }
        .sm-center {
            text-align: center
        }
     .sm-flex {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }
        .all-btns-sec {
            flex-direction: column
        }
        .export-section {
            display: flex;
            flex-direction: row;
            justify-content: center
        }
        .all-btns-click-sec {
            flex-wrap: wrap
        }
        .icon-pdf-position {
            margin: 2px
        }
        .list {
            padding: 6px 15px!important;
        }
        .sm-mb-10 {
            margin-bottom: 10px!important;
        }
        .sm-mb-0{
            margin-bottom: 0px !important;
        }
        .cont-hoffice-text {
            font-size: 18px;
        }
        
        .sm-mr-0 {
            margin-right: 0!important
        }
        .year_section{
         margin-left: 0px !important;
    }
    .sm-ml-10{
        margin-left: 10px !important; 
    }
    .report-btn-sec{
            padding-bottom: 8px;
    }
    .date-pick{
             padding: 0px; 
        text-align: center;
       
        font-size: 12px;
    }
    .form-group{
        width: 100%
    }
    .tabcontent-page{
            padding: 11px 10px;
        width: 54%;
    }
    .left-tab{
         width: 45%;   
    }
    .points-sec {
      
        margin: 15px 0px 15px 10px;
    }
    .tag-line-for-menu{
           line-height: 21px;
        font-size: 19px; 
    }
        .hpseb-login-popu-btn {
        width: 100%;
        height: 50px;
      
    }
    .sign-help-btn-section{
            width: 170px;
        height: 135px;
           margin: 0;
    
    }
    .arrows-box{
           width: 144px; 
               margin-bottom: 10px;
    }
    .arrowcontainer .message-body{
          width: 151px;  
    }
    .arrowcontainer{
            margin-top: 10px;
    }
    #eir-right-arrow-container{
           margin-bottom: 10px; 
    }
    .oa-parent{
       flex-direction: column;
    }
    #myModal .modal-body{
        flex-direction: column;
    }
    .help-desk-sec{
            margin-top: 70px;
    }
    .it-inte-btn{
        font-size: 14px;
    }
    .real-time{
         margin-right: 15px;   
    }
    .tile-icon{
            height: 50px;
    }
    .print-btn-position{
     top: 103%;
        left: 81%;
    }
    .print-btn{
         padding: 6px 11px;   
    }
    .table-report{
        overflow-x: auto;
    }
    .dsm-dsa{
           margin-top: -116px !important; 
    }
    .dms-btn{
            margin-top: -116px !important;
    }
    .itsolution-btn{
        margin: 2px;
    }
    .tabcontent-page h1{
        font-size: 22px;
    }
    .tabcontent-page h3{
        font-size: 18px;
    }
    .users-btn-tag{
        font-size: 15px;
    }
    .sm-col-width{
        max-width: 100%;
    }
    .help-desk-sec{
        justify-content: center !important;
    }
    .hpseb-integrated-btn{
            width: 221px;
         margin-bottom: 20px;
         margin-left: 0 !important;
    }
    .viewsch-header{
     margin: 0 -230px;
    }
    .view-ml{
        margin-left: -9px !important;
    }
    .sm-mb-5{
      margin-bottom: 5px;
    }
    .revision-lab{
    position: absolute;
        top: 14px;
        left: 170px;
    }
    .revision-sel{
        position: absolute;
        top: 14px;
        left: 244px;
    }
    }
    @media (min-width:400px) and (max-width:667px) {
    .dsm-dsa{
           margin-top: -78px !important; 
    }
    .dms-btn{
            margin-top: -78px !important;
    }
    }
    
    @media (min-width:768px) and (max-width:991px) {
        .recent-dsm-table td, th {
        font-size: 13px!important;
        }
        .th-min-width{
            min-width: unset;
        }
        .position-inherit{
            position: relative;
        }
        .logo-head{
        position: relative;
        top: -3px;
       
        }
        .phn-p-0 {
            padding: 0!important
        }
        .phn-mb-20 {
            margin-bottom: 20px
        }
        .phn-mb-10 {
            margin-bottom: 10px
        }
       
       
        .news-sec-padding {
            padding-left: 0;
            padding-right: 0;
            margin-top: 10px;
            margin-bottom: 20px
        }
        .msg-sec-padding {
            padding-left: 0;
            padding-right: 0;
            margin-bottom: 10px
        }
        .msg-sec p,
        .news-sec p {
            font-size: 16px
        }
        .news-text p {
            font-size: 14px
        }
        
        .infocus-sec {
            padding-bottom: 30px
        }
        .view-all-text {
            margin-top: 10px;
            margin-bottom: 20px;
            font-size: 18px;
            color: #fff;
            font-weight: 400;
            text-align: center
        }
        .gallery2-ttl-bg {
            width: 100%;
            top: 0;
            left: 0
        }
        .blck-bg-box .w-clr {
            text-align: center;
            line-height: 19px;
            font-size: 16px
        }
        .video-icon-pos img {
            width: 66px
        }
        .footer-item-list {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            width: 100%;
            justify-content: center;
            flex-wrap: wrap
        }
        .blck-bg-box .w-clr {
            text-align: center;
            line-height: 19px;
            font-size: 12px
        }
        .tiles-container-sec {
            grid-template-columns: 1fr 1fr
        }
        .logo-head:after {
            display: none;
        }
        .mb-flex-dir {
            flex-direction: row
        }
        
        
      /*  .sign-help-btn-section{
            width: 140px;
        height: 68px;
         /*  margin: 0;
    
    }*/
    .arrows-box{
        width: 150px;
    }
    .arrowcontainer .message-body{
         width: 150px;
    }
    .arrowcontainer .arrow-lft{
            top: 34px;
        right: 10px;
    }
    .arrowcontainer .arrow-lft .outer{
            border-right: 11px solid #000000;
    }
    #eir-right-arrow-container{
          margin-left: 18px;
        margin-right: 27px;  
    }
    #noc-right-arrow-container{
            margin-left: 18px;
        margin-right: 27px;  
    }
    #myModal .modal-content{
            padding-top: 36px !important;
    }
    .help-desk-sec{
            margin-top: 37px;
    }
    .btn-outline-light{
        margin: 2px;
    }
    }
    
    
    @media (min-width:320px) and (max-width:325px) {
        .recent-dsm-table td, th {
        font-size: 13px!important;
        }
        .iphn-se-img-sz {
            width: 30px
        }
      
        
    .custom-dot{
          display: flex;
        justify-content: center;
        align-items: center;
    }
    .list{
    padding: 6px 4px!important;
    }
    }
    
    
   #motp{
   display:none;}
   
   #newMail{
   display:none;}