﻿


@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;}


.mark{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: calc(100% - 25px);position: absolute;left: 50%;margin-left: -47%;top: 10px;}
.footbtn{text-align:center; margin-top:5px;}
.gridheight{overflow: auto; height:calc(100% - 27px); border-bottom:0px solid #eee; padding-bottom:0px;}
.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%;
}
.su-row>div.su-btn{margin-left:0px}
.modalpopup1{width:90% !important;}
.sugridHead{display:none;}
.sfooter{display:none;}

.title{ }
.sugridtbla > tbody > tr > td  a{padding: 6px 2px;font-size: 11px;}
.sugridtbla > tbody > tr > td:nth-child(2) a { display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width:86px !important;}
.grdpatientresult{width:100% !important;}
.grdpatientresult tbody tr th:nth-child(1),.grdpatientresult tbody tr td:nth-child(1){width:75px !important;}   
.grdpatientresult tbody tr th:nth-child(2),.grdpatientresult tbody tr td:nth-child(2){width:90px !important; }
.grdpatientresult tbody tr th:nth-child(3),.grdpatientresult tbody tr td:nth-child(3){width:50px !important; text-align:right;}
.grdpatientresult tbody tr th:nth-child(4),.grdpatientresult tbody tr td:nth-child(4){width:50px !important;text-align:right;}
.grdpatientresult tbody tr th:nth-child(5),.grdpatientresult tbody tr td:nth-child(5){width:auto;text-align:left;}
.grdpatientresult tbody tr td:nth-child(6){width:auto} 
.grdpatientresult tbody tr td:nth-child(7){width:auto}


.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:100%; height:100%; padding-left:0px;  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;}
.dashRight .copyright{display:none;}
/*
.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;}
*/
.dashRight ul li{height:auto;}
.dashRight ul li> a{font-size:15px; height:42px}
.Sheader .tmenu .toplink{margin:13px 17px 19px 5px;}
.tmenu .toplink b {display: none;}
.tmenu .toplink i {display: block;font-size: 27px;}

.listmenu {float: left;font-size: 30px;padding-top: 13px;display: block;}

.tmenuhide .toplink{ display: none;}
.tmenuhide:hover .toplink{  display: block;position: absolute;top: 12px;right: -69px;padding-top: 23px;width: 200px; }
.tmenuhide:hover .toplink > div{  border-top: 0px;background: #fff;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);}
.tmenuhide:hover .toplink a{float:none; color:#03abd5; margin-left:0px; display:block; padding:10px;}
.tmenuhide:hover .toplink a:hover{background: rgb(237, 237, 237);}

.package-info .pack-list {z-index: 999999;height: 90%;width: 90%;position: fixed;top: 0;margin-top: 18px;left: 50%;margin-left: -45%;background: #fff;overflow: hidden;border: 1px solid #333;}
.pack-div p{display:none;}
.package-info .curve{  height: 288px;}
.package-info .curve1{  height: 281px;}

.package-info .pack-price {position: absolute;width: 100px;text-align: center;height: 65px;background: #03abd4;bottom: 10px;margin: 0px;padding: 0px;border-radius: 50%;right: 15px;z-index: 2;color: #fff;box-shadow: 0 1px 4px 2px #FFFFFF;}
.pack-price .rs {font-size: 1.5em;margin-top: 5px;}
.pack-price .amt {font-size: 1.8em;}

.pack-div ul {margin: 10px 0px 10px 20px;padding-right: 20px;height: 290px;overflow: auto;}
.pack-div ul li{list-style:bullet}
.pack-div h1 {margin: 0px 0px 8px 0px;color: #03abd5;padding: 5px;background: #f9f9f9;font-size: 20px;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


.idiv h1 {padding: 8px 60px 8px 10px;margin: 0px;background: #f9f9f9;border-bottom: 1px solid #cacaca;position: relative;font-size: 16px;font-weight: normal;overflow: inherit;text-overflow: initial;white-space: normal;}

.idiv h1 i {position: absolute;right: 5px;color: Red;top: 8px;padding-right: 1px;}
.idiv.Investigations h1{padding: 8px 10px 8px 10px;}

.searchtxt span{  float: left;  
  font-size: 15px;
  color: #fff;
  margin: 10px 0;}
  .searchtxt div{clear:right; margin-left:105px}
.searchtxt input{  margin: 7px 7px;
  width: 95%;
  border: 0px;
  padding: 5px;}

}

.gridheight{overflow: hidden; height:calc(100% - 27px); border-bottom:0px solid #eee; padding-bottom:0px;}
.grdvwIPWiseDiv {  height: calc(100% - 40px) !important;}

.lblmg {
  text-align: center;
  margin-top: 0px;
  z-index: 999999;
  bottom: 7px;
  right: 6px;
}

.popdiv .footbtn {
  bottom: 5px;
  right: 3px;
  z-index: 99999;
  background: #fff;
  text-align: left;
}





