@import url("base.css");

#parent_popup {
  background: url(../images/bg_popup.png) repeat;
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 100;
  text-align: center;
  margin-top: 40px;
}

#parent_popup_ordered {
  background: url(../images/bg_popup.png) repeat;
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 100;
}

#parent_popup_ordered p {
  color: #e9ba74;
  font-size: 6rem;
}

#popup {
  margin-top: 11vh;
  margin-left: 35vw;
}

#popup_main h3 {
  color: #f9f9f9;
  font-size: 25pt;
  text-shadow: 0px 0px 8px #252525;
}

#popup_main p {
  font-size: x-large;
  margin-bottom: 3rem;
}

#popup_close {
  text-align: right;
  margin-right: 1vw;
}

#popup_close img {
  cursor: pointer;
}

#popup input[type="text"] {
  border: none;
  border-radius: 5px;
  font-size: 120%;
  text-align: center;
  width: 100px;
}

#popup label {
  color: #252525;
}

#popup input[type="submit"] {
  background: linear-gradient(
    to bottom,
    #b98644 0%,
    #b98644 25%,
    #b98644 50%,
    #f9f9f9 100%
  );
  background-size: 100% 100%;
  border-radius: 10px;
  cursor: pointer;
  cursor: pointer;
  color: #252525;
  font-size: 150%;
}

#code_form {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}

#popup_main {
  background: rgb(0, 19, 36);
  background: radial-gradient(
    circle,
    rgba(0, 19, 36, 1) 0%,
    rgba(91, 91, 91, 0.9680322812718838) 0%,
    rgba(224, 224, 224, 1) 100%
  );
  width: 30vw;
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.bar_iconka {
  font-size: 40px !important;
  border-radius: 10px !important;
  color: #000 !important;
  padding: 1px 6px !important;
}

@media (max-width: 1024px) {
  #popup_main {
    width: 99%;
  }

  #popup {
    margin-top: 1vh;
    margin-left: 1.5vw;
    margin-right: auto;
  }

  #parent_popup {
    margin-top: 33px;
  }

  .check_code_button,
  #popup input[type="text"] {
    width: 49%;
  }
}