/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.pi-popup {
  position: fixed;
  display: inline-flex;
  z-index: 100000;
  overflow:hidden;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
  align-items: center;
}


.pi-popup-content {
  padding: 10px;
  padding-right:25px;
  flex: 1;
}

.pi-popup-close{
  width:15px;
  height:15px;
  position:absolute;
  display:block;
  top:5px;
  right:5px;
}

.pi-popup-image{
  display:flex;
  align-items: center;
}

.pi-popup-image img{
  width:100% !important;
}

.pi-popup-close img{
  max-width:100%;
  display:block;
}


.pi-bottom-block{
  padding:6px 0px;
  display:flex;
}

.pi-bottom-block *{
 flex:1;
}

.pi-bottom-block .dismiss-option{
  text-align: right;
}

.pi-bottom-block .time-elapsed + .stock-left{
  text-align: center;
}