/**
 * overhang.css
 * Paul Krishnamurthy 2016
 */

@import url(https://fonts.googleapis.com/css?family=Roboto);

.overhang {
  position    : fixed;
  display     : none;
  width       : 100%;
  z-index     : 9999;
  padding     : 0.15rem 0.02rem;
  top         : 0;
  left        : 0;
  right       : 0; 
  font-family : "Roboto", sans-serif;
  text-align  : center;
}

.overhang .message {
  color     : #FFF;
  font-size : 0.20rem;
}

.overhang .prompt-field {
  height        : 0.30rem;
  width         : 2.50rem;
  border-radius : 0.05rem;
  border        : none;
  display       : block;
  margin-left   : auto;
  margin-right  : auto;
  margin-top    : 0.15rem;
  bottom        : 0.07rem;
  position      : relative;
  padding-left  : 0.03rem;
  padding-right : 0.03rem;
  outline       : none;
  font-family   : "Roboto", sans-serif;
  font-size     : 0.15rem;
}

.overhang .yes-option, .overhang .no-option {
  min-width     : 0.50rem;
  height        : 0.30rem;
  border        : none;
  outline       : none;
  border-radius : 0.04rem;
  font-size     : 0.20rem;
  color         : #FFF;
  cursor        : pointer;
  margin        : 0 0.06rem; 
}

.overhang .yes-option {
  margin-left : 0.15rem;
}

.overhang .close {
  vertical-align : middle;
  cursor         : pointer;
  margin-top     : -0.04rem;
  padding-left   : 0.13rem;
  font-size      : 0.40rem;
  font-weight    : bold;
  display        : inline-block;
  line-height    : 0.30rem;
}

.overhang .close:after {
  content : "×";
}
