/******************************************/
/*********** COMMUN STYLE POPUP ***********/
/*****************************************/

.title-popup {
  margin-bottom: 3%;
}

.container-close {
  display: flex;
  justify-content: end;
}

.close-popup {
  cursor: pointer;
  font-size: 1.5em;
  font-weight: bold;
  color: red;
}

.form-add {
  margin: 2% 20% 0% 20%;
  overflow: hidden;
}

/* Popup style and position */ 
.popup{
  background-color: #ffffff;
  box-shadow: 2px 2px 2px #999;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translate(-50%);
  transform: translateY(-50%) translate(-50%);
  padding: 0% 1% 2% 1%;
  z-index: 99;
  display: none;
  border: grey 1px solid;
  overflow-y: scroll;
}

/******************************************/
/*********** POP UP ADD OFFERS ***********/
/*****************************************/

#add-offers {
  height: 80%;
  width: 50%;
}

/******************************************/
/********** POP UP EXPORT OFFERS **********/
/*****************************************/

#export-offers {
  height: 40%;
  width: 30%;
  overflow-y: unset;
}

/******************************************/
/********** POP UP ADD USERS **********/
/*****************************************/
#add-user {
  height: 80%;
  width: 40%;
}

/******************************************/
/********** POP UP DELETE       **********/
/*****************************************/

#delete-obj {  
  height: 40%;
  width: 30%;
  overflow-y: unset;
}