
.popupWindow-wrapper{
  display: block;
  height: auto;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  border: 2px solid  #abbed3;
  border-radius: 6px;
}

.popupWindow-header{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color:  #ffffff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 10px 10px;
    background: rgb(122, 143, 165);
    background: -moz-linear-gradient(top, #abbed3 0%,  #8398ad 66%,  #7a8fa5 100%);
    background: -webkit-linear-gradient(top, #abbed3 0%,  #8398ad 66%,  #7a8fa5 100%);
    background: linear-gradient(to bottom,  #abbed3 0%,  #8398ad 66%,  #7a8fa5 100%);
    border-bottom: 3px solid rgb(171, 190, 211); 
}
.pupupWindow-body {
  max-width: 100%;
  /*vertical-align: middle;*/
  border: 1px solid rgb(255, 255, 255);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: rgb(255, 255, 255);
  padding: 30px 30px;
  padding-bottom: 60px;
  white-space: nowrap;
  text-align: center;
  }
.popupWindow-header#form-info,
.pupupWindow-body#form-info {
  width: 90%;
  white-space: wrap;
  }

.form-wrapper {
  width: 5%;
  }

#form-info a:hover ~ text{
  color: red;
}

.pupupWindow-body#form-info p{
  display: inline-block;
  font-size: 18; 
  background-color: rgb(199, 250, 247);
  margin: 15px 50px;
  padding: 10px 10px;

}

.form{
    text-align: left;
}
.search {
    font-size: 15px;
    height: 35px;
    padding-left: 10px;
    border: 1px solid rgb(122, 143, 165);
    border-radius: 4px;
    background:  #ffffff;
    /*-webkit-text-fill-color: rgb(171, 190, 211) !important;*/
}
.search::placeholder {
  opacity: .5; /* Firefox */
}
.search:focus {
  color:  #000000;
  background-color: white;
  border: 2px solid rgb(122, 143, 165);
  appearance: none;
  outline: none;
}
button[type=submit]{
  display: flex;
  justify-content: center;
  align-items: center;  
  background-color: rgb(171, 190, 211);
  border: 1px solid rgb(66, 66, 66);
  cursor: pointer;
  margin: auto;
}
/*button[type=submit]:disabled{
  display: flex;
  justify-content: center;
  align-items: center;  
  background-color: rgb(171, 190, 211);
  border: 1px solid rgb(66, 66, 66);
  color:  #ffffff;
  cursor: context-menu;
  margin: auto;
  opacity: .6;
}*/
.form-error{
  padding: 0px;
  color: red;
  text-wrap: wrap;  
  }
.form-warning{
  padding: 0px;
  color:  #000000;
  text-wrap: wrap;  
  }
