/* making responsive */
    #main-content .mainc {
                /* margin-top: 5%;
                margin-left: 5%;
                width: 965px;   */
                margin-top: 5%;
                margin-left: auto;
                width: 965px;
                margin-right: auto;
            }
            #loadbalance{
                background: url("/theme/grape/img/container/main/main-bg.png") repeat-x scroll top center transparent;
                position: relative;
                min-height: 434px;
                margin-top: -14px;
                padding-top: 10px;
            }
            div.balance {
                /*margin-left: 197px;*/
                margin-bottom: -53px;
            }
            #breadcrumbs li.no-hover {
                background: none;
                font-variant: small-caps;
                font-size: 14px;
                font-stretch: semi-expanded;
            }
             /*
            added new loader animation
            06.07.2020
            */
            @keyframes zoominzoomoutanimation {
                0% {
                    transform: scale(1, 1);
                }
                50% {
                    transform: scale(1.2, 1.2);
                }
                100% {
                    transform: scale(1, 1);
                }
            }
            /*
            Modified to add new loader image
            06.07.2020
            */
            .progloader{
                position: absolute;
                display: none;
                width: 100%;
                height: 100%;
                background-color: rgb(204, 204, 204);
                z-index: 999;
                top: 0px;
                left: 0px;
                opacity: 0.7;
                border-radius: 5px;
                background: rgb(204, 204, 204) url(/images/ajax-loader-small.gif) no-repeat;
                background-position: center;
                background-size: 18px;
            }
            div#resbalanceupdate {
                margin-top: 10px;
            }
            div.distno {
                margin-left: 60px;
            }
            div.distno span {
                width: 157px;
            }
            div.custcno {
                margin-left: 100px;
            }
            div.custcno span {
                width: 250px !important;
            }
            
            .bankdetails{
                background-color: #FFF;color: #A866F0;
                margin-left: 34%;width: 480px;
            }
            
            .rechstatusbox{
                margin-left: 10%;
                padding-top: 4%;
                font-family: Verdana,Geneva,'DejaVu Sans',sans-serif;
                max-height: 320px;
                overflow-y: auto;
                float: left;
                overflow-x: hidden;
                width: 600px;
            }
            
            .rechstatusbox .block-border{
                
                width: 500px;
            }
            
            .toolbox-header #resbalanceupdate{
                color: white;
            }
            
            .toolbox-header .distno{
                  color: white;
            }
            
            .dvdetailsconfirm{
                        margin-left: 35%;
                        padding-top: 4%;
                        font-family: Verdana,Geneva,'DejaVu Sans',sans-serif;
                }
                
            .responsivemenu{
                display:none;
            }
            
            #sidebar
               {
                   display:block;
                   
               }
               
               .liserverloadavg{
                    width: fit-content;border: 1px inset #FFF;border-radius: 18px;margin-left: 20px;margin-top: 4px;font-weight: bold;background-color: #48657E;
                }
                
                
                #spanUpiHolder{
                        color: #118a0a;
                    border: 1px outset #ccc;
                    padding-left: 5px;
                    border-radius: 9px;
                    padding-right: 5px;
                    margin-top: 4px;
                    display: block;
                    width: fit-content;
                    font-size: 11px;
                    letter-spacing: 3px;
                    font-weight: bold;
                }
            
            /* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
            @media (min-width: 320px) and (max-width: 480px),
             (min-width: 481px) and (max-width: 767px),
             (min-width: 280px) and (max-width: 283px),
             (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) 
            {
  
               /* //CSS */
               #sidebar
               {
                   display:none;
                   width: 100% !important;
               }
               
               .liserverloadavg{
                    margin-left: 1px;
                    margin-top: 1px !important;
                    text-align: center;
                    width: 77%;
                    font-size: 11px;
               }
               
               #sidebar .show{
                   width: 100% !important;
                   display:block;
               }
               #container > #main {
                    margin-left: 0px;
                }

                #breadcrumbs{
                display:none;

                }

                #user-info {
                    /* float: right; */
                    /*margin-top: -43px !important;*/                     
                   /* margin-top: 4px !important;*/                     
                    margin-right: 10px;
                    /*margin-top: -60px !important;*/
                }
                /*.liserverloadavg{
                    margin-top: -9px !important;
                    margin-left: 60px;
                }*/
                
                #balanceupdate{
                    /*display:none;*/
                    max-width: 767px;
                    width: 340px;
                    height: fit-content;
                    overflow-x: auto;
                }
                
                .ui-dialog{
                    margin-left:0px !important;
                    width: 100% !important;
                    left: 0px !important;
                }
                
                .pDiv .pDiv2 #sep {
                    margin-left: 13px;
                }

                #header img{
                 height: 65%;
                padding: 2px;
                margin-top: 3px;
                padding-right: 0px;
                padding-bottom: 0px;
                margin-left: 2px;
                margin-right: 25px;   
                }
                /*#header img{
                height: 32px;
                    padding: 60px;
                    margin-top: -53px;
                    padding-right: 0px;
                    padding-bottom: 0px;
                    margin-left: -40px;

                }*/
                
                .bankdetails{
                    background-color: #FFF;color: #A866F0;
                    margin-left: 2px;
                    width: 98%;
                }
            
                #fsamount ._50 {
                    width: 46%;
                    display: inline;
                     float: none !important; 
                    margin-left: 2%;
                    margin-right: 2%;
                }
                
                .licustcare{
                    display:none;
                    
                }
                
                .rechstatusbox{
                    margin-left: 1px; 
                    padding-top: 4%;
                    font-family: Verdana,Geneva,'DejaVu Sans',sans-serif;
                    max-height: 320px;
                    overflow-y: auto;
                    float: left;
                    overflow-x: hidden;
                    width: 98%;
                }
                
                .rechstatusbox .block-border{
                    
                    width: auto;
                }
                
                .toolbox-header #resbalanceupdate{
                    color: black;
                }
                
                .toolbox-header .distno{
                      color: black;
                }
                
                a.top {
                    display: none !important;
                }
                
                #getcontent {
                    margin-left: 1px !important;
                }
                
                /*#getcontent #fmr {
                     margin-left: 1px !important; 
                }*/
                
                #wizardwrapper .1 #mainNav {
                    margin-left: 1px;
                }
                
                #getcontent input[type=text], #wizardcontent input[type=text]
                {
                    width:130px !important;
                }
                
                .dvdetailsconfirm{
                        margin-left: 2px;
                        padding-top: 4%;
                        font-family: Verdana,Geneva,'DejaVu Sans',sans-serif;
                }
                            
                body#top {
                        background: url();
                        background-color: #e3e5e7;
                }
                    
                .block-header span{
                        margin-top: -27px;
                }
                
                #mainNav {
                    margin-left: 1px !important;
                    width: 98% !important;
                }
                
                ul#mainNav {
                    padding-left: 1px !important;
                }
                
                #mainNav.fiveStep li {
                    width: 20% !important;
                    height: 40px !important;
                }
                
                #mainNav.fiveStep li a {
                    width: 98% !important;
                }
                
                #mainNav li a em {
                    width: 98% !important; 
                    margin: 7px 0 0 1px !important;
                    font-size: 11px !important;
                }
                
                .toolbox-header{
                    width: 95%;
                    margin-top:1px !important;
                }
                .divider-header{
                    margin-left: 0px !important;
                }
                
                .responsivemenu
                {
                    display:inline-block;  
                    position: relative;
                    /*margin-top: -10px; */
                    right: 5px;
                    float: right !important;
                }
                
                ul.dropdown-username-menu{
                    right:inherit;
                }
                
                #main-content .mainc{
                    width: 95% !important;
                    margin-left: 0px !important;
                }
                #tablegrid .flexigrid{
                    
                    width:100% !important;
                }
                
                .flexigrid{
                    
                    width:100% !important;
                }
                
                .sDiv2 input.qsbox{
                    width:110px;
                }
                
                .sDiv2 select[name="qtype"]{
                    width:150px;
                }
                
                .flexigrid div.pDiv div.pDiv2{
                    width: auto !important;
                }
                
                #dmtform .newdep {
                    
                          margin-right: 10px !important;

                }
                
                #dmtform1 .block-actions{
                    background: url(../img/container/block/block-actions-bg.png) repeat scroll bottom left transparent !important;
                    height: 89px !important;
                }
                
                div.selector {
                    width: 170px !important;
                }
                #fstpin p{
                    width:180px !important;
                }
                
                div.newdep{
                    width: 100%;
                    overflow-x: auto;
                    height: 51px;
                }
                
                div.newdep ul{
                    width: max-content;
                    float: none !important;
                    /*margin-right: 0px;*/
                }
                
                /* select style in payout and dmt */
                div.selectorz{
                    max-width: 285px !important;
                }
                
                div.selectstyle.ss_dib{
                    max-width : 285px !important;
                }
                div.ss_button{
                    max-width:265px !important;
                }
                
                div.ss_text{
                   max-width:235px !important;
                }
              
                 /* select style responsive ends*/
            }
            /*  Responsive Ends */
/* making menu collapsible */

  .rsmenucontainer {
                  display: inline-block;
                  cursor: pointer;
                }

            .rsbar1, .rsbar2, .rsbar3 {
              width: 35px;
              height: 5px;
              background-color: #333;
              margin: 6px 0;
              transition: 0.4s;
            }

            .change .rsbar1 {
              -webkit-transform: rotate(-45deg) translate(-9px, 6px);
              transform: rotate(-45deg) translate(-9px, 6px);
            }

            .change .rsbar2 {opacity: 0;}

            .change .rsbar3 {
              -webkit-transform: rotate(45deg) translate(-8px, -8px);
              transform: rotate(45deg) translate(-8px, -8px);
            }
 
 /*captcha hide class*/
 .grecaptcha-badge-hide {
    display:none !important;
}