@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {


}

@media (min-width: 480px) and (max-width: 767px) {

	

}


@media (max-width: 479px)  
{
body.dashbg{  background-position: 0px 70px;}	
.login-main {left: 5%;top: 5%;width: 90%;height: 90%;  border-radius: 8px;}
.login-left{display:none;}	
.login-right {width: 100%;background:none;background-color:rgba(255, 255, 255, 0.95) !important;padding: 10px 10px 40px 10px; border-radius:8px; overflow:auto; font-size:10px}
.logo { padding: 5px; }             
.logo img{height:40px;  margin-left: -12px;}	 
.login-ctrls h1{font-size:20px; text-align:center;margin-bottom: 10px;}  
.login-ctrls div input[type="Password"] {  margin: 15px 0 15px 0;}
.ctr {margin-top: 10px;}
.ctr > a.signin {display: block;  float: left;width: 100%;  text-align: center;  padding: 12px 16px 8px 16px; margin-bottom:5px;}
.ctr > .chk-list1{float:left;}
.ctr > .chk-list1 label {color: #8db8d2;font-size: 14px;}
.ctr > a {margin: 0px 0px 0px 13px;padding: 7px 8px;}
.rpt-click     { display:block;}

.login-cpyright   {display:none;}   
     


.dashLeft{   background: none;  height: 100%;  position: fixed;  width: 100%; }
.dashLeft .logo{text-align:center;  padding:10px;}
.dashLeft .logo img{ height: 40px;float: left;}
.dashLeft .logo h1 {font-size: 19px; margin-left: 0; margin-top: 16px; float: right;}
.dashRight { width: 100%;top: 70px; height:calc(100% - 70px); overflow:auto;}
.dashRight ul{  position: static; margin: 0;  width: 100%; height:100% !important; left:inherit; top:inherit ; padding:3% 0 % 2%;}
.dashRight ul li{width:43%; margin:0 3% 10px 3%; height:40%; display:inline-block; margin:10px; position:relative;}
.dashRight ul li p{display:none;}
.dashRight ul li .icon a { font-size: 45px;text-decoration: none;}
.dashRight ul li h1{}
.dashRight ul li .btndiv {  text-align: center;position: absolute;bottom: 3px;width: 100%;padding: 0 4px;left: 0px;}
.dashRight ul li .btndiv .button{  padding: 5px 0px;  border-radius: 0;  display: block;  text-align: center;}

/* Header*/
.Sheader{height: 60px; }
.Sheader img{ height:35px; margin:10px 5px 10px 10px;}
.Sheader .toplink{ margin:25px 10px 9px 5px;}
.Sheader .toplink a{margin-left:10px;}
.Sheader .toplink span{margin-left:5px;  margin-left: 0px;}


.mainwraper{padding-top: 60px; padding-bottom: 0px; overflow:hidden;}
.mainwraper1{padding-top: 60px; padding-bottom: 0px; overflow:hidden;}
.content1{height:100%;}
.tblblock,.scrolldiv{height:calc(100% - 40px); position:relative;}
.scrolldiv{overflow:auto;}
.sutab { padding: 0px 5px 0 5px; position:relative;}
.sutab a{float:right;}
.pnamedd{  float: none;clear:left; margin-right:50px;}
.tabselect{  display: block;color: #ffffff !important;font-size: 15px;padding:15px 15px 7px 3px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; position:relative;}
.tabselect:after{content: ''; position: absolute;right: 2px;top: 18px;margin: 0px;width: 0px;
                              height: 0px;border: 6px solid transparent;border-top: 6px #fff solid;}

.fancy{display:none;}
.pnamedd:hover .fancy{display: block;position: absolute;left: 10px;width:calc(100% - 20px);background: #fff;padding: 0;height: 200px; z-index: 999999;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}
.pnamedd:hover .fancy .ajax__tab_header{height:auto;}
.pnamedd:hover .fancy .ajax__tab_active{display:block;}
.pnamedd:hover .fancy .ajax__tab_header .ajax__tab_outer{display:block; border-radius:0px; margin:0px;}

.pnamedd:hover .ajax__tab_default .ajax__tab_header { white-space: nowrap; display:block; }
.pnamedd:hover .fancy .ajax__tab_active .ajax__tab_tab, 
.pnamedd:hover .fancy .ajax__tab_hover .ajax__tab_tab{color: #616466; text-align: left;}
.pnamedd:hover .fancy .ajax__tab_header .ajax__tab_tab{color: #616466; text-align: left;}
.pnamedd:hover .fancy .ajax__tab_active .ajax__tab_inner, 
.pnamedd:hover .fancy .ajax__tab_hover .ajax__tab_inner{  border-radius: 0 0 0 0 !important;  background: #e4e4e4;}  
.pnamelbl{display:none;}
.rblsgwise span.spanlbl{padding: 2px 6px;  font-size: 11px; width:100%; display:none;}
.rblsgwise span.spanlbl:after{display:none;}

.divgrd{height:calc(100% - 65px);overflow:hidden; padding:0px; position:relative;}
.divgrdH {height: calc(100% - 13px);overflow: hidden;padding: 0px;position: relative;}

.sugrid{height:100%;}
/*
.sugrid, .sugrid>tbody,.sugrid>tbody>tr{display:block; height:100%;}
.sugrid, .sugrid>tbody,.sugrid>tbody>tr{}

.sugrid>tbody>tr{}

.sugrid > tbody > tr:nth-child(1) > td:nth-child(1) {display:block; height:100%;}*/

.sutab .title {

  font-size: 15px;
  padding: 13px 0;
 
}

.sugrid > tbody > tr:nth-child(1) > td:nth-child(2) .spanel{padding-left:0px;}
.spanel{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:999999;}
.stitle{   position: initial;
  float: none;
  display: block;
  padding: 5px 4px;
  left: 0;
  top: 0;
  width: 100%;
  color: #5C5353;
  font-size: 14px;
  font-weight: normal;}
.popmask{display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; }
.popdiv{width: 94%;background: white;height: 90%;position: absolute;left: 50%;margin-left: -47%;top: 50%;margin-top: -45%;}
.footbtn{text-align:center; margin-top:5px;}
.gridheight{overflow: auto; height:calc(100% - 27px); border-bottom:1px solid #eee; padding-bottom:30px;}
.lblmg{text-align:center; margin-top:5px;}
.sugridtbla > tbody > tr.grfooter > td span{margin-left:15px}
.sugridtbla > tbody > tr.grfooter > td a, .sugridtbla > tbody > tr.grfooter > td span {
  display: inline-block;
  font-size: 20px;
}
.grdbillH{height: calc(100% - 35px); width: 100%; overflow: auto; border:1px solid #cacaca; border-left:0px;}
.su-row{margin-bottom:10px;}
.su-row > .lbl{display:block; width:100%; margin-right:0px;}
.su-row>div{display:block; width:100%; }
.su-row>div.su-btn{margin-left:0px}
.forgottitle{ margin-bottom:0px; padding:5px;}
.forgottitle h1{ float:left;   font-size: 21px;
  padding-top: 5px;}
.forgottitle span { display:none;}
.forgotctrl input[type="text"] {

  display: block;
  padding: 5px 0;
  font-size: 15px;
  margin: 0px 0 5px 0;
  width: 100%;
}
.modalpopup1{width:90% !important;}
.sugridHead{display:none;}
.sfooter{display:none;}

.title{ }

.grdvwBillNo{width:100% !important;}       
.grdvwBillNo tbody tr td{font-size:11px;}
.grdvwBillNo tbody tr td:nth-child(1){width:100px}   
.grdvwBillNo tbody tr td:nth-child(2){width:100px}
.grdvwBillNo tbody tr td:nth-child(3){width:70px; text-align:right; display:none;}
.grdvwBillNo tbody tr td:nth-child(4){width:50px;text-align:right;}
.grdvwBillNo tbody tr td:nth-child(5){width:60px;text-align:right;}
.grdvwBillNo tbody tr td:nth-child(6){width:auto} 
.grdvwBillNo tbody tr td:nth-child(7){width:auto}
.w60{width:00%;}
.col-right{width:0%;  position: initial;}

.lblmg {}
.popdiv .footbtn {margin-top: 0px;position: absolute;bottom: 5px;right: 3px;z-index: 999;}

.firefox .scwidth,
.chrome .scwidth,
.opera .scwidth,
.safari .scwidth,
.ie8 .scwidth{width:7px;}
.footbtn .button{padding:5px 16px}
.vt{display:none;}

.browserD img{width:100%;}
.browserHead .chk-list {

  margin-left: 5px;
  margin-top: 7px;
}

.su-col-1{float:left; width:100%;}
.su-col-2{float:left; float:right;}
/*
.popdiv tbody > tr.grfooter{  position: absolute;
  bottom: 0;
  width: 100%;
  display: block;
  border-top: 1px solid #eee; z-index:999; }
  .popdiv tbody > tr.grfooter > td{display:block; padding:0px;}

.dashRight ul{padding: 10px;}
.dashRight ul li{width:100%; margin:0 0 10px 0; height:auto;}
*/
}