body {padding: 0;  margin: 0;  border: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none;  cursor: default; }

selectable-content {
    
    -webkit-user-select: text;-ms-user-select: text; user-select: text; cursor: auto; padding: 15px; border: 1px solid #ccc; background-color: #f9f9f9; margin: 20px 0;
}


header {  background-color: white;  position: fixed;  z-index: 2;  top: 0;  left: 0;  width: 100%;  height: 53px;  padding: 0;}
footer {  background-color: white;  position: fixed;  z-index: 2;  bottom: 0;  left: 0;  width: 100%;  height: 62px;  padding: 0;text-align:center;}
#wrapper {  z-index: 1;  padding: 50px 0 48px 0;  width: 100%;  background:#FFFFFF;}
        
.container { display: inline-block;  cursor: pointer;}

.bar1, .bar2, .bar3 { width: 26px;  height: 2px;  background-color: #909090;  margin: 5px 0;  transition: 0.4s;}

.change .bar2 {opacity: 0;}

.change .bar1 { transform: translate(0, 7px) rotate(-45deg);}

.change .bar3 { transform: translate(0, -7px) rotate(45deg);}

.overlay { height: 100%;  width: 0;  position: fixed;top: 52px!important;  left: 0px;  z-index: 12345;    text-align:left;  vertical-align:top;  background-color: rgb(0,0,0);  background-color: rgba(234,234,234, 0.9);  overflow-x: hidden;  transition: 1.0s;}

.overlay-content {  position: relative;  top: 2%;  padding-left:20px;  width: 100%;  text-align: left;  margin-top: 10px;}

.overlay a {  padding: 8px;  text-decoration: none; font-weight:bold;  font-size: 18px;  color: rgb(116,116,116);  display: block;  transition: 0.3s;}

.overlay a:hover, .overlay a:focus {  color: red;}

.overlay .closebtn {  position: absolute;  top: 15px;  right: 15px;  font-size: 26px;}

@media screen and (max-height: 450px) 
{
  .overlay a {font-size: 20px}
  .overlay .closebtn {  font-size: 40px;  top: 15px;  right: 35px;  }
}



.CpyRgt{font-size:12px;	color:Gray;	text-align:center;	vertical-align:middle;	padding:10px 10px 10px 10px;}

.PgHeader { position:fixed;width:100%;left:0px;top:0px;    }

.footer { position: fixed;  bottom: 0;  height: 26px; background: White; color: white; }
    
.btn-blue{ background-color:rgb(0,103,184);border:solid 1px rgb(0,103,184);color:White;font-weight:normal;padding:5px 15px 5px 15px;}
    
.Ellipses { white-space: nowrap;  width: 71px;  overflow: hidden;  text-overflow: ellipsis; }
        
.XXXX { position: relative;  max-width: 800px;  margin: 0 auto; }

.XXXX img {vertical-align: middle;}

.XXXX .YYYY { position: absolute;bottom: 0;  background: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.2); color: #f1f1f1; width: 100%; padding: 10px; z-index:1111; text-align:center; }

.lbl
{
  font-size : 12px;
  font-weight: bold;
  vertical-align:middle;
  width:27%;
}
.btn
{
	width:107px;
	height:30px;
	background-image: linear-gradient(to right, #FED2DC, #F7D7C1);
	text-align:center;
	vertical-align:middle;
	border-radius:6px;
	padding-top:9px;
	box-shadow: 5px 5px 3px lightblue;
	cursor:pointer;
	readonly":true;
	border:solid 0px white;
}
.list-item
{
  cursor: pointer;
  width: 100%;
  color: Black;
  text-align: left;
  outline: none;
  padding:5px 0px 5px 0px;  
  border: solid 0px White;    
  vertical-align:middle;
}