/* error */
/* warning */
/* information */
/* success */
/* tg-div-validation-area-login */
/* line 32, ../../scss/common/messageArea.scss */
.tg-div-validation-area-login {
  width: 800px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

/* tg-validation-error */
/* line 39, ../../scss/common/messageArea.scss */
.tg-validation-error {
  border: 3px red solid;
}

/* tg-message-area-space */
/* line 44, ../../scss/common/messageArea.scss */
.tg-message-area-space {
  margin-top: 10px;
}

/* line 48, ../../scss/common/messageArea.scss */
#messageArea {
  max-height: 100px;
  width: calc(100% - 0);
  overflow-y: auto;
  padding-left: 10px;
  /* --------------------------------------------------
   * button
   * -------------------------------------------------- */
  /* --------------------------------------------------
   * tg-table-message-list
   * -------------------------------------------------- */
}
/* line 57, ../../scss/common/messageArea.scss */
#messageArea .tg-button-error, #messageArea .tg-button-warn, #messageArea .tg-button-info, #messageArea .tg-button-success {
  top: 74px;
  left: calc(100% - 50px);
  position: fixed;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  padding: 0 5px;
  border-radius: 20px;
}
/* line 72, ../../scss/common/messageArea.scss */
#messageArea .tg-button-error {
  color: #ffcdd2;
  background: #ff88df;
}
/* line 72, ../../scss/common/messageArea.scss */
#messageArea .tg-button-warn {
  color: #ffd700;
  background: #947d03;
}
/* line 72, ../../scss/common/messageArea.scss */
#messageArea .tg-button-info {
  color: lightcyan;
  background: #41f5f5;
}
/* line 72, ../../scss/common/messageArea.scss */
#messageArea .tg-button-success {
  color: #d4edda;
  background: #59b770;
}
/* line 87, ../../scss/common/messageArea.scss */
#messageArea .tg-table-message-list {
  width: 100%;
}
/* line 90, ../../scss/common/messageArea.scss */
#messageArea .tg-table-message-list:not(.info-background + .info-background
, .error-background + .error-background
, .warn-background + .warn-background
, .success-background + .success-background) {
  margin-top: 2px;
}
/* line 99, ../../scss/common/messageArea.scss */
#messageArea .error-background {
  background: linear-gradient(to right, #ff88df 9px, #ffcdd2 0%);
}
/* line 103, ../../scss/common/messageArea.scss */
#messageArea .error-item-name {
  color: #B71C1C;
  font-weight: bold;
  padding-left: 15px;
}
/* line 109, ../../scss/common/messageArea.scss */
#messageArea .error-message {
  color: #B71C1C;
}
/* line 99, ../../scss/common/messageArea.scss */
#messageArea .warn-background {
  background: linear-gradient(to right, #947d03 9px, #ffd700 0%);
}
/* line 103, ../../scss/common/messageArea.scss */
#messageArea .warn-item-name {
  color: #ffa500;
  font-weight: bold;
  padding-left: 15px;
}
/* line 109, ../../scss/common/messageArea.scss */
#messageArea .warn-message {
  color: #ffa500;
}
/* line 99, ../../scss/common/messageArea.scss */
#messageArea .info-background {
  background: linear-gradient(to right, #41f5f5 9px, #e0ffff 0%);
}
/* line 103, ../../scss/common/messageArea.scss */
#messageArea .info-item-name {
  color: lightblue;
  font-weight: bold;
  padding-left: 15px;
}
/* line 109, ../../scss/common/messageArea.scss */
#messageArea .info-message {
  color: lightblue;
}
/* line 99, ../../scss/common/messageArea.scss */
#messageArea .success-background {
  background: linear-gradient(to right, #59b770 9px, #d4edda 0%);
}
/* line 103, ../../scss/common/messageArea.scss */
#messageArea .success-item-name {
  color: #155724;
  font-weight: bold;
  padding-left: 15px;
}
/* line 109, ../../scss/common/messageArea.scss */
#messageArea .success-message {
  color: #155724;
}