.divphv {
  position: relative;
  }

.OjectOne {
  display: block;
 }

.control-group.error .help-inline, 
.control-group.error input {
  border-color: #B94A48;
  color: #B94A48;
}

.ObjectOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom:0;
  background-color: #008CBA;
  overflow: hidden;
  width: 0;
  /*height:0;*/
  transition: .5s ease;
}
.ppppp {
}
.billPanel {
position: absolute;
z-index: 1000;
}
.divphv:hover .ObjectOverlay {
  width: 400px;
  height:100%;
  
}

.ObjectTow {
  white-space: nowrap; 
  color: white;
  /*font-size: 20px;*/
  position: absolute;
  top:auto;
  overflow: hidden;
  top: 50%;
  left: 50%;
  z-index: 1000;
  /*z-index: 100 !important;*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);


}
.MobileHead {
font-size:3em;
font-weight:bolder;
text-align:center;
color:#0926d8;
text-decoration:underline;
}
.nicebox {
    display:block;
    width:100%;
    height:34px;
    padding:6px 12px;
    font-size:14px;line-height:1.42857143;
    color:#555;background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.monthpanel {
border:solid 1px;

}
.btn1 {
    border:solid 1px;
    padding:5px;
    margin:5px;
 cursor:pointer;
   -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    font-size:0.9em;
}

.btn1:hover {
    background-color: aqua; /* Green */
  color:black;
  font-weight:bold;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  
}
.bckRed {
background-color:#f44444;
color:white;
}
    .bckRed:hover {
    background-color:#ffffff;
color:black;
    
    }
.bckGreen {
background-color:greenyellow;
}