@font-face {
        font-family: "Open Sans";
        src: url('../fonts/opensans/121185303-OpenSans-Regular.eot');
        src: url('../fonts/opensans/121185303-OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans/121185303-OpenSans-Regular.svg#Open Sans') format('svg'),
        url('../fonts/opensans/121185303-OpenSans-Regular.woff') format('woff'),s
        url('../fonts/opensans/121185303-OpenSans-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
 
/*#64b1db*/
html{width:100%; min-height:100%;}
body{margin: 0px;padding: 0px;  font-family: 'nexa_regularregular';font-size:12px;}
body.loginbg{ background-image: url(../img/login-bg.jpg); background-repeat:no-repeat; background-size:cover;height: 100%; width: 100%; position: fixed;}
body.dashbg{ background-image: url(../img/dashbg.png); background-repeat:no-repeat; background-size:cover;height: 100%; width: 100%; position: fixed; overflow:hidden;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
ul, li {padding:0px; margin:0px; list-style-type:none;}
h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px;}
.clr{clear: both;}
.red{color:Red;width: 12px !important;}

.login-mask				{position: fixed;  height: 100%;width: 100%; background:#333; opacity: 0.7;}

.login-main				{position:fixed; left:10%; top:10%; width:80%; height:80%; background:rgba(100, 177, 219, 0.82); 
           				 box-shadow: 0px 0px 17px -2px #444444; border-radius:8px;}
.login-left				{ width:50%; float:left;height: 100%; padding: 20px;}
.login-left		{}

.login-left li 	 {  margin: 10px 0 20px 0; color:#fff; font-size:14px; text-align:justify;}
.login-left li span { font-size:20px; text-transform:uppercase;color:#05699f;}
.login-left li b    { font-size:18px;color:#fff; font-weight:normal;}
.login-left li a    { font-size:20px;color:#e3f42a; text-decoration:none; margin:0;}

.note-pad				{padding-top: 27px;  display:none;}

.login-right	{ width:50%;  background-color:#fff;  float:left; height:100%;  padding:20px 80px; position:relative;  border-radius: 0 8px 8px 0;
            	 background: -webkit-linear-gradient(90deg, #FFFFFF 1px, #FDFDFD 3px,#fff 3px,#7ebfe1 9px, #fff 0px);
				 background: -o-linear-gradient(90deg, #FFFFFF 1px, #FDFDFD 3px,#fff 3px,#7ebfe1 9px, #fff 0px);
				 background: -ms-linear-gradient(90deg, #FFFFFF 1px, #FDFDFD 3px,#fff 3px,#7ebfe1 9px, #fff 0px);
            	 background: linear-gradient(90deg, #FFFFFF 1px, #FDFDFD 3px,#fff 3px,#7ebfe1 9px, #fff 0px);
            	  }
.logo		{  text-align:center;  padding:15px;}
.logo img   {  height:80px;}
.logo a{position:absolute; right:10px; top:10px; display:none;}

.login-ctrls		{ }
.login-ctrls h1 { color:#0078ad; font-size:25px; text-transform:uppercase; margin-bottom:15px;display:block;  font-family: 'nexa_lightregular';}
.login-ctrls div{display:block; position:relative;}
.login-ctrls div i{ height:40px; width:40px; position:absolute; right:0px; top:0px;  font-size: 25px;
  }
 .login-ctrls div i span{  position: relative;  padding: 5px;  color: #FA7488;  margin-top: 3px;  display: block;} 
 .login-ctrls div i span:hover{}
 .login-ctrls div i span .tooltip{display:none;}
.login-ctrls div i span:hover .tooltip{   background:#57C9E5; border: 1px solid #03abd5;  z-index: 999999; bottom: 50px; width:250px; font-size:12px;
                             right: 0; border-radius: 5px; color: white; display:block;
                               padding: 3px 6px; position:absolute;  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.login-ctrls div i span:hover .tooltip:after { content: ""; height:0; width:0px; border:5px solid transparent; border-top:5px solid #03abd4; 
                                               position:absolute; bottom:-9px; right:5px;}


.login-ctrls div input[type="text"] ,
.login-ctrls div input[type="Password"]{  border: none;  border-bottom: 1px solid #cbcbcb;  color: #8dafae;  outline: none; display:block;
                                   padding: 11px 0;  font-size: 15px;  margin:10px 0 10px 0; width:100%;}
.login-ctrls div input[type="Password"] {  margin:20px 0 25px 0;}



.login-ctrls1		{ }
.login-ctrls1 h1 { color:#0078ad; font-size:25px; text-transform:uppercase; margin-bottom:15px;display:block;  font-family: 'nexa_lightregular';}
.login-ctrls1 div{display:block; position:relative;}
.login-ctrls1 div i{ height:40px; width:40px; position:absolute; right:0px; top:0px;  font-size: 25px;
  }
 .login-ctrls1 div i span{  position: relative;  padding: 5px;  color: #FA7488;  margin-top: 3px;  display: block;} 
 .login-ctrls1 div i span:hover{}
 .login-ctrls1 div i span .tooltip{display:none;}
.login-ctrls1 div i span:hover .tooltip{   background:#57C9E5; border: 1px solid #03abd5;  z-index: 999999; bottom: 50px; width:250px; font-size:12px;
                             right: 0; border-radius: 5px; color: white; display:block;
                               padding: 3px 6px; position:absolute;  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.login-ctrls1 div i span:hover .tooltip:after { content: ""; height:0; width:0px; border:5px solid transparent; border-top:5px solid #03abd4; 
                                               position:absolute; bottom:-9px; right:5px;}
                                               
                                               

.login-ctrls1 div label{display:inline-block}
.login-ctrls1 div input[type="text"] ,
.login-ctrls1 div input[type="Password"]{  border: none;  border-bottom: 1px solid #cbcbcb;  color: #8dafae;  outline: none; display:inline-block
                                   padding: 11px 0;  font-size: 15px;  margin:10px 0 10px 0; width:100%;}
.login-ctrls1 div input[type="Password"] {  margin:20px 0 25px 0;}



.ctr {margin-top:20px;}
                                   
.ctr > a.signin {  border: 1px solid #007db0;  color: #fff;  outline: none; background-color:#007db0; border-radius:4px;
                                   font-size: 14px;   margin:0px 0px 25px 0; padding:5px 16px;  float:left;}
.ctr > a.signin:hover{background:#39B9ED;}
                                   
.ctr > a					{ text-decoration:none; color:#8db8d2; font-size:14px;  float:left;   border-radius: 4px;
  font-size: 14px;
  margin: 0px 20px 25px 20px;
  padding: 5px 16px;}
.chk-list1{ float:right; margin-top:6px;}
.chk-list1 input[type="checkbox"]{float:left;}
.chk-list1 label{float:left;margin-right: 2px;padding-top: 1px;color:#8db8d2;}

.lgn-box-btm					{padding: 20px 0;}
.lgn-box-btm span     		{color: #58c7f4;font-size: 13px;font-weight: 600;margin-left: 3px;}
.lgn-box-btm a     		    {color: #007db0;font-size: 13px;font-weight: 600;margin:0px;}

.copyright{position:absolute; bottom:0px; left:0px; width:100%; text-align:center;  padding: 5px;
  color: #919191}
  .copyright a{color:#03abd5}

.footer{position:fixed; bottom:0px; height:30px; padding:5px; display:none;}














.dashLeft{width: 40%;background: #fff;height: 100%;position: fixed;}
.dashLeft>div{position:relative; height:100%;}
.dashLeft>div>img{position:absolute; bottom:0px; left:0px; width:100%;}
.dashLeft .logo{text-align:center;  padding-top:90px;}
.dashLeft .logo img{height:100px;}
.dashLeft .logo h1{font-size: 24px;margin-left: 46px;margin-top: 20px;color: #007db0;font-family: 'nexa_lightregular'}

.dashRight{width: 60%;background: rgba(100, 177, 219, 0.77);height: 100%;position: fixed;right:0; padding:1%;}
.dashRight ul{  float: left;width: 100%;}
.dashRight ul li{float:left; width:31%; margin:1%; background:#fff;border-radius:4px; padding:0px 0px;text-align:center;}
.dashRight ul li .icon{  padding: 5px; text-align: center;}
.dashRight ul li .icon a.lab{color:#da9634;}
.dashRight ul li .icon a.discharge{color:#47a2e8}
.dashRight ul li .icon a.appt{color:#51b24a}
.dashRight ul li .icon a.apptcancel{color:#ec6ba8}
.dashRight ul li .icon a{font-size:50px; text-decoration:none;}
.dashRight ul li h1{margin:0px; padding:0px; text-align:center;  font-family: 'nexa_lightregular';  font-size: 21px;}
.dashRight ul li p{ padding:0 7px;  font-family: 'nexa_regularregular'; color: #989494;font-style: italic; font-size:12px; text-align:justify; height:75px;}
.dashRight ul li .btndiv{ text-align:center;}
.dashRight ul li .btndiv .button{padding: 8px 12px;border-radius: 18px;border: 1px solid #007db0;background: #fff; color:#007db0;  outline:none}
.dashRight ul li .btndiv .button:hover{  background: #46BEEF;color: #fff;border-color: #19AAE5; cursor:pointer;}
.dashRight ul li> a{  display: block;
  font-size: 18px;
  background: #f9f9f9;
  padding: 5px;
  border-radius: 0 0 4px 4px;}
.button{padding: 8px 12px;border-radius: 18px;border: 1px solid #007db0;background: #fff; color:#007db0;  outline:none}
.button:hover{  background: #46BEEF;color: #fff;border-color: #19AAE5; cursor:pointer;}

.dashRight .copyright{ color: #FFFFFF; display:none;}
.dashRight .copyright a{color:#FFFFFF}

.chartBg{background-color: #039be5 !important;}
.chartBg span{display:inline-block;}
.hlblname{  float: right; margin: 31px 10px 0 0;}
.Sheader{position: fixed; height: 80px; width: 100%; top: 0px; background: #fff; }

.Sheader img{float:left; height:60px; margin:10px;}

.Sheader .toplink{float:right; margin:23px 10px 19px 5px;}
.Sheader .toplink a{float:right; color:#03abd5; margin-left:25px;}
.Sheader .toplink span{float:left; margin-left:10px;  margin-left: 15px;}

.mainwraper{height: 100%; width: 100%; background: rgba(100, 177, 219, 0.77); position: fixed; padding-top: 80px; padding-bottom: 40px;overflow:hidden;}
.mainwraper1{height: 100%; width: 100%; background: rgba(100, 177, 219, 0.77); position: fixed; padding-top: 80px; padding-bottom: 0px;overflow:auto;}
.content{min-height:calc(100% - 0px); width:950px; margin:0 auto; background:#fff; }   
.content1{height:100%;  background:#fff; padding:0px;overflow:hidden; }   

.tblblock,.tblblock > tbody,.tblblock > tbody > tr,.tblblock > tbody > tr > td{display:block;}


.tblblock > .rblgroup{border-bottom:1px solid #cacaca;  }
.tblblock > .rblgroup > .rblsgwise{float:left;}
.rblsgwise{float:left;}
.rblsgwise span.spanlbl{padding: 10px 10px 6px 10px;  background: #EAEAEA; position:relative; float:left;}
.rblsgwise span.spanlbl:after{content: ''; position: absolute;right: -19px;top: 6px;margin: 0px;width: 0px;
                              height: 0px;border: 10px solid transparent;border-left: 10px #EAEAEA solid;}
.tblblock > .rblgroup > div > span{float:left;}

.sugridHead{ border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; background:#f9f9f9;}
.sugridHead .title{float:left; font-weight:700;padding:8px 5px;}


.chk-list{float:left; margin-left:5px; margin-top:1px;}
.chk-list input[type="checkbox"],.chk-list input[type="radio"]{float:left;  margin-top: 3px;}
.chk-list label{float:left;margin-right: 10px;padding-top: 0px;}

.rblsgwise span.chk-list{ margin: 0px;
  padding: 9px 0px 4px 0px;
  margin-left: 15px;}
  
  .sglist{}
  .lr{}
  .ds{}
  .ht{}
  .ht1{}
  .sgw{}
  .srt{display:none}
  .vt{}
  .close{display:none;}
/*
.rblsgwise span.chk-list [type="radio"]:not(:checked) + label, 
.rblsgwise span.chk-list [type="radio"]:checked + label{padding-top:2px;}

.rblsgwise span.chk-list [type="radio"] + label:before, 
.rblsgwise span.chk-list [type="radio"] + label:after{top:2px;}
*/

.pnamelbl{text-align: left; padding: 9px 10px 10px 0px; font-size: 14px; color:#fff; display:block; }

.pending{height:10px; width:10px; background:red; border-radius:50%; border:0px; font-size:0px;} 

.stitle{ color: Green; font-weight: 700; display:none;}
  
  
  
.sugridtbla{}
.sugridtbla > tbody > tr{border-bottom:1px solid #eee;}
.sugridtbla > tbody > tr > th{padding:5px 5px;border-left:1px solid #eee; color:#fff;}
.sugridtbla > tbody > tr > td{padding:0px 0px;border-left:1px solid #eee;}
.sugridtbla > tbody > tr > td a{display:block; padding:6px 5px;}

.sugridtbla > tbody > tr.grdhead>td{color:#ffffff !important;}
.sugridtbla > tbody > tr.grdhead>td a{color:#ffffff !important;}
.sugridtbla > tbody > tr.select{background-color: #039be5}
.sugridtbla > tbody > tr.select>td a{color:#ffffff !important;}
.sugridtbla > tbody > tr > th:last-child,.sugridtbla > tbody > tr > td:last-child{ border-right:0px solid #eee;}
.sugridtbla > tbody > tr > th:first-child,.sugridtbla > tbody > tr > td:first-child{ border-left:0px solid #eee;}

  #ctl00_ContentPlaceHolder1_newupd{height:100%}
.griddiv{height:calc(100% - 44px);}
.sugridtbl{}
.sugridtbl > tbody > tr{border-bottom:1px solid #eee;}
.sugridtbl > tbody > tr > th{padding:6px 5px;border-left:1px solid #eee;}
.sugridtbl > tbody > tr > td{padding:6px 5px;border-left:1px solid #eee;}
.sugridtbl > tbody > tr > th:last-child,.sugridtbl > tbody > tr > td:last-child{ border-right:0px solid #eee;}
.sugridtbl > tbody > tr > th:first-child,.sugridtbl > tbody > tr > td:first-child{ border-left:0px solid #eee;}

.sugridtbl > tbody > tr.select>td a{color:#ffffff !important;}
.sugridtbl > tbody > tr.select{background-color: #039be5}
.sugridtbl > tbody > tr > td:last-child{ border-right:0px solid #eee;}
.sugridtbl > tbody > tr > td [type="checkbox"] + label{padding-left: 12px;height: 14px;}


.sugridtbl > tbody > tr > td [type="checkbox"].filled-in + label:before, 
.sugridtbl > tbody > tr > td [type="checkbox"].filled-in + label:after{top:-2px}


.grdhead { background: #56afd1;  color:#ffffff !important; }	
.sugridtbl > tbody > tr.grdhead>td{padding:5px 5px;color:#ffffff !important;}
.sugridtbl > tbody > tr.grdhead>th{padding:5px 5px;color:#ffffff !important; text-align:left; }
.sugridtbl > tbody > tr.grdhead>td a{color:#ffffff !important;}
.paramgrd{width:auto; background:#fff;}
.paramgrd > tbody > tr.grdhead>th,
.paramgrd > tbody > tr>td{white-space:nowrap; min-width:80px; font-size:13px}
.paramgrd > tbody > tr{border-bottom:1px solid #D2D0D0;}
.paramgrd > tbody > tr > td {padding: 3px 5px;border-left: 1px solid #eee;}
.paramgrd > tbody > tr>td{border-right:1px solid #D2D0D0;}
.paramgrd> tbody > tr > td:last-child{ border-right:1px solid #eee !important;}
.sugrid,.sugrid > tbody,.sugrid > tbody>tr{height:100%;}
.sugrid > tbody > tr:nth-child(1) > td{height:100%; overflow:hidden;}
.sugrid > tbody > tr:nth-child(1) > td:nth-child(1){ position:relative; vertical-align:top; overflow:auto;}
.sugrid > tbody > tr:nth-child(1) > td:nth-child(2) .spanel{padding-left:20px; vertical-align:top; height:100%; overflow:hidden;}

.col-left{width:100%; float:left; height:100%; position:relative;overflow:hidden;}
.col-left>#ctl00_ContentPlaceHolder1_newupd1{height:100%;}
.divbill{  height: 100%; border: 1px solid #eee;}
.divsrv{  height: calc(100% - 50px); border: 1px solid #eee;}
.tabelfoot{border: 1px solid #eee;border-top: 0px;padding: 5px;}

.tabelfootr{border-top: 1px solid #eee;padding: 5px;}
.w100{width:100%;}
.w60{width:60%;}
.col-right{width:40%; float:left; height:100%; padding-left:10px; position:relative;overflow:hidden;}
.divH{height:100%; width:100%; overflow:auto;}

.spanel{height:100%;overflow:hidden;}
.popdiv{height:100%; position:relative;overflow:hidden;}

.popdiv .footbtn{
      position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 99999;
    overflow: hidden;
    width: 100%;
    border: 1px solid #cacaca;
    padding: 5px 4px 4px 4px;}

  .gridheight{ height:100%; position:relative;overflow:hidden; border:1px solid #eee;}
  .popdiv .footbtn .button{padding: 5px 12px;}
/*
.gridheight{ height:100%; position:relative;padding-bottom: 58px;}

.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;}
*/
 .modalbackgroup
        {
            background-color: gray;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }
    
 .popmask
        {
            background-color: gray;
            filter: alpha(opacity=70);
            opacity: 0.7;
            display:none;
        }

.shadow{ box-shadow: 0px 0px 7px 1px #DDDDDD;}



.sutab{border-bottom:0px solid #cacaca; height:40px;  padding: 0px 10px 0 10px;}
.sutab a {  color: #039be5; font-size: 20px;background: white;line-height: 100%;display: inline-block;margin: 7px 3px 0px 10px;padding: 3px 6px 0px 6px;border-radius: 3px;}
.sutab a:hover{  background: #0E5B8B; color: #fff;}

.lblmg{     position: absolute;
    bottom: 0px;
    right: 0;
    width: calc(100% - 160px);
   
    text-align: center;
    
    HEIGHT: 35PX; padding-top:5px}
.footbtn{margin-top:10px;}
.sutab>input[type="image"]{float:left; margin-top:6px;}
.tabselect{display:none;}
.pnamedd{float:left; height: 100%}
.fancy{ height: 100%; padding-top:10px;}
.fancy .ajax__tab_tab{}
.fancy .ajax__tab_body{background-color: #fff;border: 0px solid #9cd2f2;border-top: 0px;padding: 0px;overflow: auto;width: 100%; display:none;}
.fancy .ajax__tab_panel{width: 100%;}
.fancy .ajax__tab_header
{
	border-bottom: 0px solid transparent;
	
	height: 30px;
}

/* regular header styles */
.fancy .ajax__tab_header .ajax__tab_tab
{
color:#fff;
padding-top:6px;
}
.fancy .ajax__tab_header .ajax__tab_outer

{
	/*max-width:100px;*/
	margin-right:10px;
	
	/* 2 pixel horizontal space between tabs */

 }
 .ajax__tab_default .ajax__tab_tab
 {
 	margin-right:0px !important;  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  }
.fancy .ajax__tab_header .ajax__tab_inner	
{ width:100%;
	margin: 0px 0px 5px 0px;
	color: rgb(255, 255, 255);
	background: none repeat;
	height: 30px;
	line-height: 17px;
	padding: 3px 5px;
	font-size: 13px;
	
	}
/* active/hover headers styles */
.fancy .ajax__tab_active .ajax__tab_tab, .fancy .ajax__tab_hover .ajax__tab_tab
{
/* left/right rounded images are 11 pixels wide */
color:#039be5;

}
.fancy .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_hover .ajax__tab_outer
{
/* 2 pixel horizontal space between tabs */



}
.fancy .ajax__tab_active{display:inline-block}
.fancy .ajax__tab_active .ajax__tab_inner, 
.fancy .ajax__tab_hover .ajax__tab_inner
{

/*  background: -moz-linear-gradient(top, #4FA3F9 0%, #0866c6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4FA3F9), color-stop(100%,#0866c6));
	background: -webkit-linear-gradient(top, #4FA3F9 0%,#0866c6 100%);
	background: -o-linear-gradient(top, #4FA3F9 0%,#0866c6 100%);
	background: -ms-linear-gradient(top, #4FA3F9 0%,#0866c6 100%);
	background: linear-gradient(to bottom, #4FA3F9 0%,#0866c6 100%);
	background: linear-gradient(to bottom, #4FA3F9 0%,#0866c6 100%);
	color:#fff !important; 
*/
	border-bottom:0px solid #4FA3F9;
	border-radius:3px 3px 0 0;background:#fff;
}  


.grdpatientresult{width:100% !important;} 

.grdpatientresult tbody tr th:nth-child(1),.grdpatientresult tbody tr td:nth-child(1){width:110px}   
.grdpatientresult tbody tr th:nth-child(2),.grdpatientresult tbody tr td:nth-child(2){width:150px}
.grdpatientresult tbody tr th:nth-child(3),.grdpatientresult tbody tr td:nth-child(3){width:50px; text-align:right; }
.grdpatientresult tbody tr th:nth-child(4),.grdpatientresult tbody tr td:nth-child(4){width:50px;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}




.Gridsrv{width:100% !important;} 

.Gridsrv tbody tr th:nth-child(1),.Gridsrv tbody tr td:nth-child(1){width:30px !important}   
.Gridsrv tbody tr th:nth-child(2),.Gridsrv tbody tr td:nth-child(2){width:auto; text-align:left;}


.grdvwTest{width:100% !important;} 

.grdvwTest tbody tr th:nth-child(1),.grdvwTest tbody tr td:nth-child(1){width:30px !important}   
.grdvwTest tbody tr th:nth-child(2),.grdvwTest tbody tr td:nth-child(2){width:auto}
.grdvwTest tbody tr th:nth-child(3),.grdvwTest tbody tr td:nth-child(3){width:30px !important; text-align:center;}   

.tblblock{height:calc(100% - 40px); position:relative; overflow:hidden;}
.divgrd{height:calc(100% - 107px);  padding:10px; margin:0px; overflow:hidden;}

.sfooter{position: fixed; height: 40px; bottom: 0px; width: 100%; background: #fff;
                box-shadow: -1px 0 3px 0 #A99696; padding: 10px; text-align: center;}
.sfooter span{color:#039be5}
.ctr [type="checkbox"].filled-in:not(:checked) + label:after{top:-1px;}


     

.dgdTestNames tbody tr td:nth-child(1){width:30px; text-align:center;}   
.dgdTestNames tbody tr td:nth-child(2){width:auto}
.grdbillH{height: calc(100% - 35px); width: 100%; overflow: auto; border:1px solid #eee; }



.panel2H{height:100%;overflow:hidden;}

.modalpopup1
    {
       position: fixed;
       left: 50%;
       top: 50%;
       border-radius: 5px;
       background: #ffffff; -moz-box-shadow: 1px 0px 7px #000000;
       -webkit-box-shadow: 1px 0px 7px #000000; box-shadow: 1px 0px 7px #000000;
    }  


.pop-header 
{		background: #ebebeb;
border-bottom: 1px solid #d1d1d1;
background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb));
background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%);

}
.pop-header h1
{
color: #505050;
} 

.pop-body
{ 
border-top: 1px solid #ffffff;
border-radius: 0 0 5px 5px;
background: #ffffff;
background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #efefef 5%,#ffffff 100%);
background: -o-linear-gradient(top, #efefef 5%,#ffffff 100%);
background: -ms-linear-gradient(top, #efefef 5%,#ffffff 100%);
background: linear-gradient(to bottom, #efefef 0%,#ffffff 100%);

} 
.pop-bodyH{height:350px; padding:15px; }
.pop-bodyH>span{display:block;  height:100%; overflow:auto;}
.pop-header
{
height: 36px;
clear:both; 
border-radius: 5px 5px 0 0;
}
.pop-header h1
{
width: auto;
padding:0px; 
font-size: 17px;margin: 7px 8px 2px 5px;float: left; 
}
.pop-header input
{
float: right;
width: 25px;
margin: 6px 8px 3px 3px;
}
.pop-body
{ 
margin:0px;  clear:both;

}

.logout{text-align: center; height:100%;padding-top: 100px;}
.forgottitle{ margin-bottom:5px; padding:5px;}
.forgottitle h1{ float:left; color:#fff;  font-weight: normal;}
.forgottitle span{ float:right; display:inline-block; color:#fff}
.forgottitle span b{color: Red; font-size:15px;padding: 4px;background: #fff;border-radius: 50%;height: 15px;width: 15px;display: inline-block;}
    
    


.forgotctrl{padding:15px; font-size:15px;}

.mytip{position:relative;}
.mytip i{ height:40px; width:40px; position:absolute; right:0px; top:0px;  font-size: 25px;
  }
.mytip i span .tooltip{display:none;}
.mytip i span:hover .tooltip{   background:#57C9E5; border: 1px solid #03abd5;  z-index: 999999; bottom: 50px; width:250px; font-size:12px;
                             right: 0; border-radius: 5px; color: white; display:block;
                               padding: 3px 6px; position:absolute;  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.mytip i span:hover .tooltip:after { content: ""; height:0; width:0px; border:5px solid transparent; border-top:5px solid #03abd4; 
                                               position:absolute; bottom:-9px; right:5px;}
                                               
.forgotctrl input[type="text"]{  border: none;  border-bottom: 1px solid #cbcbcb;  color: #8dafae;  outline: none; display:block;
                                   padding: 11px 0;  font-size: 15px;  margin:10px 0 10px 0; width:100%;}
                                   
.forgotctrl label{font-size:1rem}

.nusertbl{}

.rpt-click     { display:none;}
.rpt-click {margin: 9px 0 0 0;font-size: 11px;}
.rpt-click > a {font-size: 14px; margin: 5px 0;  display: inline-block;}

.su-row{margin-bottom:10px;}
.su-row > .lbl{display:inline-block; width:150px; margin-right:20px;}
.su-row>div{display:inline-block; width:350px; }
.su-row>div.su-btn{margin-left:170px}

.su-col-1{float:left; width:350px;}
.su-col-2{float:left; float:right; background:#f9f9f9; padding:10px; border:1px solid #cacaca;}
.su-row h1{font-weight:normal; font-size:20px}
.scrolldiv{height:calc(100% - 40px); position:relative;}
.scrolldiv{overflow:auto;}
.sutab .title{  color: #fff;
  font-size: 19px;
  padding: 8px 0;
  margin: 0;
  display: block;}
  
  
  
  .loader{position:fixed; top:50%; left:50%;}
  
  
.scwidth{display:none; height:20px;}
.firefox .scwidth{width:16px;}
.chrome .scwidth{width:07px;} 
.opera .scwidth{width:16px;}
.safari .scwidth{width:16px;}
.ie8 .scwidth{width:16px;}

.showg{display:block;}
.hideg{display:none;}
.browserD label,.browserD span{display:block;}
.browserHead{  margin-bottom: 0px;  padding: 5px;}
.browserHead{background:#eee; border:0px solid #cacaca; border-width:1px 0px;}
.browserHead h1{color:#039be5 !important;padding-top: 7px;}

.browserHead .chk-list {

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

.divscroll{overflow:auto !important;-webkit-overflow-scrolling: touch;}
.divscroll::-webkit-scrollbar{width:6px; height:8px;}
.divscroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #fdfdfd; border-radius:8px;}
.divscroll::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px #000;border-radius:8px; background:#999;}
.divscroll::-webkit-scrollbar-button:start{background:#fff; }
.divscroll::-webkit-scrollbar-button:end{background:#fff;  }



.ilist{height:calc(100% - 40px); padding:0px; background:#eee; overflow:auto; }
.idiv{}
.idiv h1{ padding: 8px 60px 8px 10px;margin: 0px;background: #f9f9f9;border-bottom: 1px solid #cacaca;position: relative;font-size: 19px;
          font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.idiv h1 i{position:absolute; right:15px; color:Red; }
.idiv h1 i>b{font-size:13px; color:#333; font-weight:normal; display:none;}
.Packages h1:hover{cursor:pointer; background:#ffffff;}
.searchtxt{}
.searchtxt span{  float: left;  
  font-size: 19px;
  color: #fff;
  margin: 8px 0;}
  .searchtxt div{clear:right; margin-left:130px}
.searchtxt input{  margin: 7px 7px;
  width: 250px;
  border: 0px;
  padding: 5px;}
  
  
.package-info{position:fixed;left:0;top:0;width:100%;height:100%;  z-index:999999;}
.packagemask{position:fixed;left:0;top:0;width:100%;height:100%;  z-index:999999;background-color: gray;
            filter: alpha(opacity=70);
            opacity: 0.7;}
.package-info .pack-list{ z-index:999999;height:480px; width:750px; position:fixed; top:50%; margin-top:-240px; left:50%; margin-left:-375px; background:#fff; overflow:hidden; border:1px solid #333;  }

.pack-div{position:relative; height:100%;}
.pack-div h1{  margin: 0px 0px 8px 0px;

  color: #03abd5;
  padding: 5px;
  background: #f9f9f9;}
.pack-div p{padding: 0px 5px;
  margin: 0px;
  font-size: 1.2em;}
.pack-div ul{  margin: 10px 0px 10px 20px; padding-right:130px; height:290px; overflow:auto;}
.pack-div ul li{margin-bottom:10px;}

.pack-div ul li ul li{margin-bottom:2px;}


.package-info .pack-price{   position: absolute;width: 150px;text-align:center;height:150px;background: #03abd4;bottom: 50px;margin: 0px;padding: 0px;border-radius: 50%;right: 20px;z-index: 2;color: #fff;box-shadow: 0 5px 4px 2px #FFFFFF;}

.pack-price .rs{font-size: 1.8em;  margin-top: 38px; text-align:center;}
.pack-price .amt{  font-size: 2.7em;   font-weight: 700;  text-shadow: 0 2px 4px #28292A;}

.package-info .curve{position: absolute;  width: 159%;  height: 326px;  background: #03abd4;  bottom: -240px;  margin: 0px;  padding: 0px;  border-radius: 200%;  left: -90px;}
.package-info .curve1{ position: absolute;  width: 159%;  height: 326px;  background: #D3D3D3;  bottom: -228px;  margin: 0px;  padding: 0px;  border-radius: 200%;  left: -62px;}


.tmenu{float:right;}
.tmenu .toplink i{display:none;}
.tmenu .toplink b{font-weight:normal;}
.Sheader .tmenu .toplink{  margin: 23px 10px 19px 5px;}
.listmenu{  float: left; font-size: 26px;  padding-top: 17px; display:none;}
.tmenuhide{position:relative;float:right;}
.charticon{  float: left;
  margin-right: 5px;
  font-size: 13px;
  color: #F832FD;}