﻿[data-css-name="UserConfirmDialog"] .dialog-container {
  border: 1px solid #707070;
  background-color: #FFFFFF;
  margin: 12.96vh auto 0;
  width: 1400px;
  height: calc(100vh - 12.96vh * 2);
}
@media only screen and (max-width: 480px) {
  [data-css-name="UserConfirmDialog"] .dialog-container {
    width: calc(100vw - 50px);
    margin: 70px auto 44px;
    height: calc(100vh - 194px);
    border-radius: 5px;
  }
}
[data-css-name="UserConfirmDialog"] .dialog-container .question-mark {
  background: url(/images/question-mark.png) center no-repeat;
  margin-top: 175px;
  height: 80px;
}
@media only screen and (max-width: 480px) {
  [data-css-name="UserConfirmDialog"] .dialog-container .question-mark {
    margin-top: 60px;
  }
}
[data-css-name="UserConfirmDialog"] .dialog-container .message {
  color: #000000;
  font-size: 60px;
  font-weight: lighter;
  text-align: center;
  width: 1000px;
  margin: 30px auto;
  opacity: 0.9;
}
@media only screen and (max-width: 480px) {
  [data-css-name="UserConfirmDialog"] .dialog-container .message {
    width: unset;
    font-size: 20px;
    margin: 40px 20px;
  }
}
@media only screen and (max-height: 1079px) {
  [data-css-name="UserConfirmDialog"] .dialog-container .btn-back {
    float: left;
    margin: 20px 38px 0 calc(50% - 440px - 38px);
  }
  [data-css-name="UserConfirmDialog"] .dialog-container .btn-start {
    float: right;
    margin: 20px calc(50% - 440px - 38px) 0 38px;
  }
}
@media only screen and (min-height: 1080px) {
  [data-css-name="UserConfirmDialog"] .dialog-container .btn-back {
    position: absolute;
    left: calc(50vw - 440px - 38px);
    bottom: calc(12.96vh + 120px);
  }
  [data-css-name="UserConfirmDialog"] .dialog-container .btn-start {
    position: absolute;
    right: calc(50vw - 440px - 38px);
    bottom: calc(12.96vh + 120px);
  }
}
@media only screen and (max-width: 480px) {
  [data-css-name="UserConfirmDialog"] .dialog-container .btn-back {
    float: unset;
    margin: unset;
    position: absolute;
    left: calc(50vw - 161.74px / 2);
    bottom: 137px;
  }
  [data-css-name="UserConfirmDialog"] .dialog-container .btn-start {
    float: unset;
    margin: unset;
    position: absolute;
    left: calc(50vw - 161.74px / 2);
    bottom: 84px;
  }
}